chore: improve package.json (#695)

* chore: improve package.json

* chore: unpin all deps

* chore: update webpack deps

* chore: update escapers

* chore: update `@discoveryjs/json-ext`

* chore: update `debounce`

* chore: update `filesize`

* chore: update `commander` and avoid `del`

* chore: update `mobx`

* style: fix formatting

* refactor: avoid `console.log`

Author: alexander-akait

client/components/Button.jsx

@@ -1,13 +1,12 @@
 import cls from "classnames";
-import s from "./Button.css";
+import * as s from "./Button.css";
 import PureComponent from "../lib/PureComponent";
 
 export default class Button extends PureComponent {
-  render({ active, toggle, className, children, ...props }) {
+  render({ active, className, children, ...props }) {
     const classes = cls(className, {
       [s.button]: true,
       [s.active]: active,
-      [s.toggle]: toggle,
     });
 
     return (

client/components/Checkbox.jsx

@@ -1,7 +1,7 @@
 import { Component } from "preact";
 import cls from "classnames";
 
-import s from "./Checkbox.css";
+import * as s from "./Checkbox.css";
 
 export default class Checkbox extends Component {
   render() {

client/components/CheckboxList.jsx

@@ -1,5 +1,5 @@
 import CheckboxListItem from "./CheckboxListItem";
-import s from "./CheckboxList.css";
+import * as s from "./CheckboxList.css";
 import PureComponent from "../lib/PureComponent";
 
 const ALL_ITEM = Symbol("ALL_ITEM");

client/components/CheckboxListItem.jsx

@@ -2,7 +2,7 @@ import { Component } from "preact";
 
 import Checkbox from "./Checkbox";
 import CheckboxList from "./CheckboxList";
-import s from "./CheckboxList.css";
+import * as s from "./CheckboxList.css";
 
 export default class CheckboxListItem extends Component {
   render() {

client/components/ContextMenu.jsx

@@ -4,7 +4,7 @@ import PureComponent from "../lib/PureComponent";
 import { store } from "../store";
 import { elementIsOutside } from "../utils";
 
-import s from "./ContextMenu.css";
+import * as s from "./ContextMenu.css";
 
 export default class ContextMenu extends PureComponent {
   componentDidMount() {

client/components/ContextMenuItem.jsx

@@ -1,5 +1,5 @@
 import cls from "classnames";
-import s from "./ContextMenuItem.css";
+import * as s from "./ContextMenuItem.css";
 
 function noop() {
   return false;

client/components/Dropdown.jsx

@@ -1,7 +1,7 @@
 import { createRef } from "preact";
 import PureComponent from "../lib/PureComponent";
 
-import s from "./Dropdown.css";
+import * as s from "./Dropdown.css";
 
 export default class Dropdown extends PureComponent {
   input = createRef();
@@ -41,7 +41,7 @@ export default class Dropdown extends PureComponent {
             onFocus={this.handleFocus}
           />
           {this.state.showOptions ? (
-            <div className={s.options}>
+            <div>
               {filteredOptions.map((option) => (
                 <div
                   key={option}

client/components/Icon.jsx

@@ -1,5 +1,5 @@
 import cls from "classnames";
-import s from "./Icon.css";
+import * as s from "./Icon.css";
 import PureComponent from "../lib/PureComponent";
 
 import iconArrowRight from "../assets/icon-arrow-right.svg";

client/components/ModuleItem.jsx

@@ -1,10 +1,10 @@
 import escapeRegExp from "escape-string-regexp";
 import { escape } from "html-escaper";
-import filesize from "filesize";
+import { filesize } from "filesize";
 import cls from "classnames";
 
 import PureComponent from "../lib/PureComponent";
-import s from "./ModuleItem.css";
+import * as s from "./ModuleItem.css";
 
 export default class ModuleItem extends PureComponent {
   state = {

client/components/ModulesList.jsx

@@ -1,5 +1,5 @@
 import cls from "classnames";
-import s from "./ModulesList.css";
+import * as s from "./ModulesList.css";
 import ModuleItem from "./ModuleItem";
 import PureComponent from "../lib/PureComponent";