setup

2025-07-26 07:59:48 +03:00 · 2020-08-18 21:08:30 -04:00 · 2020-08-18 21:08:30 -04:00 · bce07fe5fc
commit bce07fe5fc
parent 3d54daa515
23 changed files with 345 additions and 327 deletions
--- a/package.json
+++ b/package.json
@ -16,14 +16,17 @@
    "eslint-plugin-jest": "^23.20.0",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-react": "^7.20.5",
-    "husky": "^4.2.5",
    "jest": "^26.2.2",
    "lerna": "^3.22.1",
-    "lint-staged": "^10.2.11",
    "prettier": "^2.0.5",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-test-renderer": "^16.13.1",
    "rimraf": "^3.0.2",
    "ts-jest": "^26.2.0",
-    "typescript": "^3.9.7"
+    "typescript": "^3.9.7",
+    "webpack": "^4.44.1",
+    "webpack-cli": "^3.3.12"
  },
  "scripts": {
    "lerna": "lerna",
@ -49,19 +52,5 @@
  ],
  "engines": {
    "node": ">=10.13.0"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "prettier --write",
-      "yarn lint:fix"
-    ],
-    "*.{json,css,html,md}": [
-      "prettier --write"
-    ]
  }
 }
--- a/packages/react-base16-styling/src/index.ts
+++ b/packages/react-base16-styling/src/index.ts
@ -288,3 +288,6 @@ export const invertTheme = (theme: Theme): Theme => {

  return theme;
 };
+
+export { Base16Theme };
+export * from './types';
--- a/packages/react-json-tree/package.json
+++ b/packages/react-json-tree/package.json
@ -30,36 +30,27 @@
    "url": "https://github.com/reduxjs/redux-devtools.git"
  },
  "scripts": {
-    "clean": "rimraf lib",
-    "build": "babel src --out-dir lib",
+    "start": "cd examples && npm start",
+    "build": "npm run build:types && npm run build:js && npm build:umd && npm build:umd:min",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
    "build:umd": "rimraf ./umd && webpack --progress --config webpack.config.umd.js",
    "build:umd:min": "webpack --env.production --progress --config webpack.config.umd.js",
+    "clean": "rimraf lib umd",
    "test": "jest",
-    "prepare": "npm run build",
-    "prepublishOnly": "npm run test && npm run clean && npm run build && npm run build:umd && npm run build:umd:min",
-    "start": "cd examples && npm start"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.11.1",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-react": "^7.10.4",
-    "babel-loader": "^8.1.0",
-    "jest": "^26.2.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-test-renderer": "^16.13.1",
-    "rimraf": "^3.0.2",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12"
-  },
-  "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "type-check": "tsc --noEmit",
+    "type-check:watch": "npm run type-check -- --watch",
+    "preversion": "npm run type-check && npm run lint && npm run test",
+    "prepublishOnly": "npm run clean && npm run build"
  },
  "dependencies": {
    "prop-types": "^15.7.2",
    "react-base16-styling": "^0.7.0"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0",
+    "react-dom": "^16.3.0"
  }
 }
--- a/packages/react-json-tree/src/ItemRange.tsx
+++ b/packages/react-json-tree/src/ItemRange.tsx
@ -1,8 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import JSONArrow from './JSONArrow';
+import { CircularPropsPassedThroughItemRange } from './types';

-export default class ItemRange extends React.Component {
+interface Props extends CircularPropsPassedThroughItemRange {
+  data: any;
+  nodeType: string;
+  from: number;
+  to: number;
+  renderChildNodes: (props: Props, from: number, to: number) => React.ReactNode;
+}
+
+interface State {
+  expanded: boolean;
+}
+
+export default class ItemRange extends React.Component<Props, State> {
  static propTypes = {
    styling: PropTypes.func.isRequired,
    from: PropTypes.number.isRequired,
@ -11,11 +24,9 @@ export default class ItemRange extends React.Component {
    nodeType: PropTypes.string.isRequired,
  };

-  constructor(props) {
+  constructor(props: Props) {
    super(props);
    this.state = { expanded: false };
-
-    this.handleClick = this.handleClick.bind(this);
  }

  render() {
@ -42,7 +53,7 @@ export default class ItemRange extends React.Component {
    );
  }

-  handleClick() {
+  handleClick = () => {
    this.setState({ expanded: !this.state.expanded });
-  }
+  };
 }
--- a/packages/react-json-tree/src/JSONArrayNode.tsx
+++ b/packages/react-json-tree/src/JSONArrayNode.tsx
@ -1,15 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import JSONNestedNode from './JSONNestedNode';
+import { CircularPropsPassedThroughJSONNode } from './types';

 // Returns the "n Items" string for this node,
 // generating and caching it if it hasn't been created yet.
-function createItemString(data) {
+function createItemString(data: any) {
  return `${data.length} ${data.length !== 1 ? 'items' : 'item'}`;
 }

+interface Props extends CircularPropsPassedThroughJSONNode {
+  data: any;
+  nodeType: string;
+}
+
 // Configures <JSONNestedNode> to render an Array
-const JSONArrayNode = ({ data, ...props }) => (
+const JSONArrayNode: React.FunctionComponent<Props> = ({ data, ...props }) => (
  <JSONNestedNode
    {...props}
    data={data}
--- a/packages/react-json-tree/src/JSONArrow.tsx
+++ b/packages/react-json-tree/src/JSONArrow.tsx
@ -1,7 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { StylingFunction } from 'react-base16-styling';

-const JSONArrow = ({ styling, arrowStyle, expanded, nodeType, onClick }) => (
+interface Props {
+  styling: StylingFunction;
+  arrowStyle?: 'single' | 'double';
+  expanded: boolean;
+  nodeType: string;
+  onClick: React.MouseEventHandler<HTMLDivElement>;
+}
+
+const JSONArrow: React.FunctionComponent<Props> = ({
+  styling,
+  arrowStyle,
+  expanded,
+  nodeType,
+  onClick,
+}) => (
  <div {...styling('arrowContainer', arrowStyle)} onClick={onClick}>
    <div {...styling(['arrow', 'arrowSign'], nodeType, expanded, arrowStyle)}>
      {'\u25B6'}
--- a/packages/react-json-tree/src/JSONIterableNode.tsx
+++ b/packages/react-json-tree/src/JSONIterableNode.tsx
@ -1,9 +1,10 @@
 import React from 'react';
 import JSONNestedNode from './JSONNestedNode';
+import { CircularPropsPassedThroughJSONNode } from './types';

 // Returns the "n Items" string for this node,
 // generating and caching it if it hasn't been created yet.
-function createItemString(data, limit) {
+function createItemString(data: any, limit: number) {
  let count = 0;
  let hasMore = false;
  if (Number.isSafeInteger(data.size)) {
@ -21,8 +22,13 @@ function createItemString(data, limit) {
  return `${hasMore ? '>' : ''}${count} ${count !== 1 ? 'entries' : 'entry'}`;
 }

+interface Props extends CircularPropsPassedThroughJSONNode {
+  data: any;
+  nodeType: string;
+}
+
 // Configures <JSONNestedNode> to render an iterable
-export default function JSONIterableNode({ ...props }) {
+const JSONIterableNode: React.FunctionComponent<Props> = ({ ...props }) => {
  return (
    <JSONNestedNode
      {...props}
@ -31,4 +37,6 @@ export default function JSONIterableNode({ ...props }) {
      createItemString={createItemString}
    />
  );
-}
+};
+
+export default JSONIterableNode;
--- a/packages/react-json-tree/src/JSONNestedNode.tsx
+++ b/packages/react-json-tree/src/JSONNestedNode.tsx
@ -4,12 +4,40 @@ import JSONArrow from './JSONArrow';
 import getCollectionEntries from './getCollectionEntries';
 import JSONNode from './JSONNode';
 import ItemRange from './ItemRange';
+import {
+  CircularPropsPassedThroughJSONNestedNode,
+  CircularPropsPassedThroughRenderChildNodes,
+} from './types';

 /**
 * Renders nested values (eg. objects, arrays, lists, etc.)
 */

-function renderChildNodes(props, from, to) {
+export interface RenderChildNodesProps
+  extends CircularPropsPassedThroughRenderChildNodes {
+  data: any;
+  nodeType: string;
+}
+
+interface Range {
+  from: number;
+  to: number;
+}
+
+interface Entry {
+  key: string | number;
+  value: any;
+}
+
+function isRange(rangeOrEntry: Range | Entry): rangeOrEntry is Range {
+  return (rangeOrEntry as Range).to !== undefined;
+}
+
+function renderChildNodes(
+  props: RenderChildNodesProps,
+  from?: number,
+  to?: number
+) {
  const {
    nodeType,
    data,
@ -19,7 +47,7 @@ function renderChildNodes(props, from, to) {
    postprocessValue,
    sortObjectKeys,
  } = props;
-  const childNodes = [];
+  const childNodes: React.ReactNode[] = [];

  getCollectionEntries(
    nodeType,
@ -29,7 +57,7 @@ function renderChildNodes(props, from, to) {
    from,
    to
  ).forEach((entry) => {
-    if (entry.to) {
+    if (isRange(entry)) {
      childNodes.push(
        <ItemRange
          {...props}
@ -43,7 +71,7 @@ function renderChildNodes(props, from, to) {
      const { key, value } = entry;
      const isCircular = circularCache.indexOf(value) !== -1;

-      const node = (
+      childNodes.push(
        <JSONNode
          {...props}
          {...{ postprocessValue, collectionLimit }}
@ -55,17 +83,25 @@ function renderChildNodes(props, from, to) {
          hideRoot={false}
        />
      );
-
-      if (node !== false) {
-        childNodes.push(node);
-      }
    }
  });

  return childNodes;
 }

-function getStateFromProps(props) {
+interface Props extends CircularPropsPassedThroughJSONNestedNode {
+  data: any;
+  nodeType: string;
+  nodeTypeIndicator: string;
+  createItemString: (data: any, collectionLimit: number) => string;
+  expandable: boolean;
+}
+
+interface State {
+  expanded: boolean;
+}
+
+function getStateFromProps(props: Props) {
  // calculate individual node expansion if necessary
  const expanded =
    props.shouldExpandNode && !props.isCircular
@ -76,7 +112,7 @@ function getStateFromProps(props) {
  };
 }

-export default class JSONNestedNode extends React.Component {
+export default class JSONNestedNode extends React.Component<Props, State> {
  static propTypes = {
    getItemString: PropTypes.func.isRequired,
    nodeTypeIndicator: PropTypes.any,
@ -104,26 +140,26 @@ export default class JSONNestedNode extends React.Component {
    expandable: true,
  };

-  constructor(props) {
+  constructor(props: Props) {
    super(props);
    this.state = getStateFromProps(props);
  }

-  UNSAFE_componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps: Props) {
    const nextState = getStateFromProps(nextProps);
    if (getStateFromProps(this.props).expanded !== nextState.expanded) {
      this.setState(nextState);
    }
  }

-  shouldComponentUpdate(nextProps, nextState) {
+  shouldComponentUpdate(nextProps: Props, nextState: State) {
    return (
      !!Object.keys(nextProps).find(
        (key) =>
          key !== 'circularCache' &&
          (key === 'keyPath'
            ? nextProps[key].join('/') !== this.props[key].join('/')
-            : nextProps[key] !== this.props[key])
+            : nextProps[key as keyof Props] !== this.props[key as keyof Props])
      ) || nextState.expanded !== this.state.expanded
    );
  }
@ -159,7 +195,7 @@ export default class JSONNestedNode extends React.Component {
      itemType,
      createItemString(data, collectionLimit)
    );
-    const stylingArgs = [keyPath, nodeType, expanded, expandable];
+    const stylingArgs = [keyPath, nodeType, expanded, expandable] as const;

    return hideRoot ? (
      <li {...styling('rootNode', ...stylingArgs)}>
--- a/packages/react-json-tree/src/JSONNode.tsx
+++ b/packages/react-json-tree/src/JSONNode.tsx
@ -5,8 +5,15 @@ import JSONObjectNode from './JSONObjectNode';
 import JSONArrayNode from './JSONArrayNode';
 import JSONIterableNode from './JSONIterableNode';
 import JSONValueNode from './JSONValueNode';
+import { CircularPropsPassedThroughJSONNode } from './types';

-const JSONNode = ({
+interface Props extends CircularPropsPassedThroughJSONNode {
+  keyPath: (string | number)[];
+  value: any;
+  isCustomNode: (value: any) => boolean;
+}
+
+const JSONNode: React.FunctionComponent<Props> = ({
  getItemString,
  keyPath,
  labelRenderer,
@ -97,7 +104,7 @@ const JSONNode = ({
 JSONNode.propTypes = {
  getItemString: PropTypes.func.isRequired,
  keyPath: PropTypes.arrayOf(
-    PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
  ).isRequired,
  labelRenderer: PropTypes.func.isRequired,
  styling: PropTypes.func.isRequired,
--- a/packages/react-json-tree/src/JSONObjectNode.tsx
+++ b/packages/react-json-tree/src/JSONObjectNode.tsx
@ -1,16 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import JSONNestedNode from './JSONNestedNode';
+import { CircularPropsPassedThroughJSONNode } from './types';

 // Returns the "n Items" string for this node,
 // generating and caching it if it hasn't been created yet.
-function createItemString(data) {
+function createItemString(data: any) {
  const len = Object.getOwnPropertyNames(data).length;
  return `${len} ${len !== 1 ? 'keys' : 'key'}`;
 }

+interface Props extends CircularPropsPassedThroughJSONNode {
+  data: any;
+  nodeType: string;
+}
+
 // Configures <JSONNestedNode> to render an Object
-const JSONObjectNode = ({ data, ...props }) => (
+const JSONObjectNode: React.FunctionComponent<Props> = ({ data, ...props }) => (
  <JSONNestedNode
    {...props}
    data={data}
@ -23,7 +29,7 @@ const JSONObjectNode = ({ data, ...props }) => (

 JSONObjectNode.propTypes = {
  data: PropTypes.object,
-  nodeType: PropTypes.string,
+  nodeType: PropTypes.string.isRequired,
 };

 export default JSONObjectNode;
--- a/packages/react-json-tree/src/JSONValueNode.tsx
+++ b/packages/react-json-tree/src/JSONValueNode.tsx
@ -1,18 +1,25 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { JSONValueNodeCircularPropsProvidedByJSONNode } from './types';

 /**
 * Renders simple values (eg. strings, numbers, booleans, etc)
 */

-const JSONValueNode = ({
+interface Props extends JSONValueNodeCircularPropsProvidedByJSONNode {
+  nodeType: string;
+  value: any;
+  valueGetter?: (value: any) => any;
+}
+
+const JSONValueNode: React.FunctionComponent<Props> = ({
  nodeType,
  styling,
  labelRenderer,
  keyPath,
  valueRenderer,
  value,
-  valueGetter,
+  valueGetter = (value) => value,
 }) => (
  <li {...styling('value', nodeType, keyPath)}>
    <label {...styling(['label', 'valueLabel'], nodeType, keyPath)}>
@ -29,15 +36,11 @@ JSONValueNode.propTypes = {
  styling: PropTypes.func.isRequired,
  labelRenderer: PropTypes.func.isRequired,
  keyPath: PropTypes.arrayOf(
-    PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
  ).isRequired,
  valueRenderer: PropTypes.func.isRequired,
  value: PropTypes.any,
  valueGetter: PropTypes.func,
 };

-JSONValueNode.defaultProps = {
-  valueGetter: (value) => value,
-};
-
 export default JSONValueNode;
--- a/packages/react-json-tree/src/createStylingFromTheme.ts
+++ b/packages/react-json-tree/src/createStylingFromTheme.ts
@ -1,7 +1,12 @@
-import { createStyling } from 'react-base16-styling';
+import {
+  Base16Theme,
+  createStyling,
+  Styling,
+  StylingConfig,
+} from 'react-base16-styling';
 import solarized from './themes/solarized';

-const colorMap = (theme) => ({
+const colorMap = (theme: Base16Theme) => ({
  BACKGROUND_COLOR: theme.base00,
  TEXT_COLOR: theme.base07,
  STRING_COLOR: theme.base0B,
@ -18,7 +23,12 @@ const colorMap = (theme) => ({
  ITEM_STRING_EXPANDED_COLOR: theme.base03,
 });

-const valueColorMap = (colors) => ({
+type Color = keyof ReturnType<typeof colorMap>;
+type Colors = {
+  [color in Color]: string;
+};
+
+const valueColorMap = (colors: Colors) => ({
  String: colors.STRING_COLOR,
  Date: colors.DATE_COLOR,
  Number: colors.NUMBER_COLOR,
@ -29,7 +39,7 @@ const valueColorMap = (colors) => ({
  Symbol: colors.SYMBOL_COLOR,
 });

-const getDefaultThemeStyling = (theme) => {
+const getDefaultThemeStyling = (theme: Base16Theme): StylingConfig => {
  const colors = colorMap(theme);

  return {
@ -46,7 +56,7 @@ const getDefaultThemeStyling = (theme) => {
      backgroundColor: colors.BACKGROUND_COLOR,
    },

-    value: ({ style }, nodeType, keyPath) => ({
+    value: ({ style }, nodeType, keyPath: (string | number)[]): Styling => ({
      style: {
        ...style,
        paddingTop: '0.25em',
@ -73,7 +83,9 @@ const getDefaultThemeStyling = (theme) => {
    valueText: ({ style }, nodeType) => ({
      style: {
        ...style,
-        color: valueColorMap(colors)[nodeType],
+        color: valueColorMap(colors)[
+          nodeType as keyof ReturnType<typeof valueColorMap>
+        ],
      },
    }),

@ -124,7 +136,13 @@ const getDefaultThemeStyling = (theme) => {
      left: '-0.4em',
    },

-    nestedNode: ({ style }, keyPath, nodeType, expanded, expandable) => ({
+    nestedNode: (
+      { style },
+      keyPath: (string | number)[],
+      nodeType,
+      expanded,
+      expandable
+    ) => ({
      style: {
        ...style,
        position: 'relative',
--- a/packages/react-json-tree/src/getCollectionEntries.ts
+++ b/packages/react-json-tree/src/getCollectionEntries.ts
@ -1,18 +1,24 @@
-function getLength(type, collection) {
+function getLength(type: string, collection: any) {
  if (type === 'Object') {
    return Object.keys(collection).length;
  } else if (type === 'Array') {
-    return collection.length;
+    return (collection as unknown[]).length;
  }

  return Infinity;
 }

-function isIterableMap(collection) {
-  return typeof collection.set === 'function';
+function isIterableMap(collection: any) {
+  return typeof (collection as Map<any, any>).set === 'function';
 }

-function getEntries(type, collection, sortObjectKeys, from = 0, to = Infinity) {
+function getEntries(
+  type: string,
+  collection: any,
+  sortObjectKeys?: ((a: any, b: any) => number) | boolean | undefined,
+  from = 0,
+  to = Infinity
+) {
  let res;

  if (type === 'Object') {
@ -74,7 +80,7 @@ function getEntries(type, collection, sortObjectKeys, from = 0, to = Infinity) {
  return res;
 }

-function getRanges(from, to, limit) {
+function getRanges(from: number, to: number, limit: number) {
  const ranges = [];
  while (to - from > limit * limit) {
    limit = limit * limit;
@ -87,10 +93,10 @@ function getRanges(from, to, limit) {
 }

 export default function getCollectionEntries(
-  type,
-  collection,
-  sortObjectKeys,
-  limit,
+  type: string,
+  collection: any,
+  sortObjectKeys: ((a: any, b: any) => number) | boolean | undefined,
+  limit: number,
  from = 0,
  to = Infinity
 ) {
--- a/packages/react-json-tree/src/index.tsx
+++ b/packages/react-json-tree/src/index.tsx
@ -7,19 +7,46 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import JSONNode from './JSONNode';
 import createStylingFromTheme from './createStylingFromTheme';
-import { invertTheme } from 'react-base16-styling';
+import {
+  invertTheme,
+  StylingConfig,
+  StylingFunction,
+  Theme,
+} from 'react-base16-styling';
+import { CircularPropsPassedThroughJSONTree } from './types';

-const identity = (value) => value;
-const expandRootNode = (keyName, data, level) => level === 0;
-const defaultItemString = (type, data, itemType, itemString) => (
+interface Props extends CircularPropsPassedThroughJSONTree {
+  data: any;
+  theme?: Theme;
+  invertTheme: boolean;
+}
+
+interface State {
+  styling: StylingFunction;
+}
+
+const identity = (value: any) => value;
+const expandRootNode = (
+  keyPath: (string | number)[],
+  data: any,
+  level: number
+) => level === 0;
+const defaultItemString = (
+  type: string,
+  data: any,
+  itemType: React.ReactNode,
+  itemString: string
+) => (
  <span>
    {itemType} {itemString}
  </span>
 );
-const defaultLabelRenderer = ([label]) => <span>{label}:</span>;
+const defaultLabelRenderer = ([label]: (string | number)[]) => (
+  <span>{label}:</span>
+);
 const noCustomNode = () => false;

-function checkLegacyTheming(theme, props) {
+function checkLegacyTheming(theme: Theme | undefined, props: Props) {
  const deprecatedStylingMethodsMap = {
    getArrowStyle: 'arrow',
    getListStyle: 'nestedNodeChildren',
@ -30,7 +57,7 @@ function checkLegacyTheming(theme, props) {

  const deprecatedStylingMethods = Object.keys(
    deprecatedStylingMethodsMap
-  ).filter((name) => props[name]);
+  ).filter((name) => props[name as keyof Props]);

  if (deprecatedStylingMethods.length > 0) {
    if (typeof theme === 'string') {
@ -47,10 +74,14 @@ function checkLegacyTheming(theme, props) {
        `Styling method "${name}" is deprecated, use "theme" property instead`
      );

-      theme[deprecatedStylingMethodsMap[name]] = ({ style }, ...args) => ({
+      (theme as StylingConfig)[
+        deprecatedStylingMethodsMap[
+          name as keyof typeof deprecatedStylingMethodsMap
+        ]
+      ] = ({ style }, ...args) => ({
        style: {
          ...style,
-          ...props[name](...args),
+          ...props[name as keyof Props](...args),
        },
      });
    });
@ -59,7 +90,7 @@ function checkLegacyTheming(theme, props) {
  return theme;
 }

-function getStateFromProps(props) {
+function getStateFromProps(props: Props) {
  let theme = checkLegacyTheming(props.theme, props);
  if (props.invertTheme) {
    theme = invertTheme(theme);
@ -70,7 +101,7 @@ function getStateFromProps(props) {
  };
 }

-export default class JSONTree extends React.Component {
+export default class JSONTree extends React.Component<Props, State> {
  static propTypes = {
    data: PropTypes.any.isRequired,
    hideRoot: PropTypes.bool,
@ -96,22 +127,26 @@ export default class JSONTree extends React.Component {
    invertTheme: true,
  };

-  constructor(props) {
+  constructor(props: Props) {
    super(props);
    this.state = getStateFromProps(props);
  }

-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (['theme', 'invertTheme'].find((k) => nextProps[k] !== this.props[k])) {
+  UNSAFE_componentWillReceiveProps(nextProps: Props) {
+    if (
+      ['theme', 'invertTheme'].find(
+        (k) => nextProps[k as keyof Props] !== this.props[k as keyof Props]
+      )
+    ) {
      this.setState(getStateFromProps(nextProps));
    }
  }

-  shouldComponentUpdate(nextProps) {
+  shouldComponentUpdate(nextProps: Props) {
    return !!Object.keys(nextProps).find((k) =>
      k === 'keyPath'
        ? nextProps[k].join('/') !== this.props[k].join('/')
-        : nextProps[k] !== this.props[k]
+        : nextProps[k as keyof Props] !== this.props[k as keyof Props]
    );
  }

--- a/packages/react-json-tree/src/objType.ts
+++ b/packages/react-json-tree/src/objType.ts
@ -1,4 +1,4 @@
-export default function objType(obj) {
+export default function objType(obj: any) {
  const type = Object.prototype.toString.call(obj).slice(8, -1);
  if (type === 'Object' && typeof obj[Symbol.iterator] === 'function') {
    return 'Iterable';
--- a/packages/react-json-tree/src/themes/solarized.ts
+++ b/packages/react-json-tree/src/themes/solarized.ts
--- a/packages/react-json-tree/src/types.ts
+++ b/packages/react-json-tree/src/types.ts
@ -0,0 +1,74 @@
+import React from 'react';
+import { StylingFunction } from 'react-base16-styling';
+
+interface SharedCircularPropsPassedThroughJSONTree {
+  keyPath: (string | number)[];
+  labelRenderer: (
+    keyPath: (string | number)[],
+    nodeType: string,
+    expanded: boolean,
+    expandable: boolean
+  ) => React.ReactNode;
+}
+interface SharedCircularPropsProvidedByJSONTree
+  extends SharedCircularPropsPassedThroughJSONTree {
+  styling: StylingFunction;
+}
+interface JSONValueNodeCircularPropsPassedThroughJSONTree {
+  valueRenderer: (
+    valueAsString: any,
+    value: any,
+    ...keyPath: (string | number)[]
+  ) => React.ReactNode;
+}
+export type JSONValueNodeCircularPropsProvidedByJSONNode = SharedCircularPropsProvidedByJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree;
+
+interface JSONNestedNodeCircularPropsPassedThroughJSONTree {
+  shouldExpandNode: (
+    keyPath: (string | number)[],
+    data: any,
+    level: number
+  ) => boolean;
+  hideRoot: boolean;
+  getItemString: (
+    nodeType: string,
+    data: any,
+    itemType: React.ReactNode,
+    itemString: string
+  ) => React.ReactNode;
+  postprocessValue: (value: any) => any;
+  isCustomNode: (value: any) => boolean;
+  collectionLimit: number;
+  sortObjectKeys?: ((a: any, b: any) => number) | boolean;
+}
+export type CircularPropsPassedThroughJSONTree = SharedCircularPropsPassedThroughJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree &
+  JSONNestedNodeCircularPropsPassedThroughJSONTree;
+
+interface JSONNestedNodeCircularPropsPassedThroughJSONNode
+  extends JSONNestedNodeCircularPropsPassedThroughJSONTree {
+  circularCache?: any[];
+  isCircular?: boolean;
+  level?: number;
+}
+export type CircularPropsPassedThroughJSONNode = SharedCircularPropsProvidedByJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree &
+  JSONNestedNodeCircularPropsPassedThroughJSONNode;
+
+export interface JSONNestedNodeCircularPropsPassedThroughJSONNestedNode
+  extends JSONNestedNodeCircularPropsPassedThroughJSONNode {
+  circularCache: any[];
+  level: number;
+}
+export type CircularPropsPassedThroughJSONNestedNode = SharedCircularPropsProvidedByJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree &
+  JSONNestedNodeCircularPropsPassedThroughJSONNestedNode;
+
+export type CircularPropsPassedThroughRenderChildNodes = SharedCircularPropsProvidedByJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree &
+  JSONNestedNodeCircularPropsPassedThroughJSONNestedNode;
+
+export type CircularPropsPassedThroughItemRange = SharedCircularPropsProvidedByJSONTree &
+  JSONValueNodeCircularPropsPassedThroughJSONTree &
+  JSONNestedNodeCircularPropsPassedThroughJSONNestedNode;
--- a/packages/react-json-tree/src/utils/hexToRgb.js
+++ b/packages/react-json-tree/src/utils/hexToRgb.js
@ -1,10 +0,0 @@
-export default function (hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result
-    ? {
-        r: parseInt(result[1], 16),
-        g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16),
-      }
-    : null;
-}
--- a/packages/react-json-tree/test/tsconfig.json
+++ b/packages/react-json-tree/test/tsconfig.json
@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.react.base.json",
+  "include": ["../src", "."]
+}
--- a/packages/react-json-tree/tsconfig.json
+++ b/packages/react-json-tree/tsconfig.json
@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "outDir": "lib"
+  },
+  "include": ["src"]
+}
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@ -1,6 +1,6 @@
 {
  "compilerOptions": {
-    "target": "es2019",
+    "target": "es2018",
    "module": "commonjs",
    "declaration": true,
    "strict": true,
--- a/tsconfig.react.base.json
+++ b/tsconfig.react.base.json
@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react"
+  }
+}
--- a/yarn.lock
+++ b/yarn.lock
@ -3620,14 +3620,6 @@ agentkeepalive@^3.4.1:
  dependencies:
    humanize-ms "^1.2.1"

-aggregate-error@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.0.1.tgz#db2fe7246e536f40d9b5442a39e117d7dd6a24e0"
-  integrity sha512-quoaXsZ9/BLNae5yiNoUz+Nhkwz83GhWwtYFglcjEQB2NDHCIpApbqXxIFnm4Pq/Nvhrsq5sYJFyohrrxnTGAA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
 "airbnb-js-shims@^1 || ^2":
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/airbnb-js-shims/-/airbnb-js-shims-2.2.1.tgz#db481102d682b98ed1daa4c5baa697a05ce5c040"
@ -3713,7 +3705,7 @@ ansi-escapes@^3.0.0, ansi-escapes@^3.2.0:
  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==

-ansi-escapes@^4.2.1, ansi-escapes@^4.3.0:
+ansi-escapes@^4.2.1:
  version "4.3.1"
  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
  integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
@ -4072,11 +4064,6 @@ astral-regex@^1.0.0:
  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==

-astral-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
-  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
-
 async-each@^1.0.1:
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
@ -5280,11 +5267,6 @@ clean-css@^4.2.3:
  dependencies:
    source-map "~0.6.0"

-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
 clean-webpack-plugin@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-3.0.0.tgz#a99d8ec34c1c628a4541567aa7b457446460c62b"
@ -5305,13 +5287,6 @@ cli-cursor@^2.1.0:
  dependencies:
    restore-cursor "^2.0.0"

-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
 cli-table3@0.5.1:
  version "0.5.1"
  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.5.1.tgz#0252372d94dfc40dbd8df06005f48f31f656f202"
@ -5322,14 +5297,6 @@ cli-table3@0.5.1:
  optionalDependencies:
    colors "^1.1.2"

-cli-truncate@2.1.0, cli-truncate@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
-  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
-  dependencies:
-    slice-ansi "^3.0.0"
-    string-width "^4.2.0"
-
 cli-width@^2.0.0:
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
@ -5524,11 +5491,6 @@ commander@^4.0.1, commander@^4.1.1:
  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==

-commander@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
-  integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
-
 common-tags@^1.8.0:
  version "1.8.0"
  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
@ -5547,11 +5509,6 @@ compare-func@^2.0.0:
    array-ify "^1.0.0"
    dot-prop "^5.1.0"

-compare-versions@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-3.6.0.tgz#1a5689913685e5a87637b8d3ffca75514ec41d62"
-  integrity sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==
-
 component-emitter@1.2.1:
  version "1.2.1"
  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
@ -7253,7 +7210,7 @@ execa@^1.0.0:
    signal-exit "^3.0.0"
    strip-eof "^1.0.0"

-execa@^4.0.0, execa@^4.0.1:
+execa@^4.0.0:
  version "4.0.3"
  resolved "https://registry.yarnpkg.com/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
@ -7544,13 +7501,6 @@ figures@^2.0.0:
  dependencies:
    escape-string-regexp "^1.0.5"

-figures@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
 file-entry-cache@^5.0.1:
  version "5.0.1"
  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
@ -7679,13 +7629,6 @@ find-up@^4.0.0, find-up@^4.1.0:
    locate-path "^5.0.0"
    path-exists "^4.0.0"

-find-versions@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-3.2.0.tgz#10297f98030a786829681690545ef659ed1d254e"
-  integrity sha512-P8WRou2S+oe222TOCHitLy8zj+SIsVJh52VP4lvXkaFVnOFFdoWv1H1Jjvel1aI6NCFOAaeAVm8qrI0odiLcww==
-  dependencies:
-    semver-regex "^2.0.0"
-
 findup-sync@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-3.0.0.tgz#17b108f9ee512dfb7a5c7f3c8b27ea9e1a9c08d1"
@ -7967,11 +7910,6 @@ get-caller-file@^2.0.1:
  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==

-get-own-enumerable-property-symbols@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
-  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
-
 get-package-type@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
@ -8736,22 +8674,6 @@ humanize-ms@^1.2.1:
  dependencies:
    ms "^2.0.0"

-husky@^4.2.5:
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-4.2.5.tgz#2b4f7622673a71579f901d9885ed448394b5fa36"
-  integrity sha512-SYZ95AjKcX7goYVZtVZF2i6XiZcHknw50iXvY7b0MiGoj5RwdgRQNEHdb+gPDPCXKlzwrybjFjkL6FOj8uRhZQ==
-  dependencies:
-    chalk "^4.0.0"
-    ci-info "^2.0.0"
-    compare-versions "^3.6.0"
-    cosmiconfig "^6.0.0"
-    find-versions "^3.2.0"
-    opencollective-postinstall "^2.0.2"
-    pkg-dir "^4.2.0"
-    please-upgrade-node "^3.2.0"
-    slash "^3.0.0"
-    which-pm-runs "^1.0.0"
-
 hyphenate-style-name@^1.0.3:
  version "1.0.4"
  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
@ -9319,7 +9241,7 @@ is-number@^7.0.0:
  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==

-is-obj@^1.0.0, is-obj@^1.0.1:
+is-obj@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
@ -9387,11 +9309,6 @@ is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.0:
  dependencies:
    has-symbols "^1.0.1"

-is-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
-  integrity sha1-/S2INUXEa6xaYz57mgnof6LLUGk=
-
 is-regexp@^2.0.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
@ -10546,41 +10463,6 @@ linked-list@0.1.0:
  resolved "https://registry.yarnpkg.com/linked-list/-/linked-list-0.1.0.tgz#798b0ff97d1b92a4fd08480f55aea4e9d49d37bf"
  integrity sha1-eYsP+X0bkqT9CEgPVa6k6dSdN78=

-lint-staged@^10.2.11:
-  version "10.2.11"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.2.11.tgz#713c80877f2dc8b609b05bc59020234e766c9720"
-  integrity sha512-LRRrSogzbixYaZItE2APaS4l2eJMjjf5MbclRZpLJtcQJShcvUzKXsNeZgsLIZ0H0+fg2tL4B59fU9wHIHtFIA==
-  dependencies:
-    chalk "^4.0.0"
-    cli-truncate "2.1.0"
-    commander "^5.1.0"
-    cosmiconfig "^6.0.0"
-    debug "^4.1.1"
-    dedent "^0.7.0"
-    enquirer "^2.3.5"
-    execa "^4.0.1"
-    listr2 "^2.1.0"
-    log-symbols "^4.0.0"
-    micromatch "^4.0.2"
-    normalize-path "^3.0.0"
-    please-upgrade-node "^3.2.0"
-    string-argv "0.3.1"
-    stringify-object "^3.3.0"
-
-listr2@^2.1.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-2.4.1.tgz#006fc94ae77b3195403cbf3a4a563e2d6366224f"
-  integrity sha512-8pYsCZCztr5+KAjReLyBeGhLV0vaQ2Du/eMe/ux9QAfQl7efiWejM1IWjALh0zHIRYuIbhQ8N2KztZ4ci56pnQ==
-  dependencies:
-    chalk "^4.1.0"
-    cli-truncate "^2.1.0"
-    figures "^3.2.0"
-    indent-string "^4.0.0"
-    log-update "^4.0.0"
-    p-map "^4.0.0"
-    rxjs "^6.6.0"
-    through "^2.3.8"
-
 load-json-file@^1.0.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@ -10833,16 +10715,6 @@ log-symbols@^4.0.0:
  dependencies:
    chalk "^4.0.0"

-log-update@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
-  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
-  dependencies:
-    ansi-escapes "^4.3.0"
-    cli-cursor "^3.1.0"
-    slice-ansi "^4.0.0"
-    wrap-ansi "^6.2.0"
-
 loglevel@^1.6.8:
  version "1.6.8"
  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
@ -12040,11 +11912,6 @@ open@^7.1.0:
    is-docker "^2.0.0"
    is-wsl "^2.1.1"

-opencollective-postinstall@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz#7a0fff978f6dbfa4d006238fbac98ed4198c3259"
-  integrity sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==
-
 opn@5.4.0:
  version "5.4.0"
  resolved "https://registry.yarnpkg.com/opn/-/opn-5.4.0.tgz#cb545e7aab78562beb11aa3bfabc7042e1761035"
@ -12183,13 +12050,6 @@ p-map@^2.0.0, p-map@^2.1.0:
  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==

-p-map@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
-  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
-  dependencies:
-    aggregate-error "^3.0.0"
-
 p-pipe@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/p-pipe/-/p-pipe-1.2.0.tgz#4b1a11399a11520a67790ee5a0c1d5881d6befe9"
@ -12576,13 +12436,6 @@ pkg-up@2.0.0:
  dependencies:
    find-up "^2.1.0"

-please-upgrade-node@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
-  integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
-  dependencies:
-    semver-compare "^1.0.0"
-
 portfinder@^1.0.26:
  version "1.0.28"
  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
@ -14060,14 +13913,6 @@ restore-cursor@^2.0.0:
    onetime "^2.0.0"
    signal-exit "^3.0.2"

-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
 ret@~0.1.10:
  version "0.1.15"
  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@ -14166,7 +14011,7 @@ rxjs@^5.5.2:
  dependencies:
    symbol-observable "1.0.1"

-rxjs@^6.1.0, rxjs@^6.4.0, rxjs@^6.6.0, rxjs@^6.6.2:
+rxjs@^6.1.0, rxjs@^6.4.0, rxjs@^6.6.2:
  version "6.6.2"
  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.2.tgz#8096a7ac03f2cc4fe5860ef6e572810d9e01c0d2"
  integrity sha512-BHdBMVoWC2sL26w//BCu3YzKT4s2jip/WhwsGEDmeKYBhKDZeYezVUnHatYB7L85v5xs0BAQmg6BEYJEKxBabg==
@ -14347,11 +14192,6 @@ semver-compare@^1.0.0:
  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=

-semver-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
-  integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
-
 "semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
  version "5.7.1"
  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
@ -14623,24 +14463,6 @@ slice-ansi@^2.1.0:
    astral-regex "^1.0.0"
    is-fullwidth-code-point "^2.0.0"

-slice-ansi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
-  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
-slice-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
-  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
 sliced@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/sliced/-/sliced-1.0.1.tgz#0b3a662b5d04c3177b1926bea82b03f837a2ef41"
@ -15025,11 +14847,6 @@ stream-shift@^1.0.0:
  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==

-string-argv@0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
-  integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
-
 string-length@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
@ -15151,15 +14968,6 @@ stringify-entities@^3.0.0:
    is-decimal "^1.0.2"
    is-hexadecimal "^1.0.0"

-stringify-object@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
-  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
-  dependencies:
-    get-own-enumerable-property-symbols "^3.0.0"
-    is-obj "^1.0.1"
-    is-regexp "^1.0.0"
-
 strip-ansi@4.0.0, strip-ansi@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
@ -15660,7 +15468,7 @@ through2@^3.0.0:
    inherits "^2.0.4"
    readable-stream "2 || 3"

-through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
+through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6:
  version "2.3.8"
  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@ -16660,11 +16468,6 @@ which-module@^2.0.0:
  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=

-which-pm-runs@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb"
-  integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
-
 which@1, which@^1.2.14, which@^1.2.9, which@^1.3.1:
  version "1.3.1"
  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"