feat(redux-devtools-inspector): convert to TypeScript (#623)

* stash

* stash

* stash

* stash

* preset

* @types/dragula

Author: Methuselah96

package.json

@@ -4,6 +4,7 @@
     "@babel/cli": "^7.10.5",
     "@babel/core": "^7.11.1",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-transform-runtime": "^7.11.0",
     "@babel/preset-env": "^7.11.0",
     "@babel/preset-typescript": "^7.10.4",
     "@types/jest": "^26.0.9",
@@ -14,12 +15,16 @@
     "@typescript-eslint/parser": "^3.9.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "cross-env": "^7.0.2",
     "eslint": "^7.6.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-jest": "^23.20.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.5",
+    "fork-ts-checker-webpack-plugin": "^5.1.0",
+    "html-webpack-plugin": "^4.3.0",
     "jest": "^26.2.2",
     "lerna": "^3.22.1",
     "prettier": "^2.0.5",

packages/react-base16-styling/src/index.ts

@@ -142,7 +142,7 @@ const mergeStylings = (
 
 const getStylingByKeys = (
   mergedStyling: StylingConfig,
-  keys: string | string[],
+  keys: (string | false | undefined) | (string | false | undefined)[],
   ...args: any[]
 ): Styling => {
   if (keys === null) {
@@ -153,7 +153,9 @@ const getStylingByKeys = (
     keys = [keys];
   }
 
-  const styles = keys.map((key) => mergedStyling[key]).filter(Boolean);
+  const styles = keys
+    .map((key) => mergedStyling[key as string])
+    .filter(Boolean);
 
   const props = styles.reduce(
     (obj, s) => {