From a8d7b3d62f0120682146bf1314dd5f3450868a95 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Mon, 26 Apr 2021 17:14:29 +1000
Subject: [PATCH 01/13] remove ert and replace with magical-types

---
 babel.config.js                |   1 +
 docs/PropTypes/Async.ts        |  20 +-
 docs/PropTypes/Creatable.ts    |  20 +-
 docs/PropTypes/Select.ts       |  22 +-
 docs/PropTypes/stateManager.ts |  20 +-
 docs/package.json              |   3 +-
 docs/pages/props/index.tsx     | 235 ++++-------
 package.json                   |   2 +-
 yarn.lock                      | 745 ++++++++++++++++++++-------------
 9 files changed, 583 insertions(+), 485 deletions(-)

diff --git a/babel.config.js b/babel.config.js
index 271ed97774..0d3f8f50d5 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -3,6 +3,7 @@ module.exports = {
     '@emotion/babel-plugin',
     ['@babel/plugin-proposal-class-properties', { loose: true }],
     '@babel/plugin-transform-runtime',
+    'babel-plugin-macros',
   ],
   presets: [
     '@babel/preset-env',
diff --git a/docs/PropTypes/Async.ts b/docs/PropTypes/Async.ts
index 736f94a3b5..99e06dd467 100644
--- a/docs/PropTypes/Async.ts
+++ b/docs/PropTypes/Async.ts
@@ -1,10 +1,10 @@
-// import { Component } from 'react';
-//
-// import { AsyncProps } from 'react-select/src/Async';
-// import { GroupBase, OptionBase } from 'react-select';
-//
-// export default class Select<
-//   Option extends OptionBase,
-//   IsMulti extends boolean,
-//   Group extends GroupBase<Option>
-// > extends Component<AsyncProps<Option, IsMulti, Group>> {}
+import { Component } from 'react';
+
+import { AsyncProps } from 'react-select/src/Async';
+import { GroupBase, OptionBase } from 'react-select';
+
+export default class Select<
+  Option extends OptionBase,
+  IsMulti extends boolean,
+  Group extends GroupBase<Option>
+> extends Component<AsyncProps<Option, IsMulti, Group>> {}
diff --git a/docs/PropTypes/Creatable.ts b/docs/PropTypes/Creatable.ts
index 04ac6a2581..6f662c495d 100644
--- a/docs/PropTypes/Creatable.ts
+++ b/docs/PropTypes/Creatable.ts
@@ -1,10 +1,10 @@
-// import { Component } from 'react';
-//
-// import { CreatableProps } from 'react-select/src/Creatable';
-// import { GroupBase, OptionBase } from 'react-select';
-//
-// export default class Select<
-//   Option extends OptionBase,
-//   IsMulti extends boolean,
-//   Group extends GroupBase<Option>
-// > extends Component<CreatableProps<Option, IsMulti, Group>> {}
+import { Component } from 'react';
+
+import { CreatableProps } from 'react-select/src/Creatable';
+import { GroupBase, OptionBase } from 'react-select';
+
+export default class Select<
+  Option extends OptionBase,
+  IsMulti extends boolean,
+  Group extends GroupBase<Option>
+> extends Component<CreatableProps<Option, IsMulti, Group>> {}
diff --git a/docs/PropTypes/Select.ts b/docs/PropTypes/Select.ts
index 3aeb1a5e37..9faac71eea 100644
--- a/docs/PropTypes/Select.ts
+++ b/docs/PropTypes/Select.ts
@@ -1,12 +1,10 @@
-// import { Component } from 'react';
-//
-// import { Props, defaultProps } from 'react-select/src/Select';
-// import { GroupBase, OptionBase } from 'react-select';
-//
-// export default class Select<
-//   Option extends OptionBase,
-//   IsMulti extends boolean,
-//   Group extends GroupBase<Option>
-// > extends Component<Props<Option, IsMulti, Group>> {
-//   defaultProps = defaultProps;
-// }
+import { Component } from 'react';
+
+import { Props, defaultProps } from 'react-select/src/Select';
+import { GroupBase, OptionBase } from 'react-select';
+
+export default class Select extends Component<
+  Props<OptionBase, boolean, GroupBase<OptionBase>>
+> {
+  defaultProps = defaultProps;
+}
diff --git a/docs/PropTypes/stateManager.ts b/docs/PropTypes/stateManager.ts
index 492f148963..eec8d1e57a 100644
--- a/docs/PropTypes/stateManager.ts
+++ b/docs/PropTypes/stateManager.ts
@@ -1,10 +1,10 @@
-// import { Component } from 'react';
-//
-// import { StateManagerProps } from 'react-select/src/stateManager';
-// import { GroupBase, OptionBase } from 'react-select';
-//
-// export default class StateManager<
-//   Option extends OptionBase,
-//   IsMulti extends boolean,
-//   Group extends GroupBase<Option>
-// > extends Component<StateManagerProps<Option, IsMulti, Group>> {}
+import { Component } from 'react';
+
+import { StateManagerProps } from 'react-select/src/stateManager';
+import { GroupBase, OptionBase } from 'react-select';
+
+export default class StateManager<
+  Option extends OptionBase,
+  IsMulti extends boolean,
+  Group extends GroupBase<Option>
+> extends Component<StateManagerProps<Option, IsMulti, Group>> {}
diff --git a/docs/package.json b/docs/package.json
index aafbaf5c61..9cb6ce962f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -19,6 +19,7 @@
     "@babel/runtime": "^7.12.0",
     "@emotion/babel-plugin": "^11.0.0",
     "@emotion/react": "^11.1.1",
+    "@magical-types/macro": "^0.6.3",
     "@types/chroma-js": "^1.4.3",
     "@types/copy-webpack-plugin": "^5.0.2",
     "@types/html-webpack-plugin": "^3.2.4",
@@ -37,6 +38,7 @@
     "@types/webpack": "^4.41.26",
     "@types/webpack-dev-server": "^3.11.1",
     "babel-loader": "^8.0.0",
+    "babel-plugin-macros": "^3.0.1",
     "chroma-js": "^1.3.6",
     "chrono-node": "^2.1.11",
     "codesandboxer": "^0.1.1",
@@ -44,7 +46,6 @@
     "cross-env": "^5.1.3",
     "css-loader": "^0.28.7",
     "dotenv": "^8.2.0",
-    "extract-react-types-loader": "^0.3.0",
     "fork-ts-checker-webpack-plugin": "^6.1.0",
     "html-webpack-plugin": "^3.2.0",
     "moment": "^2.20.1",
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 9a8bcaf0ae..d7cc714521 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -1,30 +1,56 @@
 import React, { Fragment } from 'react';
 import { Helmet } from 'react-helmet';
 import md from '../../markdown/renderer';
-import PrettyProps, { CommonProps, Inter, Obj, Prop } from 'pretty-proptypes';
-
-interface PropsProps {
-  readonly overrides?: {
-    readonly [key: string]: React.ComponentType<CommonProps>;
-  };
-  readonly props: {
-    readonly component?: Obj | Inter;
-  };
-}
-
-const Props = (props: PropsProps) => (
-  <PrettyProps
-    heading=""
-    components={{
-      Button: ({ isCollapsed, ...rest }) => (
-        <button {...rest}>
-          {isCollapsed ? 'Hide Prop Shape' : 'Show Prop Shape'}
-        </button>
-      ),
-    }}
-    {...props}
-  />
-);
+import { PropTypes } from '@magical-types/macro';
+import SelectBase from '../../PropTypes/Select';
+import StateManagerProps from '../../PropTypes/stateManager';
+import AsyncProps from '../../PropTypes/Async';
+import CreatableProps from '../../PropTypes/Creatable';
+
+import ClearIndicator from '../../PropTypes/components/ClearIndicator';
+import Control from '../../PropTypes/components/Control';
+import DropdownIndicator from '../../PropTypes/components/DropdownIndicator';
+import Group from '../../PropTypes/components/Group';
+import IndicatorsContainer from '../../PropTypes/components/IndicatorsContainer';
+import IndicatorsSeparator from '../../PropTypes/components/IndicatorsSeparator';
+import Input from '../../PropTypes/components/Input';
+import LoadingIndicator from '../../PropTypes/components/LoadingIndicator';
+import Menu from '../../PropTypes/components/Menu';
+import MenuList from '../../PropTypes/components/MenuList';
+import LoadingMessage from '../../PropTypes/components/LoadingMessage';
+import NoOptionsMessage from '../../PropTypes/components/NoOptionsMessage';
+import MultiValue from '../../PropTypes/components/MultiValue';
+import MultiValueContainer from '../../PropTypes/components/MultiValueContainer';
+import MultiValueLabel from '../../PropTypes/components/MultiValueLabel';
+import MultiValueRemove from '../../PropTypes/components/MultiValueRemove';
+import Option from '../../PropTypes/components/Option';
+import Placeholder from '../../PropTypes/components/Placeholder';
+import SelectContainer from '../../PropTypes/components/SelectContainer';
+import SingleValue from '../../PropTypes/components/SingleValue';
+import ValueContainer from '../../PropTypes/components/ValueContainer';
+
+// interface PropsProps {
+//   readonly overrides?: {
+//     readonly [key: string]: React.ComponentType<CommonProps>;
+//   };
+//   readonly props: {
+//     readonly component?: Obj | Inter;
+//   };
+// }
+
+// const Props = (props: PropsProps) => (
+//   <PrettyProps
+//     heading=""
+//     components={{
+//       Button: ({ isCollapsed, ...rest }) => (
+//         <button {...rest}>
+//           {isCollapsed ? 'Hide Prop Shape' : 'Show Prop Shape'}
+//         </button>
+//       ),
+//     }}
+//     {...props}
+//   />
+// );
 
 export default function Api() {
   return (
@@ -82,52 +108,27 @@ export default function Api() {
     expose inputValue and value as controllable props. For more detailed information on these props and their usage
     please see the [controlled props](/advanced#controlled-props) section of the advanced page.
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/stateManager')}
-      />
-    )}
+    ${(<PropTypes component={StateManagerProps} />)}
 
     ## Select Props
 
     These base props are those available to be passed to all select variants.
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/Select')}
-        overrides={{
-          components: (props) => (
-            <Prop
-              {...props}
-              shapeComponent={() => null}
-              type="All Components Object"
-            />
-          ),
-        }}
-      />
-    )}
+    ${(<PropTypes component={SelectBase} />)}
 
     ## Async props
 
     These props are included with in both the Async and AsyncCreatable select. For
     more on using async selects, see the [async select documentation](/async)
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/Async')}
-      />
-    )}
+    ${(<PropTypes component={AsyncProps} />)}
 
     ## Creatable props
 
     These props are included with in both the Creatable and AsyncCreatable select. For
     more on using creatable selects, see the [creatable select documentation](/creatable)
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/Creatable')}
-      />
-    )}
+    ${(<PropTypes component={CreatableProps} />)}
 
     ## Replacing Components
 
@@ -162,35 +163,19 @@ export default function Api() {
 
     ### ClearIndicator
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/ClearIndicator')}
-      />
-    )}
+    ${(<PropTypes component={ClearIndicator} />)}
 
     ### Control
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Control')}
-      />
-    )}
+    ${(<PropTypes component={Control} />)}
 
     ### DropdownIndicator
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/DropdownIndicator')}
-      />
-    )}
+    ${(<PropTypes component={DropdownIndicator} />)}
 
     ### Group
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Group')}
-      />
-    )}
+    ${(<PropTypes component={Group} />)}
 
     ### GroupHeading
 
@@ -198,140 +183,72 @@ export default function Api() {
 
     ### IndicatorsContainer
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/IndicatorsContainer')}
-      />
-    )}
+    ${(<PropTypes component={IndicatorsContainer} />)}
 
     ### IndicatorSeparator
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/IndicatorsSeparator')}
-      />
-    )}
+    ${(<PropTypes component={IndicatorsSeparator} />)}
 
     ### Input
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Input')}
-      />
-    )}
+    ${(<PropTypes component={Input} />)}
 
     ### LoadingIndicator
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/LoadingIndicator')}
-      />
-    )}
+    ${(<PropTypes component={LoadingIndicator} />)}
 
     ### Menu
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Menu')}
-      />
-    )}
+    ${(<PropTypes component={Menu} />)}
 
     ### MenuList
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/MenuList')}
-      />
-    )}
+    ${(<PropTypes component={MenuList} />)}
 
     ### LoadingMessage
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/LoadingMessage')}
-      />
-    )}
+    ${(<PropTypes component={LoadingMessage} />)}
 
     ### NoOptionsMessage
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/NoOptionsMessage')}
-      />
-    )}
+    ${(<PropTypes component={NoOptionsMessage} />)}
 
     ### MultiValue
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/MultiValue')}
-      />
-    )}
+    ${(<PropTypes component={MultiValue} />)}
 
     ### MultiValueContainer
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/MultiValueContainer')}
-      />
-    )}
+    ${(<PropTypes component={MultiValueContainer} />)}
 
     ### MultiValueLabel
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/MultiValueLabel')}
-      />
-    )}
+    ${(<PropTypes component={MultiValueLabel} />)}
 
     ### MultiValueRemove
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/MultiValueRemove')}
-      />
-    )}
+    ${(<PropTypes component={MultiValueRemove} />)}
 
     ### Option
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Option')}
-      />
-    )}
+    ${(<PropTypes component={Option} />)}
 
     ### Placeholder
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/Placeholder')}
-      />
-    )}
+    ${(<PropTypes component={Placeholder} />)}
 
     ### SelectContainer
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/SelectContainer')}
-      />
-    )}
+    ${(<PropTypes component={SelectContainer} />)}
 
     ### SingleValue
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/SingleValue')}
-      />
-    )}
+    ${(<PropTypes component={SingleValue} />)}
 
     ### ValueContainer
 
-    ${(
-      <Props
-        props={require('!!extract-react-types-loader!../../PropTypes/components/ValueContainer')}
-      />
-    )}
-  `}
+    ${(<PropTypes component={ValueContainer} />)}
+      `}
     </Fragment>
   );
 }
diff --git a/package.json b/package.json
index e4438c8451..9e8c400a1d 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.0",
+    "babel-plugin-macros": "^3.0.1",
     "bolt-check": "^0.3.0",
     "chroma-js": "^1.3.6",
     "chrono-node": "^2.1.11",
@@ -78,7 +79,6 @@
     "eslint": "^7.18.0",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "extract-react-types-loader": "^0.3.0",
     "fork-ts-checker-webpack-plugin": "^6.1.0",
     "gh-pages": "^1.1.0",
     "html-webpack-plugin": "^3.2.0",
diff --git a/yarn.lock b/yarn.lock
index a2345e7d1b..52668d26ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,13 +2,6 @@
 # yarn lockfile v1
 
 
-"@aparna036/babel-explode-module@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@aparna036/babel-explode-module/-/babel-explode-module-2.0.1.tgz#a6584580466b3256390fbd17fb2a6d9aab8b237f"
-  integrity sha512-0E7h/wnIyH2ReiS2+S9FchNcssVQclrFgOBKdpQR5iiwrZq5pAkSz8R2IKy0qaJNLPvIucSaL3rLHQenlC8RPw==
-  dependencies:
-    "@babel/types" "^7.0.0-beta.56"
-
 "@atlaskit/analytics-next-stable-react-context@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@atlaskit/analytics-next-stable-react-context/-/analytics-next-stable-react-context-1.0.1.tgz#93c4c7a1a35f4ab606d727af443f49f0842fd96f"
@@ -173,7 +166,7 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.12.13.tgz#27e19e0ed3726ccf54067ced4109501765e7e2e8"
   integrity sha512-U/hshG5R+SIoW7HVWIdmy1cB7s3ki+r3FpyEZiCgpi4tFgPnX/vynY80ZGSASOIrUM6O7VxOgCZgdt7h97bUGg==
 
-"@babel/core@^7.0.0-beta.56", "@babel/core@^7.1.0", "@babel/core@^7.12.0", "@babel/core@^7.4.4", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
+"@babel/core@^7.1.0", "@babel/core@^7.12.0", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.13.tgz#b73a87a3a3e7d142a66248bf6ad88b9ceb093425"
   integrity sha512-BQKE9kXkPlXHPeqissfxo0lySWJcYdEP0hdtJOH/iJfDdhOCcgtNCjftCJg3qqauB4h+lz2N6ixM++b9DN1Tcw==
@@ -1207,7 +1200,7 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/types@^7.0.0", "@babel/types@^7.0.0-beta.56", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.13.tgz#8be1aa8f2c876da11a9cf650c0ecf656913ad611"
   integrity sha512-oKrdZTld2im1z8bDwTOQvUbxKwE+854zc16qWZQlcTqMN00pWxHQ4ZeOq0yDMnisOpRykH2/5Qqcrk/OlbAjiQ==
@@ -1234,6 +1227,14 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.5.0":
+  version "7.13.17"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.17.tgz#48010a115c9fba7588b4437dd68c9469012b38b4"
+  integrity sha512-RawydLgxbOPDlTLJNtoIypwdmAy//uQIzlKt2+iBiJaRlVuI6QLUxVAyWGNfOzp8Yu4L4lLIacoCyTNtpb4wiA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.12.11"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -1483,6 +1484,14 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
+"@dsherret/to-absolute-glob@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@dsherret/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1f6475dc8bd974cea07a2daf3864b317b1dd332c"
+  integrity sha1-H2R13IvZdM6gei2vOGSzF7HdMyw=
+  dependencies:
+    is-absolute "^1.0.0"
+    is-negated-glob "^1.0.0"
+
 "@emotion/babel-plugin@^11.0.0":
   version "11.1.2"
   resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.1.2.tgz#68fe1aa3130099161036858c64ee92056c6730b7"
@@ -1534,7 +1543,7 @@
     "@emotion/weak-memoize" "^0.2.5"
     stylis "^4.0.3"
 
-"@emotion/core@^10.0.9":
+"@emotion/core@^10.0.22", "@emotion/core@^10.0.9":
   version "10.1.1"
   resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3"
   integrity sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA==
@@ -1939,6 +1948,76 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@magical-types/convert-type@^0.1.4":
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/@magical-types/convert-type/-/convert-type-0.1.4.tgz#8dabbcde0b81d6ae1586a8a102512ac610165aba"
+  integrity sha512-WnWjQelYNOhW15FWWkYJGoxE4V77BoCo4F6UbFDaD9FCdrvutyX3Zk5EHOHGJrVQ1GIz7cpZEKNxHCbmsBz5dA==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    "@magical-types/errors" "^0.0.1"
+    "@magical-types/types" "^0.1.2"
+    ts-morph "^7.1.2"
+
+"@magical-types/errors@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@magical-types/errors/-/errors-0.0.1.tgz#15ccdb52590cc386ce40dd3ed9d093034c348f04"
+  integrity sha512-XVoESsjemqS0DREIAD0fWMBO+aWZLarkvqeoRk/tob/taB6H2VFHx997Bbl8lBAOGyMuRyDU/R6/dMlqT8v6Vw==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+
+"@magical-types/macro@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@magical-types/macro/-/macro-0.6.3.tgz#a084dee57e27d46c186a4ae7053f928f5c96618a"
+  integrity sha512-lHUmYUcYWMZppBU2itIf5T7l3GWYk0xY6qG28jIchboyhOeycIG71Mw2Y5lhi9yvF3/6JriT2KP2PJ+ZJoiSCA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/runtime" "^7.7.2"
+    "@babel/types" "^7.5.0"
+    "@magical-types/convert-type" "^0.1.4"
+    "@magical-types/errors" "^0.0.1"
+    "@magical-types/pretty" "^0.3.5"
+    "@magical-types/serialization" "^0.2.1"
+    "@magical-types/types" "^0.1.2"
+    "@magical-types/utils" "^0.1.2"
+    babel-plugin-macros "^2.6.1"
+    flatted "^2.0.1"
+    fs-extra "^8.1.0"
+    ts-morph "^7.1.2"
+
+"@magical-types/pretty@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@magical-types/pretty/-/pretty-0.3.5.tgz#cd6134aba492d219687e4d7443e7abad809cdca8"
+  integrity sha512-Ppv1PxAaNYxNEsc1Ow0CQWa9MN/a7ANMsEgs85oZJKxfq7l+cUPiD/nAF5UOor3ikzE/8cssnf7UxxQY3uQlTA==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    "@emotion/core" "^10.0.22"
+    "@magical-types/utils" "^0.1.2"
+    react-markdown "^4.1.0"
+
+"@magical-types/serialization@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@magical-types/serialization/-/serialization-0.2.1.tgz#20eff235b0364694d3317c25e7a9f53f67241df3"
+  integrity sha512-AajqHnbe/A7GPfcLbcFw38Xkul+ioeU6Ex6s4TKHZnHa8Uciaf+HFXyx8EiS7wQuyZLqwzxzO8X5KjUCiKNByw==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    "@magical-types/errors" "^0.0.1"
+    "@magical-types/types" "^0.1.2"
+    "@magical-types/utils" "^0.1.2"
+
+"@magical-types/types@^0.1.2":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@magical-types/types/-/types-0.1.2.tgz#731fe7f90169da81cce0a38ccd6bc1d1296a235f"
+  integrity sha512-Y5IFXMWG+ISF+SucbH3vCWCRcygARpdK3wkxLWjdqeulVp1lA/fDtzBCXD3vKpqZAyX59fkCmDKLu3dFLRqqgA==
+
+"@magical-types/utils@^0.1.2":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@magical-types/utils/-/utils-0.1.2.tgz#143cb2762b78655ada482efd010325cd17af9b6c"
+  integrity sha512-Xe3ubk1D6cn1VrR/WGR5PoAmwbo822U13ZfyjXyrRhPz6K6Zqf2TCVf6T04khZsOxjhTxk40Tmzg2e+1IqHsvg==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    "@magical-types/errors" "^0.0.1"
+    "@magical-types/types" "^0.1.2"
+
 "@manypkg/find-root@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@manypkg/find-root/-/find-root-1.1.0.tgz#a62d8ed1cd7e7d4c11d9d52a8397460b5d4ad29f"
@@ -2179,6 +2258,18 @@
   dependencies:
     "@babel/runtime" "^7.10.2"
 
+"@ts-morph/common@~0.5.2":
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/@ts-morph/common/-/common-0.5.2.tgz#d02c2493c1e07dfd47f247b4f0b72f083fcaea3a"
+  integrity sha512-eLmfYV6u6gUgHrB9QV9lpuWg3cD60mhXdv0jvM5exWR/Cor8HG+GziFIj2hPEWHJknqzuU4meZd8DTqIzZfDRQ==
+  dependencies:
+    "@dsherret/to-absolute-glob" "^2.0.2"
+    fast-glob "^3.2.2"
+    fs-extra "^9.0.0"
+    is-negated-glob "^1.0.0"
+    multimatch "^4.0.0"
+    typescript "~3.9.7"
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -2433,6 +2524,11 @@
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
   integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
 
+"@types/minimatch@^3.0.3":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.4.tgz#f0ec25dbf2f0e4b18647313ac031134ca5b24b21"
+  integrity sha512-1z8k4wzFnNjVK/tlxvrWuK5WMt6mydWWP7+zvH5eFep4oj+UkrfiJTRtjCeBXNpwaA/FYqqtb4/QS4ianFpIRA==
+
 "@types/minimist@^1.2.0":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.1.tgz#283f669ff76d7b8260df8ab7a4262cc83d988256"
@@ -3128,7 +3224,7 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
 
-ansi-styles@^3.0.0, ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@@ -3147,11 +3243,6 @@ any-observable@^0.3.0:
   resolved "https://registry.yarnpkg.com/any-observable/-/any-observable-0.3.0.tgz#af933475e5806a67d0d7df090dd5e8bef65d119b"
   integrity sha512-/FQM1EDkTsf63Ub2C6O7GuYFDsSXUwsaZDurV0np41ocwq0jthUAYCmhBX9f+KwlaCgIuWyr/4WlUQUBfKfZog==
 
-any-promise@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha1-q8av7tzqUugJzcA3au0845Y10X8=
-
 anymatch@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
@@ -3220,6 +3311,11 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
+array-differ@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
+  integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
+
 array-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
@@ -3315,6 +3411,11 @@ arrify@^1.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
   integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
 
+arrify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
+  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
+
 asap@~2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
@@ -3360,14 +3461,6 @@ assign-symbols@^1.0.0:
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
   integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
 
-ast-pretty-print@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ast-pretty-print/-/ast-pretty-print-2.0.1.tgz#e3a0f443b8f9414d7925dea18d125362e4f6a372"
-  integrity sha1-46D0Q7j5QU15Jd6hjRJTYuT2o3I=
-  dependencies:
-    pretty-format-ast "^1.0.1"
-    pretty-format2 "^2.0.3"
-
 astral-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
@@ -3466,41 +3559,11 @@ babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-core@^6.25.0, babel-core@^6.26.0:
-  version "6.26.3"
-  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.3.tgz#b2e2f09e342d0f0c88e2f02e067794125e75c207"
-  integrity sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==
-  dependencies:
-    babel-code-frame "^6.26.0"
-    babel-generator "^6.26.0"
-    babel-helpers "^6.24.1"
-    babel-messages "^6.23.0"
-    babel-register "^6.26.0"
-    babel-runtime "^6.26.0"
-    babel-template "^6.26.0"
-    babel-traverse "^6.26.0"
-    babel-types "^6.26.0"
-    babylon "^6.18.0"
-    convert-source-map "^1.5.1"
-    debug "^2.6.9"
-    json5 "^0.5.1"
-    lodash "^4.17.4"
-    minimatch "^3.0.4"
-    path-is-absolute "^1.0.1"
-    private "^0.1.8"
-    slash "^1.0.0"
-    source-map "^0.5.7"
-
 babel-core@^7.0.0-bridge.0:
   version "7.0.0-bridge.0"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
   integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
 
-babel-errors@^1.0.1, babel-errors@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/babel-errors/-/babel-errors-1.1.1.tgz#43f7142dd3b365633c758d155bffa3ba41523794"
-  integrity sha1-Q/cULdOzZWM8dY0VW/+jukFSN5Q=
-
 babel-eslint@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
@@ -3513,52 +3576,7 @@ babel-eslint@^10.1.0:
     eslint-visitor-keys "^1.0.0"
     resolve "^1.12.0"
 
-babel-explode-module@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/babel-explode-module/-/babel-explode-module-1.4.0.tgz#b20076f0ee5ff28e8f16baa3146fe136a27c6504"
-  integrity sha1-sgB28O5f8o6PFrqjFG/hNqJ8ZQQ=
-  dependencies:
-    babel-types "^6.24.1"
-
-babel-file-loader@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/babel-file-loader/-/babel-file-loader-2.0.0.tgz#5c38d51d1baf1e5a0c896bbf551cd083ef194a6d"
-  integrity sha512-TO4B9XwS0QaC6VlSSClnz0bg9n7kEO7Lyn6xwD9lRtKFEYUxFvnKK2MysZhuzxExSnITJBTy/585FI/KZWd8+w==
-  dependencies:
-    babel-errors "^1.0.1"
-    babel-file "^3.0.0"
-    babel-plugin-tester "^3.0.0"
-    babel-types "^6.24.1"
-    read-file-async "^1.0.0"
-    resolve "^1.3.3"
-    resolve-async "^1.0.1"
-
-babel-file@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/babel-file/-/babel-file-3.0.0.tgz#04bf0b4cda8dd4d94ad8244f3b4de77736a0ead7"
-  integrity sha512-AIsfpLSIJcSZOemPtosq9R+eIIYbvVs8/SdudyNUloS2dVXwb4/Vvo680u5CHZMsMnpHojSYit9vpM3xCK4uNw==
-  dependencies:
-    "@babel/core" "^7.0.0-beta.56"
-
-babel-flow-identifiers@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/babel-flow-identifiers/-/babel-flow-identifiers-1.1.3.tgz#8ada2633e7afa2cab58892ee2b25b2b6cc4ce598"
-  integrity sha1-itomM+evosq1iJLuKyWytsxM5Zg=
-  dependencies:
-    babel-flow-scope "^1.2.1"
-    babel-identifiers "^1.0.0"
-
-babel-flow-scope@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/babel-flow-scope/-/babel-flow-scope-1.2.1.tgz#2b646211811a203ef0b11ebd219af29428b15990"
-  integrity sha1-K2RiEYEaID7wsR69IZrylCixWZA=
-
-babel-flow-types@^1.2.1, babel-flow-types@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/babel-flow-types/-/babel-flow-types-1.2.3.tgz#e9c94ac1063a8857f8b2a67c2e17eb6cccd519e3"
-  integrity sha1-6clKwQY6iFf4sqZ8LhfrbMzVGeM=
-
-babel-generator@^6.18.0, babel-generator@^6.26.0:
+babel-generator@^6.18.0:
   version "6.26.1"
   resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
   integrity sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==
@@ -3572,26 +3590,6 @@ babel-generator@^6.18.0, babel-generator@^6.26.0:
     source-map "^0.5.7"
     trim-right "^1.0.1"
 
-babel-helper-simplify-module@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-simplify-module/-/babel-helper-simplify-module-2.2.1.tgz#54cf5b2f7930eef638458b2eaaeeacfbafa3842c"
-  integrity sha512-wSBz9dzl8HtIen+C5aHlxeIXdse4TQSqarkjEFf5iL03++wAkDfp/8/S44GKRJodWlRZdzhJhNiDG5mhI0tquQ==
-  dependencies:
-    babel-explode-module "^1.4.0"
-
-babel-helpers@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
-  integrity sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-identifiers@^1.0.0, babel-identifiers@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/babel-identifiers/-/babel-identifiers-1.1.2.tgz#fed5d526c88b1c669ba2dbd1148eaed4357aea42"
-  integrity sha1-/tXVJsiLHGabotvRFI6u1DV66kI=
-
 babel-jest@^23.6.0:
   version "23.6.0"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-23.6.0.tgz#a644232366557a2240a0c083da6b25786185a2f1"
@@ -3631,13 +3629,6 @@ babel-messages@^6.23.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-normalize-comments@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/babel-normalize-comments/-/babel-normalize-comments-1.0.2.tgz#86f2e360a6be8844222067a46b671f3adbc535b2"
-  integrity sha512-KNexzSvrQroUDMK/pBP9/08LG0mkdXf8OxPBAt/mbUj9ughYh8l2FtsKqOpDzTrV+0kWyE0p/bGKEF1RbrSTAA==
-  dependencies:
-    babel-flow-types "^1.2.3"
-
 babel-plugin-dynamic-import-node@^2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
@@ -3723,6 +3714,15 @@ babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.6.1:
     cosmiconfig "^6.0.0"
     resolve "^1.12.0"
 
+babel-plugin-macros@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.0.1.tgz#0d412d68f5b3d1b64358f24ab099bd148724e2a9"
+  integrity sha512-CKt4+Oy9k2wiN+hT1uZzOw7d8zb1anbQpf7KLwaaXRCi/4pzKdFKHf7v5mvoPmjkmxshh7eKZQuRop06r5WP4w==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
 babel-plugin-syntax-jsx@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
@@ -3733,18 +3733,6 @@ babel-plugin-syntax-object-rest-spread@^6.13.0:
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
   integrity sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=
 
-babel-plugin-tester@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-tester/-/babel-plugin-tester-3.3.0.tgz#9844f77a661b48b5c7e08bd54acca590dbcee5b4"
-  integrity sha1-mET3emYbSLXH4IvVSsylkNvO5bQ=
-  dependencies:
-    babel-core "^6.25.0"
-    common-tags "^1.4.0"
-    invariant "^2.2.2"
-    lodash.merge "^4.6.0"
-    path-exists "^3.0.0"
-    strip-indent "^2.0.0"
-
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.4.tgz#826f1f8e7245ad534714ba001f84f7e906c3b615"
@@ -3778,24 +3766,6 @@ babel-preset-jest@^25.5.0:
     babel-plugin-jest-hoist "^25.5.0"
     babel-preset-current-node-syntax "^0.1.2"
 
-babel-react-components@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/babel-react-components/-/babel-react-components-1.1.0.tgz#3683490747259ea41cef734ceb9fc6098bc5dcd2"
-  integrity sha1-NoNJB0clnqQc73NM65/GCYvF3NI=
-
-babel-register@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
-  integrity sha1-btAhFz4vy0htestFxgCahW9kcHE=
-  dependencies:
-    babel-core "^6.26.0"
-    babel-runtime "^6.26.0"
-    core-js "^2.5.0"
-    home-or-tmp "^2.0.0"
-    lodash "^4.17.4"
-    mkdirp "^0.5.1"
-    source-map-support "^0.4.15"
-
 babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
@@ -3804,7 +3774,7 @@ babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
     core-js "^2.4.0"
     regenerator-runtime "^0.11.0"
 
-babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.26.0:
+babel-template@^6.16.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02"
   integrity sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=
@@ -3830,14 +3800,7 @@ babel-traverse@^6.18.0, babel-traverse@^6.26.0:
     invariant "^2.2.2"
     lodash "^4.17.4"
 
-babel-type-scopes@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/babel-type-scopes/-/babel-type-scopes-1.1.0.tgz#040228035d5c3205036f38aa4c594fb831c2366a"
-  integrity sha512-8VMsHzoLTrmaSh+48STqsHCdJlkj1UeC6MqYoc2pZm6nzRXQXQUEdow/ZUrlD1xOCYbjyAcpkkqb/ktuuKJ/jQ==
-  dependencies:
-    babel-flow-types "^1.2.1"
-
-babel-types@^6.18.0, babel-types@^6.24.1, babel-types@^6.26.0:
+babel-types@^6.18.0, babel-types@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
   integrity sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=
@@ -3847,20 +3810,15 @@ babel-types@^6.18.0, babel-types@^6.24.1, babel-types@^6.26.0:
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
-babylon-options@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/babylon-options/-/babylon-options-2.0.1.tgz#cc797a8ff65f8a98ae3f1d57a4626f987fc50620"
-  integrity sha512-P4zPuf884K30wMK14JAKYgtLzgMVbUEkxciCB0dmPFasaZNSPPLwHpX3sqi1jVCzLzpns/3MO6GfMFTedAo/3w==
-
 babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
   integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
 
-babylon@^7.0.0-beta.22:
-  version "7.0.0-beta.47"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.47.tgz#6d1fa44f0abec41ab7c780481e62fd9aafbdea80"
-  integrity sha512-+rq2cr4GDhtToEzKFD6KZZMDBXhjFAr9JjPw9pAppZACeEWqNM294j+NdBzkSHYXwzzBmVjZ3nEVJlOhbR2gOQ==
+bail@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776"
+  integrity sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==
 
 balanced-match@^0.4.2:
   version "0.4.2"
@@ -4732,6 +4690,11 @@ coa@~1.0.1:
   dependencies:
     q "^1.1.2"
 
+code-block-writer@^10.1.0:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/code-block-writer/-/code-block-writer-10.1.1.tgz#ad5684ed4bfb2b0783c8b131281ae84ee640a42f"
+  integrity sha512-67ueh2IRGst/51p0n6FvPrnRjAGHY5F8xdjkgrYE7DDzpJe6qA07RYQ9VcoUeo5ATOjSOiWpSL3SWBRRbempMw==
+
 code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
@@ -4797,6 +4760,11 @@ codesandboxer@^1.0.3:
     lz-string "^1.4.4"
     path-browserify "^1.0.0"
 
+collapse-white-space@^1.0.2:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287"
+  integrity sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ==
+
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
@@ -4916,7 +4884,7 @@ commander@~2.19.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
   integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==
 
-common-tags@^1.4.0, common-tags@^1.8.0:
+common-tags@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
   integrity sha512-6P6g0uetGpW/sdyUy/iQQCbFF0kWVMSIVSyYz7Zgjcgh8mgw8PQzDNZeyZ5DQ2gM7LBoZPHmnjz8rUthkBG5tw==
@@ -5110,7 +5078,7 @@ core-js@^1.0.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
   integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
 
-core-js@^2.4.0, core-js@^2.5.0, core-js@^2.6.5:
+core-js@^2.4.0, core-js@^2.6.5:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
   integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
@@ -5131,6 +5099,17 @@ cosmiconfig@^6.0.0:
     path-type "^4.0.0"
     yaml "^1.7.2"
 
+cosmiconfig@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 coveralls@^2.11.12:
   version "2.13.3"
   resolved "https://registry.yarnpkg.com/coveralls/-/coveralls-2.13.3.tgz#9ad7c2ae527417f361e8b626483f48ee92dd2bc7"
@@ -5891,6 +5870,11 @@ domelementtype@^2.0.1, domelementtype@^2.1.0:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.1.0.tgz#a851c080a6d1c3d94344aed151d99f669edf585e"
   integrity sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==
 
+domelementtype@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
+  integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
+
 domexception@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
@@ -5905,6 +5889,13 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
+domhandler@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-3.3.0.tgz#6db7ea46e4617eb15cf875df68b2b8524ce0037a"
+  integrity sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==
+  dependencies:
+    domelementtype "^2.0.1"
+
 domhandler@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.0.0.tgz#01ea7821de996d85f69029e81fa873c21833098e"
@@ -5912,6 +5903,13 @@ domhandler@^4.0.0:
   dependencies:
     domelementtype "^2.1.0"
 
+domhandler@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.2.0.tgz#f9768a5f034be60a89a27c2e4d0f74eba0d8b059"
+  integrity sha512-zk7sgt970kzPks2Bf+dwT/PLzghLnsivb9CcxkvR8Mzr66Olr0Ofd8neSbglHJHaHa2MadfoSdNlKYAaafmWfA==
+  dependencies:
+    domelementtype "^2.2.0"
+
 domutils@^1.5.1, domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -5920,6 +5918,15 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
+domutils@^2.4.2:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.6.0.tgz#2e15c04185d43fb16ae7057cb76433c6edb938b7"
+  integrity sha512-y0BezHuy4MDYxh6OvolXYsH+1EMGmFbwv5FKW7ovwMG6zTPWqNPq3WF9ayZssFq+UlKdffGLbOEaghNdaOm1WA==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
 domutils@^2.4.3, domutils@^2.4.4:
   version "2.4.4"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.4.4.tgz#282739c4b150d022d34699797369aad8d19bbbd3"
@@ -6641,7 +6648,7 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
-extend@~3.0.0, extend@~3.0.2:
+extend@^3.0.0, extend@~3.0.0, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
@@ -6690,37 +6697,6 @@ extglob@^2.0.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-extract-react-types-loader@^0.3.0:
-  version "0.3.15"
-  resolved "https://registry.yarnpkg.com/extract-react-types-loader/-/extract-react-types-loader-0.3.15.tgz#5e6f4dd01272cbe2faef39eb7e7c2ed462d33767"
-  integrity sha512-/wy2xIHtJGuhihcWUieDId0GKGamF29QUpc8JW/nWUrE5N9sMYB41qIphNlkEDaYcEHFIxQaSn4IMQC3c+QEOg==
-  dependencies:
-    extract-react-types "^0.28.0"
-
-extract-react-types@^0.28.0:
-  version "0.28.0"
-  resolved "https://registry.yarnpkg.com/extract-react-types/-/extract-react-types-0.28.0.tgz#c1c9cf3936f5ede3a1245143e6332c61add63144"
-  integrity sha512-DjHXu3gQWhdxNNdb5GRtQFqBD0BGUGw7nqphBg05M0mLY3WFwdoonBwNqzTeVORgbEV/6nkAE9nMY3m5z+gIGA==
-  dependencies:
-    "@aparna036/babel-explode-module" "^2.0.1"
-    "@babel/core" "^7.4.4"
-    "@babel/runtime" "^7.4.4"
-    "@babel/types" "^7.0.0-beta.56"
-    ast-pretty-print "^2.0.1"
-    babel-errors "^1.1.1"
-    babel-file "^3.0.0"
-    babel-file-loader "^2.0.0"
-    babel-flow-identifiers "^1.1.3"
-    babel-helper-simplify-module "^2.2.1"
-    babel-identifiers "^1.1.2"
-    babel-normalize-comments "^1.0.1"
-    babel-react-components "^1.1.0"
-    babel-type-scopes "^1.1.0"
-    babylon "^7.0.0-beta.22"
-    babylon-options "^2.0.1"
-    resolve "^1.10.1"
-    strip-indent "^2.0.0"
-
 extract-zip@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
@@ -6763,7 +6739,7 @@ fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
-fast-glob@^3.1.1:
+fast-glob@^3.1.1, fast-glob@^3.2.2:
   version "3.2.5"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.5.tgz#7939af2a656de79a4f1901903ee8adcaa7cb9661"
   integrity sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==
@@ -7050,6 +7026,11 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
+flatted@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
+  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
+
 flatted@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469"
@@ -7839,14 +7820,6 @@ hoist-non-react-statics@^3.3.1:
   dependencies:
     react-is "^16.7.0"
 
-home-or-tmp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
-  integrity sha1-42w/LSyufXRqhX440Y1fMqeILbg=
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.1"
-
 homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz#743298cef4e5af3e194161fbadcc2151d3a058e8"
@@ -7912,6 +7885,16 @@ html-minifier@^3.2.3:
     relateurl "0.2.x"
     uglify-js "3.4.x"
 
+html-to-react@^1.3.4:
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/html-to-react/-/html-to-react-1.4.5.tgz#59091c11021d1ef315ef738460abb6a4a41fe1ce"
+  integrity sha512-KONZUDFPg5OodWaQu2ymfkDmU0JA7zB1iPfvyHehTmMUZnk0DS7/TyCMTzsLH6b4BvxX15g88qZCXFhJWktsmA==
+  dependencies:
+    domhandler "^3.3.0"
+    htmlparser2 "^5.0"
+    lodash.camelcase "^4.3.0"
+    ramda "^0.27.1"
+
 html-webpack-plugin@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
@@ -7937,6 +7920,16 @@ htmlparser2@^3.10.1:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
+htmlparser2@^5.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-5.0.1.tgz#7daa6fc3e35d6107ac95a4fc08781f091664f6e7"
+  integrity sha512-vKZZra6CSe9qsJzh0BjBGXo8dvzNsq/oGvsjfRdOrrryfeD9UOBEEQdeoqCRmKZchF5h2zOBMQ6YuQ0uRUmdbQ==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^3.3.0"
+    domutils "^2.4.2"
+    entities "^2.0.0"
+
 htmlparser2@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.0.0.tgz#c2da005030390908ca4c91e5629e418e0665ac01"
@@ -8207,7 +8200,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -8306,6 +8299,14 @@ is-absolute-url@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
   integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
 
+is-absolute@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-1.0.0.tgz#395e1ae84b11f26ad1795e73c17378e48a301576"
+  integrity sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==
+  dependencies:
+    is-relative "^1.0.0"
+    is-windows "^1.0.1"
+
 is-accessor-descriptor@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
@@ -8366,7 +8367,7 @@ is-boolean-object@^1.0.1:
   dependencies:
     call-bind "^1.0.0"
 
-is-buffer@^1.1.5:
+is-buffer@^1.1.4, is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
@@ -8395,7 +8396,7 @@ is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
-is-core-module@^2.1.0:
+is-core-module@^2.1.0, is-core-module@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
   integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
@@ -8573,6 +8574,11 @@ is-my-json-valid@^2.12.4:
     jsonpointer "^4.0.0"
     xtend "^4.0.0"
 
+is-negated-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
+  integrity sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=
+
 is-negative-zero@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
@@ -8714,6 +8720,13 @@ is-regex@^1.1.1:
   dependencies:
     has-symbols "^1.0.1"
 
+is-relative@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d"
+  integrity sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==
+  dependencies:
+    is-unc-path "^1.0.0"
+
 is-retry-allowed@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz#d778488bd0a4666a3be8a1482b9f2baafedea8b4"
@@ -8765,11 +8778,23 @@ is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+is-unc-path@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-1.0.0.tgz#d731e8898ed090a12c352ad2eaed5095ad322c9d"
+  integrity sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==
+  dependencies:
+    unc-path-regex "^0.1.2"
+
 is-utf8@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
   integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
 
+is-whitespace-character@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz#0858edd94a95594c7c9dd0b5c174ec6e45ee4aa7"
+  integrity sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w==
+
 is-windows@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c"
@@ -8780,6 +8805,11 @@ is-windows@^1.0.0, is-windows@^1.0.1, is-windows@^1.0.2:
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
   integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
 
+is-word-character@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.4.tgz#ce0e73216f98599060592f62ff31354ddbeb0230"
+  integrity sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==
+
 is-wsl@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
@@ -9432,7 +9462,7 @@ json3@^3.3.3:
   resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
   integrity sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==
 
-json5@^0.5.0, json5@^0.5.1:
+json5@^0.5.0:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
   integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
@@ -9750,11 +9780,6 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
-lodash.merge@^4.6.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
 lodash.once@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
@@ -9977,6 +10002,11 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+markdown-escapes@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535"
+  integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
+
 math-expression-evaluator@^1.2.14:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.3.7.tgz#1b62225db86af06f7ea1fd9576a34af605a5b253"
@@ -9996,6 +10026,13 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+mdast-add-list-metadata@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-add-list-metadata/-/mdast-add-list-metadata-1.0.1.tgz#95e73640ce2fc1fa2dcb7ec443d09e2bfe7db4cf"
+  integrity sha512-fB/VP4MJ0LaRsog7hGPxgOrSL3gE/2uEdZyDuSEnKCv/8IkYHiDkIQSbChiJoHyxZZXZ9bzckyRk+vNxFzh8rA==
+  dependencies:
+    unist-util-visit-parents "1.1.2"
+
 "mdurl@~ 1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
@@ -10366,6 +10403,17 @@ multicast-dns@^6.0.1:
     dns-packet "^1.3.1"
     thunky "^1.0.2"
 
+multimatch@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-4.0.0.tgz#8c3c0f6e3e8449ada0af3dd29efb491a375191b3"
+  integrity sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==
+  dependencies:
+    "@types/minimatch" "^3.0.3"
+    array-differ "^3.0.0"
+    array-union "^2.1.0"
+    arrify "^2.0.1"
+    minimatch "^3.0.4"
+
 mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
@@ -10858,7 +10906,7 @@ os-homedir@^1.0.0, os-homedir@^1.0.1:
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.2:
+os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
@@ -11050,7 +11098,7 @@ parse-asn1@^5.0.0, parse-asn1@^5.1.5:
     pbkdf2 "^3.0.3"
     safe-buffer "^5.1.1"
 
-parse-entities@^1.1.2:
+parse-entities@^1.1.0, parse-entities@^1.1.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50"
   integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==
@@ -11178,7 +11226,7 @@ path-exists@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
-path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
+path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
@@ -11661,20 +11709,6 @@ pretty-error@^2.0.2:
     lodash "^4.17.20"
     renderkid "^2.0.4"
 
-pretty-format-ast@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/pretty-format-ast/-/pretty-format-ast-1.0.1.tgz#1d8cff9adeeaad5376aa80997952a55a2907ca8d"
-  integrity sha1-HYz/mt7qrVN2qoCZeVKlWikHyo0=
-  dependencies:
-    pretty-format2 "^2.0.3"
-
-pretty-format2@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pretty-format2/-/pretty-format2-2.0.4.tgz#4a76e0b0a91eb0907ded86763d83af44f5e42dc3"
-  integrity sha512-Tl/GgFDw5IcHMgbjEhqS4BZ713KXkCRQp+FcKhYpXZ56cZv/G/m3XqoL9cUi1nPRVJ3TPNvrV3szDMQ39cQRvg==
-  dependencies:
-    ansi-styles "^3.0.0"
-
 pretty-format@^24.3.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
@@ -11728,11 +11762,6 @@ prismjs@~1.17.0:
   optionalDependencies:
     clipboard "^2.0.0"
 
-private@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
-
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -11966,6 +11995,11 @@ railroad-diagrams@^1.0.0:
   resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e"
   integrity sha1-635iZ1SN3t+4mcG5Dlc3RVnN234=
 
+ramda@^0.27.1:
+  version "0.27.1"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.27.1.tgz#66fc2df3ef873874ffc2da6aa8984658abacf5c9"
+  integrity sha512-PgIdVpn5y5Yns8vqb8FzBUEYn98V3xcPgawAkkgj0YJ0qDsnHCiNmZYfOGMgOvoB0eWFLpYbhxUR3mxfDIMvpw==
+
 ramda@~0.26.1:
   version "0.26.1"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.26.1.tgz#8d41351eb8111c55353617fc3bbffad8e4d35d06"
@@ -12110,6 +12144,20 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
+react-markdown@^4.1.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-4.3.1.tgz#39f0633b94a027445b86c9811142d05381300f2f"
+  integrity sha512-HQlWFTbDxTtNY6bjgp3C3uv1h2xcjCSi1zAEzfBW9OwJJvENSYiLXWNXN5hHLsoqai7RnZiiHzcnWdXk2Splzw==
+  dependencies:
+    html-to-react "^1.3.4"
+    mdast-add-list-metadata "1.0.1"
+    prop-types "^15.7.2"
+    react-is "^16.8.6"
+    remark-parse "^5.0.0"
+    unified "^6.1.5"
+    unist-util-visit "^1.3.0"
+    xtend "^4.0.1"
+
 react-markings@^1.2.0, react-markings@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/react-markings/-/react-markings-1.3.0.tgz#7bb6826013bfc4fb37dc511a8ba2e578d9b4c284"
@@ -12226,14 +12274,6 @@ react@^16.13.0:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
-read-file-async@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-file-async/-/read-file-async-1.0.0.tgz#118fd0b8d0f76dc95cbb658e72ea6f107210deae"
-  integrity sha1-EY/QuND3bclcu2WOcupvEHIQ3q4=
-  dependencies:
-    graceful-fs "^4.1.11"
-    typeable-promisify "^1.0.1"
-
 read-pkg-up@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
@@ -12487,6 +12527,27 @@ relateurl@0.2.x:
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
 
+remark-parse@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-5.0.0.tgz#4c077f9e499044d1d5c13f80d7a98cf7b9285d95"
+  integrity sha512-b3iXszZLH1TLoyUzrATcTQUZrwNl1rE70rVdSruJFlDaJ9z5aMkhrG43Pp68OgfHndL/ADz6V69Zow8cTQu+JA==
+  dependencies:
+    collapse-white-space "^1.0.2"
+    is-alphabetical "^1.0.0"
+    is-decimal "^1.0.0"
+    is-whitespace-character "^1.0.0"
+    is-word-character "^1.0.0"
+    markdown-escapes "^1.0.0"
+    parse-entities "^1.1.0"
+    repeat-string "^1.5.4"
+    state-toggle "^1.0.0"
+    trim "0.0.1"
+    trim-trailing-lines "^1.0.0"
+    unherit "^1.0.4"
+    unist-util-remove-position "^1.0.0"
+    vfile-location "^2.0.0"
+    xtend "^4.0.1"
+
 remote-origin-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/remote-origin-url/-/remote-origin-url-0.4.0.tgz#4d3e2902f34e2d37d1c263d87710b77eb4086a30"
@@ -12522,7 +12583,7 @@ repeat-element@^1.1.2:
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
   integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
 
-repeat-string@^1.5.2, repeat-string@^1.6.1:
+repeat-string@^1.5.2, repeat-string@^1.5.4, repeat-string@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
@@ -12534,6 +12595,11 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
+replace-ext@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
+  integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
+
 request-progress@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/request-progress/-/request-progress-3.0.0.tgz#4ca754081c7fec63f505e4faa825aa06cd669dbe"
@@ -12634,14 +12700,6 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
 
-resolve-async@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/resolve-async/-/resolve-async-1.0.1.tgz#6bf9f26451e9a64a58a13edb82e615ddfcbda86b"
-  integrity sha1-a/nyZFHppkpYoT7bguYV3fy9qGs=
-  dependencies:
-    resolve "^1.3.3"
-    typeable-promisify "^1.0.1"
-
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -12702,7 +12760,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.10.0, resolve@^1.10.1, resolve@^1.12.0, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.3.3:
+resolve@^1.10.0, resolve@^1.12.0, resolve@^1.17.0, resolve@^1.18.1:
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
   integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
@@ -12710,6 +12768,14 @@ resolve@^1.10.0, resolve@^1.10.1, resolve@^1.12.0, resolve@^1.17.0, resolve@^1.1
     is-core-module "^2.1.0"
     path-parse "^1.0.6"
 
+resolve@^1.19.0:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
+  integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
+  dependencies:
+    is-core-module "^2.2.0"
+    path-parse "^1.0.6"
+
 restore-cursor@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541"
@@ -13248,13 +13314,6 @@ source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-support@^0.4.15:
-  version "0.4.18"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
-  integrity sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==
-  dependencies:
-    source-map "^0.5.6"
-
 source-map-support@^0.5.16, source-map-support@^0.5.17, source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
@@ -13415,6 +13474,11 @@ stack-utils@^1.0.1:
   dependencies:
     escape-string-regexp "^2.0.0"
 
+state-toggle@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.3.tgz#e123b16a88e143139b09c6852221bc9815917dfe"
+  integrity sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==
+
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -14100,6 +14164,30 @@ trim-right@^1.0.1:
   resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
   integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
 
+trim-trailing-lines@^1.0.0:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.4.tgz#bd4abbec7cc880462f10b2c8b5ce1d8d1ec7c2c0"
+  integrity sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ==
+
+trim@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd"
+  integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0=
+
+trough@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
+  integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
+
+ts-morph@^7.1.2:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/ts-morph/-/ts-morph-7.3.0.tgz#1777b893d9573b3522108b43159b5ba2515ffde7"
+  integrity sha512-BUKSoz7AFSKPcYTZODbICW2mOthAN4vc5juD6FL1lD/dLwZ0WvrC3zqBM3/X6f5gHxq3yaz+HmanHGaWm0ddbQ==
+  dependencies:
+    "@dsherret/to-absolute-glob" "^2.0.2"
+    "@ts-morph/common" "~0.5.2"
+    code-block-writer "^10.1.0"
+
 ts-node@^9.1.1:
   version "9.1.1"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-9.1.1.tgz#51a9a450a3e959401bda5f004a72d54b936d376d"
@@ -14210,13 +14298,6 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typeable-promisify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/typeable-promisify/-/typeable-promisify-1.0.1.tgz#005d43502e7753affccc8af8c05e3ac24f30e617"
-  integrity sha1-AF1DUC53U6/8zIr4wF46wk8w5hc=
-  dependencies:
-    any-promise "^1.3.0"
-
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -14234,6 +14315,11 @@ typescript@^4.1.3:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.3.tgz#519d582bd94cba0cf8934c7d8e8467e473f53bb7"
   integrity sha512-B3ZIOf1IKeH2ixgHhj6la6xdwR9QrLC5d1VKeCSY4tvkqhF2eqd9O7txNlS0PO3GrBAFIdr3L1ndNwteUbZLYg==
 
+typescript@~3.9.7:
+  version "3.9.9"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.9.tgz#e69905c54bc0681d0518bd4d587cc6f2d0b1a674"
+  integrity sha512-kdMjTiekY+z/ubJCATUPlRDl39vXYiMV9iyeMuEuXZh2we6zz80uovNN2WlAxmmdE/Z/YQe+EbOEXB5RHEED3w==
+
 ua-parser-js@^0.7.18:
   version "0.7.23"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.23.tgz#704d67f951e13195fbcd3d78818577f5bc1d547b"
@@ -14247,11 +14333,24 @@ uglify-js@3.4.x:
     commander "~2.19.0"
     source-map "~0.6.1"
 
+unc-path-regex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
+  integrity sha1-5z3T17DXxe2G+6xrCufYxqadUPo=
+
 unfetch@^3.0.0, unfetch@^3.1.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-3.1.2.tgz#dc271ef77a2800768f7b459673c5604b5101ef77"
   integrity sha512-L0qrK7ZeAudGiKYw6nzFjnJ2D5WHblUBwmHIqtPS6oKUd+Hcpk7/hKsSmcHsTlpd1TbTNsiRBUKRq3bHLNIqIw==
 
+unherit@^1.0.4:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.3.tgz#6c9b503f2b41b262330c80e91c8614abdaa69c22"
+  integrity sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ==
+  dependencies:
+    inherits "^2.0.0"
+    xtend "^4.0.0"
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -14275,6 +14374,18 @@ unicode-property-aliases-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
   integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
 
+unified@^6.1.5:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-6.2.0.tgz#7fbd630f719126d67d40c644b7e3f617035f6dba"
+  integrity sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==
+  dependencies:
+    bail "^1.0.0"
+    extend "^3.0.0"
+    is-plain-obj "^1.1.0"
+    trough "^1.0.0"
+    vfile "^2.0.0"
+    x-is-string "^0.1.0"
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -14316,6 +14427,42 @@ unique-string@^1.0.0:
   dependencies:
     crypto-random-string "^1.0.0"
 
+unist-util-is@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-3.0.0.tgz#d9e84381c2468e82629e4a5be9d7d05a2dd324cd"
+  integrity sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==
+
+unist-util-remove-position@^1.0.0:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz#ec037348b6102c897703eee6d0294ca4755a2020"
+  integrity sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==
+  dependencies:
+    unist-util-visit "^1.1.0"
+
+unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6"
+  integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==
+
+unist-util-visit-parents@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-1.1.2.tgz#f6e3afee8bdbf961c0e6f028ea3c0480028c3d06"
+  integrity sha512-yvo+MMLjEwdc3RhhPYSximset7rwjMrdt9E41Smmvg25UQIenzrN83cRnF1JMzoMi9zZOQeYXHSDf7p+IQkW3Q==
+
+unist-util-visit-parents@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz#25e43e55312166f3348cae6743588781d112c1e9"
+  integrity sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==
+  dependencies:
+    unist-util-is "^3.0.0"
+
+unist-util-visit@^1.1.0, unist-util-visit@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3"
+  integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==
+  dependencies:
+    unist-util-visit-parents "^2.0.0"
+
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
@@ -14515,6 +14662,28 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
+vfile-location@^2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.6.tgz#8a274f39411b8719ea5728802e10d9e0dff1519e"
+  integrity sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA==
+
+vfile-message@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1"
+  integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==
+  dependencies:
+    unist-util-stringify-position "^1.1.1"
+
+vfile@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-2.3.0.tgz#e62d8e72b20e83c324bc6c67278ee272488bf84a"
+  integrity sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==
+  dependencies:
+    is-buffer "^1.1.4"
+    replace-ext "1.0.0"
+    unist-util-stringify-position "^1.0.0"
+    vfile-message "^1.0.0"
+
 vm-browserify@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
@@ -14562,8 +14731,10 @@ watchpack@^1.7.4:
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
   integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
   dependencies:
+    chokidar "^3.4.1"
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
+    watchpack-chokidar2 "^2.0.1"
   optionalDependencies:
     chokidar "^3.4.1"
     watchpack-chokidar2 "^2.0.1"
@@ -14852,6 +15023,11 @@ ws@^7.0.0:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.3.tgz#1f9643de34a543b8edb124bdcbc457ae55a6e5cd"
   integrity sha512-hr6vCR76GsossIRsr8OLR9acVVm1jyfEWvhbNjtgPOrfvAlKzvyeg/P6r8RuDjRyrcQoPQT7K0DGEPc7Ae6jzA==
 
+x-is-string@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
+  integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
+
 xdg-basedir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
@@ -14872,7 +15048,7 @@ xss-filters@^1.2.6:
   resolved "https://registry.yarnpkg.com/xss-filters/-/xss-filters-1.2.7.tgz#59fa1de201f36f2f3470dcac5f58ccc2830b0a9a"
   integrity sha1-Wfod4gHzby80cNysX1jMwoMLCpo=
 
-xtend@^4.0.0, xtend@~4.0.1:
+xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
@@ -14902,6 +15078,11 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yaml@^1.7.2:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"

From faf93baa3972d8e3c5dad5584b3521217639a39b Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 14:47:01 +1000
Subject: [PATCH 02/13] file-size optimisation

---
 .gitignore                                    |   2 +
 docs/PropTypes/Async.ts                       |  11 +-
 docs/PropTypes/Creatable.ts                   |  11 +-
 docs/components/types.ts                      |  43 ++++
 .../generate/package.json                     |   6 +
 docs/generate-magical-types/package.json      |  20 ++
 .../serialize/package.json                    |   6 +
 docs/generate-magical-types/src/generate.ts   | 113 +++++++++
 docs/generate-magical-types/src/serialize.ts  | 107 +++++++++
 docs/generate-magical-types/src/types.ts      |  13 ++
 .../generate-magical-types/types/package.json |   6 +
 docs/markdown/store.ts                        |   1 +
 docs/package.json                             |  10 +-
 docs/pages/props/index.tsx                    | 219 ++++++++++++------
 docs/tsconfig.json                            |  20 +-
 package.json                                  |   3 +-
 tsconfig.json                                 |  12 +
 17 files changed, 502 insertions(+), 101 deletions(-)
 create mode 100644 docs/components/types.ts
 create mode 100644 docs/generate-magical-types/generate/package.json
 create mode 100644 docs/generate-magical-types/package.json
 create mode 100644 docs/generate-magical-types/serialize/package.json
 create mode 100644 docs/generate-magical-types/src/generate.ts
 create mode 100644 docs/generate-magical-types/src/serialize.ts
 create mode 100644 docs/generate-magical-types/src/types.ts
 create mode 100644 docs/generate-magical-types/types/package.json
 create mode 100644 tsconfig.json

diff --git a/.gitignore b/.gitignore
index 3e3336a114..d44aafc2e5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,3 +41,5 @@ package-lock.json
 
 # Notes
 .NOTES.md
+
+magical-types
diff --git a/docs/PropTypes/Async.ts b/docs/PropTypes/Async.ts
index 99e06dd467..c59b00f00f 100644
--- a/docs/PropTypes/Async.ts
+++ b/docs/PropTypes/Async.ts
@@ -1,10 +1 @@
-import { Component } from 'react';
-
-import { AsyncProps } from 'react-select/src/Async';
-import { GroupBase, OptionBase } from 'react-select';
-
-export default class Select<
-  Option extends OptionBase,
-  IsMulti extends boolean,
-  Group extends GroupBase<Option>
-> extends Component<AsyncProps<Option, IsMulti, Group>> {}
+export { AsyncAdditionalProps } from 'react-select/src/useAsync';
diff --git a/docs/PropTypes/Creatable.ts b/docs/PropTypes/Creatable.ts
index 6f662c495d..b57319889f 100644
--- a/docs/PropTypes/Creatable.ts
+++ b/docs/PropTypes/Creatable.ts
@@ -1,10 +1 @@
-import { Component } from 'react';
-
-import { CreatableProps } from 'react-select/src/Creatable';
-import { GroupBase, OptionBase } from 'react-select';
-
-export default class Select<
-  Option extends OptionBase,
-  IsMulti extends boolean,
-  Group extends GroupBase<Option>
-> extends Component<CreatableProps<Option, IsMulti, Group>> {}
+export { CreatableAdditionalProps } from 'react-select/src/useCreatable';
diff --git a/docs/components/types.ts b/docs/components/types.ts
new file mode 100644
index 0000000000..f4fab3c482
--- /dev/null
+++ b/docs/components/types.ts
@@ -0,0 +1,43 @@
+import { useEffect, useState } from 'react';
+import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
+import { deserialize } from '@magical-types/serialization/deserialize';
+
+export type MagicalNodeMetadata = Record<
+  string,
+  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
+>;
+
+export type MagicalNodesForPackage = Record<
+  string,
+  { type: 'component' | 'other'; node: MagicalNode }
+>;
+
+export type MagicalNodes = Record<string, MagicalNodesForPackage>;
+
+// @ts-ignore
+import manifest from '../magical-types/magical-types-manifest.json';
+
+let getNode: ((index: MagicalNodeIndex) => MagicalNode) | undefined;
+
+export const metadata: MagicalNodeMetadata = (manifest as any).types;
+
+export function useMagicalNodes() {
+  let [, forceUpdate] = useState(0);
+
+  useEffect(() => {
+    if (!getNode) {
+      fetch(manifest.paths[0])
+        .then((x) => x.json())
+        .then((firstNodeGroup) => {
+          getNode = deserialize([
+            firstNodeGroup,
+            ...(manifest.paths as string[])
+              .slice(1)
+              .map((path) => () => fetch(path).then((x) => x.json())),
+          ]);
+          forceUpdate(1);
+        });
+    }
+  }, []);
+  return getNode;
+}
diff --git a/docs/generate-magical-types/generate/package.json b/docs/generate-magical-types/generate/package.json
new file mode 100644
index 0000000000..fc99df9b47
--- /dev/null
+++ b/docs/generate-magical-types/generate/package.json
@@ -0,0 +1,6 @@
+{
+  "main": "dist/generate-magical-types.cjs.js",
+  "preconstruct": {
+    "source": "../src/generate"
+  }
+}
diff --git a/docs/generate-magical-types/package.json b/docs/generate-magical-types/package.json
new file mode 100644
index 0000000000..f32e634675
--- /dev/null
+++ b/docs/generate-magical-types/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "@react-select/generate-magical-types",
+  "main": "dist/generate-magical-types.cjs.js",
+  "//": "these deps aren't real, they're just to appease preconstruct",
+  "dependencies": {
+    "@babel/runtime": "*",
+    "@magical-types/convert-type": "*",
+    "@magical-types/serialization": "*",
+    "ts-morph": "*",
+    "fs-extra": "*",
+    "flatted": "*"
+  },
+  "preconstruct": {
+    "entrypoints": [
+      "generate",
+      "serialize",
+      "types"
+    ]
+  }
+}
diff --git a/docs/generate-magical-types/serialize/package.json b/docs/generate-magical-types/serialize/package.json
new file mode 100644
index 0000000000..edbc5569c0
--- /dev/null
+++ b/docs/generate-magical-types/serialize/package.json
@@ -0,0 +1,6 @@
+{
+  "main": "dist/generate-magical-types.cjs.js",
+  "preconstruct": {
+    "source": "../src/serialize"
+  }
+}
diff --git a/docs/generate-magical-types/src/generate.ts b/docs/generate-magical-types/src/generate.ts
new file mode 100644
index 0000000000..2b148d8f90
--- /dev/null
+++ b/docs/generate-magical-types/src/generate.ts
@@ -0,0 +1,113 @@
+import path from 'path';
+
+// @ts-ignore
+import fs from 'fs-extra';
+import * as flatted from 'flatted';
+import { Project } from 'ts-morph';
+import { MagicalNode } from '@magical-types/types';
+import { convertType, getPropTypesType } from '@magical-types/convert-type';
+// import { AsyncProps } from '../../PropTypes/Async';
+// import { CreatableProps } from '../../PropTypes/Creatable';
+
+type MagicalNodesForPackage = Record<
+  string,
+  { type: 'component' | 'other'; node: MagicalNode }
+>;
+
+export type MagicalNodes = Record<string, MagicalNodesForPackage>;
+
+const OTHERFILES: string[] = ['Async', 'Creatable'];
+const getOtherProps = (obj: MagicalNodes) => {
+  OTHERFILES.forEach((name: string) => {
+    let pkgExports: MagicalNodesForPackage = {};
+    obj[`${name}`] = pkgExports;
+    let sourceFile = project.getSourceFile(
+      path.join(__dirname, '../../Proptypes', `${name}.ts`)
+    );
+    if (!sourceFile) {
+      sourceFile = project.getSourceFile(
+        path.join(__dirname, '../../Proptypes', `${name}.tsx`)
+      );
+    }
+    if (!sourceFile) {
+      throw new Error(`source file not found for ${name}`);
+    }
+    resolveTypes({ sourceFile, item: name, pkgExports });
+  });
+};
+
+const resolveTypes = ({
+  sourceFile,
+  item,
+  pkgExports,
+}: {
+  sourceFile: any;
+  item: string;
+  pkgExports: MagicalNodesForPackage;
+}) => {
+  let exportedDeclarations = sourceFile.getExportedDeclarations();
+  for (const [exportName, declaration] of exportedDeclarations) {
+    if (item === 'icon' && exportName !== 'IconProps') continue;
+    if (declaration.length) {
+      let type = declaration[0].getType().compilerType;
+      let typeKind: 'component' | 'other' = 'other';
+      console.log(`about to convert ${exportName} from ${item}`);
+      if (exportName[0].toUpperCase() === exportName[0]) {
+        try {
+          type = getPropTypesType(type);
+          typeKind = 'component';
+        } catch (err) {}
+      }
+      pkgExports[exportName] = {
+        node: convertType(type, []),
+        type: typeKind,
+      };
+      console.log(`converted`);
+    }
+  }
+};
+
+let project = new Project({
+  addFilesFromTsConfig: true,
+  tsConfigFilePath: path.resolve(__dirname, '../../../tsconfig.json'),
+});
+console.log('done');
+let pkgDir = path.resolve(__dirname, '../../../packages');
+let pkgs = fs
+  .readdirSync(pkgDir, {
+    withFileTypes: true,
+  })
+  .filter(
+    // @ts-ignore
+    (x) =>
+      x.isDirectory() &&
+      fs.existsSync(path.join(pkgDir, path.join(x.name), 'package.json'))
+  )
+  // @ts-ignore
+  .map((x) => x.name);
+
+let obj: MagicalNodes = {};
+
+for (const item of pkgs) {
+  let pkgExports: MagicalNodesForPackage = {};
+  obj[`${item}`] = pkgExports;
+  let sourceFile = project.getSourceFile(
+    path.join(pkgDir, item, 'src', 'index.tsx')
+  );
+  if (!sourceFile) {
+    sourceFile = project.getSourceFile(
+      path.join(pkgDir, item, 'src', 'index.ts')
+    );
+  }
+  if (!sourceFile) {
+    throw new Error(`source file not found for ${item}`);
+  }
+  resolveTypes({ sourceFile, item, pkgExports });
+}
+
+getOtherProps(obj);
+
+fs.outputFileSync(
+  path.join(__dirname, '..', 'dist', 'magical-types.json'),
+  flatted.stringify(obj)
+);
diff --git a/docs/generate-magical-types/src/serialize.ts b/docs/generate-magical-types/src/serialize.ts
new file mode 100644
index 0000000000..ee5e82ed54
--- /dev/null
+++ b/docs/generate-magical-types/src/serialize.ts
@@ -0,0 +1,107 @@
+import path from 'path';
+
+// @ts-ignore
+import fs from 'fs-extra';
+import * as flatted from 'flatted';
+import {
+  chunkNodes,
+  serializeNodes,
+} from '@magical-types/serialization/serialize';
+
+// import { MagicalNodeMetadata, MagicalNodes } from './types';
+
+import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
+
+export type MagicalNodeMetadata = Record<
+  string,
+  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
+>;
+
+export type MagicalNodesForPackage = Record<
+  string,
+  { type: 'component' | 'other'; node: MagicalNode }
+>;
+
+export type MagicalNodes = Record<string, MagicalNodesForPackage>;
+
+const allTypes: MagicalNodes = flatted.parse(
+  fs.readFileSync(
+    path.join(__dirname, '..', 'dist', 'magical-types.json'),
+    'utf8'
+  )
+);
+
+const staticDir = path.resolve(__dirname, '..', '..', 'magical-types');
+
+// this is where gatsby copies the static directory to
+// it doesn't clear it though, so this prevents it from growing forever
+// fs.removeSync(path.resolve(__dirname, '..', '..', 'public', 'magical-types'));
+
+fs.removeSync(staticDir);
+
+fs.ensureDirSync(staticDir);
+
+let rootNodes: MagicalNode[] = [];
+
+for (const pkgName in allTypes) {
+  for (const exportName in allTypes[pkgName]) {
+    rootNodes.push(allTypes[pkgName][exportName].node);
+  }
+}
+
+console.log('serializing nodes');
+const serializationResult = serializeNodes(rootNodes);
+console.log('done');
+
+console.log('chunking nodes');
+const chunkedNodes = chunkNodes(serializationResult);
+console.log('done');
+
+let outputPaths = chunkedNodes.map((x, index) =>
+  path.join(
+    staticDir,
+    `magical-types-${index}-${Math.random().toString(36)}.json`
+  )
+);
+
+let outputUrlSegments = outputPaths.map(
+  (filepath) => `/magical-types/${path.basename(filepath)}`
+);
+let manifestOutputPath = path.resolve(staticDir, `magical-types-manifest.json`);
+
+const metadataWithIndexes: MagicalNodeMetadata = {};
+
+for (const pkgName in allTypes) {
+  metadataWithIndexes[pkgName] = {};
+  for (const exportName in allTypes[pkgName]) {
+    if (serializationResult.nodesMeta.has(allTypes[pkgName][exportName].node)) {
+      metadataWithIndexes[pkgName][exportName] = {
+        type: allTypes[pkgName][exportName].type,
+        index: serializationResult.nodesMeta.get(
+          allTypes[pkgName][exportName].node
+        )!.index,
+      };
+    }
+  }
+}
+
+(async () => {
+  console.log(`writing output`);
+  await Promise.all([
+    fs.writeFile(
+      manifestOutputPath,
+      JSON.stringify({
+        paths: outputUrlSegments,
+        types: metadataWithIndexes,
+      })
+    ),
+    ...outputPaths.map((filepath, index) =>
+      fs.writeFile(filepath, JSON.stringify(chunkedNodes[index]))
+    ),
+  ]);
+
+  console.log('done');
+})().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/docs/generate-magical-types/src/types.ts b/docs/generate-magical-types/src/types.ts
new file mode 100644
index 0000000000..ef17402662
--- /dev/null
+++ b/docs/generate-magical-types/src/types.ts
@@ -0,0 +1,13 @@
+import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
+
+export type MagicalNodeMetadata = Record<
+  string,
+  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
+>;
+
+export type MagicalNodesForPackage = Record<
+  string,
+  { type: 'component' | 'other'; node: MagicalNode }
+>;
+
+export type MagicalNodes = Record<string, MagicalNodesForPackage>;
diff --git a/docs/generate-magical-types/types/package.json b/docs/generate-magical-types/types/package.json
new file mode 100644
index 0000000000..69b28ceda3
--- /dev/null
+++ b/docs/generate-magical-types/types/package.json
@@ -0,0 +1,6 @@
+{
+  "main": "dist/generate-magical-types.cjs.js",
+  "preconstruct": {
+    "source": "../src/types"
+  }
+}
diff --git a/docs/markdown/store.ts b/docs/markdown/store.ts
index ee9824a4ef..b44298d15d 100644
--- a/docs/markdown/store.ts
+++ b/docs/markdown/store.ts
@@ -10,6 +10,7 @@ class HeadingStore {
   headings: { [key: string]: Data[] } = {};
 
   add(key: string, data: Data) {
+    console.log('add being called with', data.label);
     if (!this.headings[location.pathname]) {
       this.headings[location.pathname] = [];
     }
diff --git a/docs/package.json b/docs/package.json
index 9cb6ce962f..c3d37f5aa9 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -2,6 +2,7 @@
   "name": "@react-select/docs",
   "private": true,
   "version": "3.1.0",
+  "main": "dist/docs.cjs.js",
   "author": "Jed Watson",
   "license": "MIT",
   "dependencies": {
@@ -19,7 +20,11 @@
     "@babel/runtime": "^7.12.0",
     "@emotion/babel-plugin": "^11.0.0",
     "@emotion/react": "^11.1.1",
+    "@magical-types/convert-type": "^0.1.4",
     "@magical-types/macro": "^0.6.3",
+    "@magical-types/pretty": "^0.3.5",
+    "@magical-types/serialization": "^0.2.1",
+    "@magical-types/types": "^0.1.2",
     "@types/chroma-js": "^1.4.3",
     "@types/copy-webpack-plugin": "^5.0.2",
     "@types/html-webpack-plugin": "^3.2.4",
@@ -71,7 +76,8 @@
     "webpack-dev-server": "^3.3.1"
   },
   "scripts": {
-    "start": "cross-env FORCE_EXTRACT_REACT_TYPES=true webpack-dev-server --progress",
-    "build:docs": "rimraf docs/dist && cross-env FORCE_EXTRACT_REACT_TYPES=true webpack --progress -p"
+    "site-prebuild": "node ./generate-magical-types/generate && node ./generate-magical-types/serialize",
+    "start": "yarn site-prebuild && webpack-dev-server --progress",
+    "build:docs": "rimraf docs/dist && yarn site-prebuild && webpack --progress -p"
   }
 }
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index d7cc714521..70d1b3926b 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -1,58 +1,26 @@
 import React, { Fragment } from 'react';
+
 import { Helmet } from 'react-helmet';
 import md from '../../markdown/renderer';
-import { PropTypes } from '@magical-types/macro';
-import SelectBase from '../../PropTypes/Select';
-import StateManagerProps from '../../PropTypes/stateManager';
-import AsyncProps from '../../PropTypes/Async';
-import CreatableProps from '../../PropTypes/Creatable';
-
-import ClearIndicator from '../../PropTypes/components/ClearIndicator';
-import Control from '../../PropTypes/components/Control';
-import DropdownIndicator from '../../PropTypes/components/DropdownIndicator';
-import Group from '../../PropTypes/components/Group';
-import IndicatorsContainer from '../../PropTypes/components/IndicatorsContainer';
-import IndicatorsSeparator from '../../PropTypes/components/IndicatorsSeparator';
-import Input from '../../PropTypes/components/Input';
-import LoadingIndicator from '../../PropTypes/components/LoadingIndicator';
-import Menu from '../../PropTypes/components/Menu';
-import MenuList from '../../PropTypes/components/MenuList';
-import LoadingMessage from '../../PropTypes/components/LoadingMessage';
-import NoOptionsMessage from '../../PropTypes/components/NoOptionsMessage';
-import MultiValue from '../../PropTypes/components/MultiValue';
-import MultiValueContainer from '../../PropTypes/components/MultiValueContainer';
-import MultiValueLabel from '../../PropTypes/components/MultiValueLabel';
-import MultiValueRemove from '../../PropTypes/components/MultiValueRemove';
-import Option from '../../PropTypes/components/Option';
-import Placeholder from '../../PropTypes/components/Placeholder';
-import SelectContainer from '../../PropTypes/components/SelectContainer';
-import SingleValue from '../../PropTypes/components/SingleValue';
-import ValueContainer from '../../PropTypes/components/ValueContainer';
-
-// interface PropsProps {
-//   readonly overrides?: {
-//     readonly [key: string]: React.ComponentType<CommonProps>;
-//   };
-//   readonly props: {
-//     readonly component?: Obj | Inter;
-//   };
-// }
-
-// const Props = (props: PropsProps) => (
-//   <PrettyProps
-//     heading=""
-//     components={{
-//       Button: ({ isCollapsed, ...rest }) => (
-//         <button {...rest}>
-//           {isCollapsed ? 'Hide Prop Shape' : 'Show Prop Shape'}
-//         </button>
-//       ),
-//     }}
-//     {...props}
-//   />
-// );
+
+import { metadata, useMagicalNodes } from '../../components/types';
+import { PropTypes } from '@magical-types/pretty';
+
+type ShowTypesProps = {
+  getNode?: (index: any) => any;
+  index: any;
+};
+
+const ShowTypes = ({ getNode, index }: ShowTypesProps) => {
+  if (!getNode) return <span>loading</span>;
+  return <PropTypes node={getNode(index)} />;
+};
 
 export default function Api() {
+  const getNode = useMagicalNodes();
+  const selectTypes = metadata['react-select'];
+  const asyncTypes = metadata['Async'];
+  const creatableTypes = metadata['Creatable'];
   return (
     <Fragment>
       <Helmet>
@@ -108,27 +76,48 @@ export default function Api() {
     expose inputValue and value as controllable props. For more detailed information on these props and their usage
     please see the [controlled props](/advanced#controlled-props) section of the advanced page.
 
-    ${(<PropTypes component={StateManagerProps} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['SelectInstance'].index}
+      />
+    )}
 
     ## Select Props
 
     These base props are those available to be passed to all select variants.
 
-    ${(<PropTypes component={SelectBase} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['SelectInstance'].index}
+      />
+    )}
 
     ## Async props
 
     These props are included with in both the Async and AsyncCreatable select. For
     more on using async selects, see the [async select documentation](/async)
 
-    ${(<PropTypes component={AsyncProps} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={asyncTypes['AsyncAdditionalProps'].index}
+      />
+    )}
 
     ## Creatable props
 
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={creatableTypes['CreatableAdditionalProps'].index}
+      />
+    )}
+
     These props are included with in both the Creatable and AsyncCreatable select. For
     more on using creatable selects, see the [creatable select documentation](/creatable)
 
-    ${(<PropTypes component={CreatableProps} />)}
 
     ## Replacing Components
 
@@ -163,19 +152,30 @@ export default function Api() {
 
     ### ClearIndicator
 
-    ${(<PropTypes component={ClearIndicator} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['ClearIndicatorProps'].index}
+      />
+    )}
 
     ### Control
 
-    ${(<PropTypes component={Control} />)}
-
+    ${(
+      <ShowTypes getNode={getNode} index={selectTypes['ControlProps'].index} />
+    )}
     ### DropdownIndicator
 
-    ${(<PropTypes component={DropdownIndicator} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['DropdownIndicatorProps'].index}
+      />
+    )}
 
     ### Group
 
-    ${(<PropTypes component={Group} />)}
+    ${(<ShowTypes getNode={getNode} index={selectTypes['GroupProps'].index} />)}
 
     ### GroupHeading
 
@@ -183,72 +183,137 @@ export default function Api() {
 
     ### IndicatorsContainer
 
-    ${(<PropTypes component={IndicatorsContainer} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['IndicatorsContainerProps'].index}
+      />
+    )}
 
     ### IndicatorSeparator
 
-    ${(<PropTypes component={IndicatorsSeparator} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['IndicatorSeparatorProps'].index}
+      />
+    )}
 
     ### Input
 
-    ${(<PropTypes component={Input} />)}
+    ${(<ShowTypes getNode={getNode} index={selectTypes['InputProps'].index} />)}
 
     ### LoadingIndicator
 
-    ${(<PropTypes component={LoadingIndicator} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['LoadingIndicatorProps'].index}
+      />
+    )}
 
     ### Menu
 
-    ${(<PropTypes component={Menu} />)}
+    ${(<ShowTypes getNode={getNode} index={selectTypes['MenuProps'].index} />)}
 
     ### MenuList
 
-    ${(<PropTypes component={MenuList} />)}
+    ${(
+      <ShowTypes getNode={getNode} index={selectTypes['MenuListProps'].index} />
+    )}
 
     ### LoadingMessage
 
-    ${(<PropTypes component={LoadingMessage} />)}
+    ${(
+      <ShowTypes getNode={getNode} index={selectTypes['NoticeProps'].index} />
+    )}
 
     ### NoOptionsMessage
 
-    ${(<PropTypes component={NoOptionsMessage} />)}
+    ${(
+      <ShowTypes getNode={getNode} index={selectTypes['NoticeProps'].index} />
+    )}
 
     ### MultiValue
 
-    ${(<PropTypes component={MultiValue} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['MultiValueProps'].index}
+      />
+    )}
 
     ### MultiValueContainer
 
-    ${(<PropTypes component={MultiValueContainer} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['MultiValueGenericProps'].index}
+      />
+    )}
 
     ### MultiValueLabel
 
-    ${(<PropTypes component={MultiValueLabel} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['MultiValueGenericProps'].index}
+      />
+    )}
 
     ### MultiValueRemove
 
-    ${(<PropTypes component={MultiValueRemove} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['MultiValueRemoveProps'].index}
+      />
+    )}
 
     ### Option
 
-    ${(<PropTypes component={Option} />)}
+    ${(
+      <ShowTypes getNode={getNode} index={selectTypes['OptionProps'].index} />
+    )}
 
     ### Placeholder
 
-    ${(<PropTypes component={Placeholder} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['PlaceholderProps'].index}
+      />
+    )}
 
     ### SelectContainer
 
-    ${(<PropTypes component={SelectContainer} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['ContainerProps'].index}
+      />
+    )}
 
     ### SingleValue
 
-    ${(<PropTypes component={SingleValue} />)}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['SingleValueProps'].index}
+      />
+    )}
 
     ### ValueContainer
 
-    ${(<PropTypes component={ValueContainer} />)}
-      `}
+    ${(
+      <ShowTypes
+        getNode={getNode}
+        index={selectTypes['ValueContainerProps'].index}
+      />
+    )}
+
+
+        `}
     </Fragment>
   );
 }
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index 9183baf05d..cfda5f4473 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es6",
+    "target": "esnext",
     "module": "commonjs",
     "jsx": "react",
     "noEmit": true,
@@ -10,3 +10,21 @@
     "resolveJsonModule": true
   }
 }
+
+// {
+//   "compilerOptions": {
+//     // "skipLibCheck": true,
+//     "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
+//     "module": "esnext" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
+//     "jsx": "preserve" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+//     "noEmit": true /* Do not emit outputs. */,
+//     "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
+//     "strict": true /* Enable all strict type-checking options. */,
+//     "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+//     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+//     "resolveJsonModule": true,
+//     "typeRoots": [],
+//     "types": [],
+//     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+//   }
+// }
diff --git a/package.json b/package.json
index 9e8c400a1d..91dae60223 100644
--- a/package.json
+++ b/package.json
@@ -168,7 +168,8 @@
   ],
   "preconstruct": {
     "packages": [
-      "packages/*"
+      "packages/*",
+      "docs/generate-magical-types"
     ]
   },
   "browser": {
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000000..9183baf05d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "commonjs",
+    "jsx": "react",
+    "noEmit": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  }
+}

From 3decd3be65baaa1d30386e148ce4ef962cb478ba Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 15:09:38 +1000
Subject: [PATCH 03/13] type changes and cosmetic refactors

---
 docs/components/types.ts                      | 13 +------
 docs/generate-magical-types/package.json      |  3 +-
 docs/generate-magical-types/src/generate.ts   |  4 +--
 docs/generate-magical-types/src/serialize.ts  | 36 ++++++-------------
 .../generate-magical-types/types/package.json |  6 ----
 docs/tsconfig.json                            | 18 ----------
 6 files changed, 14 insertions(+), 66 deletions(-)
 delete mode 100644 docs/generate-magical-types/types/package.json

diff --git a/docs/components/types.ts b/docs/components/types.ts
index f4fab3c482..65483447ce 100644
--- a/docs/components/types.ts
+++ b/docs/components/types.ts
@@ -2,18 +2,7 @@ import { useEffect, useState } from 'react';
 import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
 import { deserialize } from '@magical-types/serialization/deserialize';
 
-export type MagicalNodeMetadata = Record<
-  string,
-  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
->;
-
-export type MagicalNodesForPackage = Record<
-  string,
-  { type: 'component' | 'other'; node: MagicalNode }
->;
-
-export type MagicalNodes = Record<string, MagicalNodesForPackage>;
-
+import type { MagicalNodeMetadata } from '../generate-magical-types/src/types';
 // @ts-ignore
 import manifest from '../magical-types/magical-types-manifest.json';
 
diff --git a/docs/generate-magical-types/package.json b/docs/generate-magical-types/package.json
index f32e634675..29b35c8069 100644
--- a/docs/generate-magical-types/package.json
+++ b/docs/generate-magical-types/package.json
@@ -13,8 +13,7 @@
   "preconstruct": {
     "entrypoints": [
       "generate",
-      "serialize",
-      "types"
+      "serialize"
     ]
   }
 }
diff --git a/docs/generate-magical-types/src/generate.ts b/docs/generate-magical-types/src/generate.ts
index 2b148d8f90..8f6aeb5dff 100644
--- a/docs/generate-magical-types/src/generate.ts
+++ b/docs/generate-magical-types/src/generate.ts
@@ -6,8 +6,6 @@ import * as flatted from 'flatted';
 import { Project } from 'ts-morph';
 import { MagicalNode } from '@magical-types/types';
 import { convertType, getPropTypesType } from '@magical-types/convert-type';
-// import { AsyncProps } from '../../PropTypes/Async';
-// import { CreatableProps } from '../../PropTypes/Creatable';
 
 type MagicalNodesForPackage = Record<
   string,
@@ -62,7 +60,7 @@ const resolveTypes = ({
         node: convertType(type, []),
         type: typeKind,
       };
-      console.log(`converted`);
+      console.log('converted');
     }
   }
 };
diff --git a/docs/generate-magical-types/src/serialize.ts b/docs/generate-magical-types/src/serialize.ts
index ee5e82ed54..ecfa7b4393 100644
--- a/docs/generate-magical-types/src/serialize.ts
+++ b/docs/generate-magical-types/src/serialize.ts
@@ -3,26 +3,13 @@ import path from 'path';
 // @ts-ignore
 import fs from 'fs-extra';
 import * as flatted from 'flatted';
+import { MagicalNode } from '@magical-types/types';
 import {
   chunkNodes,
   serializeNodes,
 } from '@magical-types/serialization/serialize';
 
-// import { MagicalNodeMetadata, MagicalNodes } from './types';
-
-import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
-
-export type MagicalNodeMetadata = Record<
-  string,
-  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
->;
-
-export type MagicalNodesForPackage = Record<
-  string,
-  { type: 'component' | 'other'; node: MagicalNode }
->;
-
-export type MagicalNodes = Record<string, MagicalNodesForPackage>;
+import { MagicalNodeMetadata, MagicalNodes } from './types';
 
 const allTypes: MagicalNodes = flatted.parse(
   fs.readFileSync(
@@ -31,15 +18,11 @@ const allTypes: MagicalNodes = flatted.parse(
   )
 );
 
-const staticDir = path.resolve(__dirname, '..', '..', 'magical-types');
-
-// this is where gatsby copies the static directory to
-// it doesn't clear it though, so this prevents it from growing forever
-// fs.removeSync(path.resolve(__dirname, '..', '..', 'public', 'magical-types'));
+const magicalTypesDir = path.resolve(__dirname, '..', '..', 'magical-types');
 
-fs.removeSync(staticDir);
+fs.removeSync(magicalTypesDir);
 
-fs.ensureDirSync(staticDir);
+fs.ensureDirSync(magicalTypesDir);
 
 let rootNodes: MagicalNode[] = [];
 
@@ -59,7 +42,7 @@ console.log('done');
 
 let outputPaths = chunkedNodes.map((x, index) =>
   path.join(
-    staticDir,
+    magicalTypesDir,
     `magical-types-${index}-${Math.random().toString(36)}.json`
   )
 );
@@ -67,7 +50,10 @@ let outputPaths = chunkedNodes.map((x, index) =>
 let outputUrlSegments = outputPaths.map(
   (filepath) => `/magical-types/${path.basename(filepath)}`
 );
-let manifestOutputPath = path.resolve(staticDir, `magical-types-manifest.json`);
+let manifestOutputPath = path.resolve(
+  magicalTypesDir,
+  'magical-types-manifest.json'
+);
 
 const metadataWithIndexes: MagicalNodeMetadata = {};
 
@@ -86,7 +72,7 @@ for (const pkgName in allTypes) {
 }
 
 (async () => {
-  console.log(`writing output`);
+  console.log('writing output');
   await Promise.all([
     fs.writeFile(
       manifestOutputPath,
diff --git a/docs/generate-magical-types/types/package.json b/docs/generate-magical-types/types/package.json
deleted file mode 100644
index 69b28ceda3..0000000000
--- a/docs/generate-magical-types/types/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "main": "dist/generate-magical-types.cjs.js",
-  "preconstruct": {
-    "source": "../src/types"
-  }
-}
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index cfda5f4473..3a08cf33ca 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -10,21 +10,3 @@
     "resolveJsonModule": true
   }
 }
-
-// {
-//   "compilerOptions": {
-//     // "skipLibCheck": true,
-//     "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
-//     "module": "esnext" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
-//     "jsx": "preserve" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
-//     "noEmit": true /* Do not emit outputs. */,
-//     "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
-//     "strict": true /* Enable all strict type-checking options. */,
-//     "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
-//     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
-//     "resolveJsonModule": true,
-//     "typeRoots": [],
-//     "types": [],
-//     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
-//   }
-// }

From 016af5c8c18375222f3573c2d2ee19c939eaf634 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 15:14:57 +1000
Subject: [PATCH 04/13] revert change to tsconfig

---
 docs/tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index 3a08cf33ca..9183baf05d 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "esnext",
+    "target": "es6",
     "module": "commonjs",
     "jsx": "react",
     "noEmit": true,

From 166dddf5aaa33bc6ca006ec495ee1d9c23214f4b Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 15:15:58 +1000
Subject: [PATCH 05/13] remove unused deps

---
 babel.config.js   |  1 -
 docs/package.json |  1 -
 package.json      |  1 -
 yarn.lock         | 32 --------------------------------
 4 files changed, 35 deletions(-)

diff --git a/babel.config.js b/babel.config.js
index 0d3f8f50d5..271ed97774 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -3,7 +3,6 @@ module.exports = {
     '@emotion/babel-plugin',
     ['@babel/plugin-proposal-class-properties', { loose: true }],
     '@babel/plugin-transform-runtime',
-    'babel-plugin-macros',
   ],
   presets: [
     '@babel/preset-env',
diff --git a/docs/package.json b/docs/package.json
index c3d37f5aa9..ec1ec79e95 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -21,7 +21,6 @@
     "@emotion/babel-plugin": "^11.0.0",
     "@emotion/react": "^11.1.1",
     "@magical-types/convert-type": "^0.1.4",
-    "@magical-types/macro": "^0.6.3",
     "@magical-types/pretty": "^0.3.5",
     "@magical-types/serialization": "^0.2.1",
     "@magical-types/types": "^0.1.2",
diff --git a/package.json b/package.json
index 91dae60223..e3197f4001 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,6 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.0",
-    "babel-plugin-macros": "^3.0.1",
     "bolt-check": "^0.3.0",
     "chroma-js": "^1.3.6",
     "chrono-node": "^2.1.11",
diff --git a/yarn.lock b/yarn.lock
index 52668d26ff..a7dd346d3e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1227,14 +1227,6 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.5.0":
-  version "7.13.17"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.17.tgz#48010a115c9fba7588b4437dd68c9469012b38b4"
-  integrity sha512-RawydLgxbOPDlTLJNtoIypwdmAy//uQIzlKt2+iBiJaRlVuI6QLUxVAyWGNfOzp8Yu4L4lLIacoCyTNtpb4wiA==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.12.11"
-    to-fast-properties "^2.0.0"
-
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -1965,25 +1957,6 @@
   dependencies:
     "@babel/runtime" "^7.7.2"
 
-"@magical-types/macro@^0.6.3":
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/@magical-types/macro/-/macro-0.6.3.tgz#a084dee57e27d46c186a4ae7053f928f5c96618a"
-  integrity sha512-lHUmYUcYWMZppBU2itIf5T7l3GWYk0xY6qG28jIchboyhOeycIG71Mw2Y5lhi9yvF3/6JriT2KP2PJ+ZJoiSCA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/runtime" "^7.7.2"
-    "@babel/types" "^7.5.0"
-    "@magical-types/convert-type" "^0.1.4"
-    "@magical-types/errors" "^0.0.1"
-    "@magical-types/pretty" "^0.3.5"
-    "@magical-types/serialization" "^0.2.1"
-    "@magical-types/types" "^0.1.2"
-    "@magical-types/utils" "^0.1.2"
-    babel-plugin-macros "^2.6.1"
-    flatted "^2.0.1"
-    fs-extra "^8.1.0"
-    ts-morph "^7.1.2"
-
 "@magical-types/pretty@^0.3.5":
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/@magical-types/pretty/-/pretty-0.3.5.tgz#cd6134aba492d219687e4d7443e7abad809cdca8"
@@ -7026,11 +6999,6 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
-flatted@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
 flatted@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469"

From 2f67a761eb186b5dbf3827c2a54d6f2ba21039b5 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 15:25:23 +1000
Subject: [PATCH 06/13] run e2e tests without building magical-types manifests

---
 docs/package.json | 1 +
 package.json      | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/package.json b/docs/package.json
index ec1ec79e95..4ee27075a1 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -77,6 +77,7 @@
   "scripts": {
     "site-prebuild": "node ./generate-magical-types/generate && node ./generate-magical-types/serialize",
     "start": "yarn site-prebuild && webpack-dev-server --progress",
+    "start:test": "webpack-dev-server --progress",
     "build:docs": "rimraf docs/dist && yarn site-prebuild && webpack --progress -p"
   }
 }
diff --git a/package.json b/package.json
index e3197f4001..4370e9f937 100644
--- a/package.json
+++ b/package.json
@@ -119,11 +119,12 @@
     "prettier:check": "prettier --check .",
     "lint": "eslint .",
     "start": "cd docs && yarn start",
+    "start:test": "cd docs && yarn start:test",
     "build:docs": "cd docs && yarn build:docs",
     "fresh": "rm -rf node_modules && yarn install",
     "test": "npm run test:jest && npm run test:cypress",
     "test:jest": "jest --coverage",
-    "e2e": "concurrently --kill-others --success=first --names 'SERVER,E2E' 'yarn start --progress=false --no-info' 'yarn test:cypress'",
+    "e2e": "concurrently --kill-others --success=first --names 'SERVER,E2E' 'yarn start:test --progress=false --no-info' 'yarn test:cypress'",
     "type-check": "tsc --build packages/react-select/tsconfig.json && tsc --build docs/tsconfig.json && tsc --build cypress/tsconfig.json",
     "precommit": "yarn run type-check",
     "postinstall": "preconstruct dev",

From a005bab3bdf602e32da6fac85101741a501351c2 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 15:36:02 +1000
Subject: [PATCH 07/13] file name change

---
 docs/pages/props/index.tsx             | 2 +-
 docs/{components/types.ts => utils.ts} | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename docs/{components/types.ts => utils.ts} (85%)

diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 70d1b3926b..87ded4daab 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -3,7 +3,7 @@ import React, { Fragment } from 'react';
 import { Helmet } from 'react-helmet';
 import md from '../../markdown/renderer';
 
-import { metadata, useMagicalNodes } from '../../components/types';
+import { metadata, useMagicalNodes } from '../../utils';
 import { PropTypes } from '@magical-types/pretty';
 
 type ShowTypesProps = {
diff --git a/docs/components/types.ts b/docs/utils.ts
similarity index 85%
rename from docs/components/types.ts
rename to docs/utils.ts
index 65483447ce..48abeb4e09 100644
--- a/docs/components/types.ts
+++ b/docs/utils.ts
@@ -2,9 +2,9 @@ import { useEffect, useState } from 'react';
 import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
 import { deserialize } from '@magical-types/serialization/deserialize';
 
-import type { MagicalNodeMetadata } from '../generate-magical-types/src/types';
+import type { MagicalNodeMetadata } from './generate-magical-types/src/types';
 // @ts-ignore
-import manifest from '../magical-types/magical-types-manifest.json';
+import manifest from './magical-types/magical-types-manifest.json';
 
 let getNode: ((index: MagicalNodeIndex) => MagicalNode) | undefined;
 

From 3e5b4207863e34b6b8143fc2d36e30f997338220 Mon Sep 17 00:00:00 2001
From: Charles <cc.lee@live.com.au>
Date: Fri, 7 May 2021 16:12:16 +1000
Subject: [PATCH 08/13] Update docs/generate-magical-types/src/generate.ts

Co-authored-by: Mitchell Hamilton <mitchell@hamil.town>
---
 docs/generate-magical-types/src/generate.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/generate-magical-types/src/generate.ts b/docs/generate-magical-types/src/generate.ts
index 8f6aeb5dff..49a210ec7a 100644
--- a/docs/generate-magical-types/src/generate.ts
+++ b/docs/generate-magical-types/src/generate.ts
@@ -45,7 +45,6 @@ const resolveTypes = ({
 }) => {
   let exportedDeclarations = sourceFile.getExportedDeclarations();
   for (const [exportName, declaration] of exportedDeclarations) {
-    if (item === 'icon' && exportName !== 'IconProps') continue;
     if (declaration.length) {
       let type = declaration[0].getType().compilerType;
       let typeKind: 'component' | 'other' = 'other';

From 7212b9a78b4baaa4418b5440c8f0d9669b33ae5e Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 16:17:17 +1000
Subject: [PATCH 09/13] aadd statemanager types to magical-types procedure

---
 docs/PropTypes/stateManager.ts              | 11 +----------
 docs/generate-magical-types/src/generate.ts |  2 +-
 docs/pages/props/index.tsx                  | 11 ++++-------
 3 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/docs/PropTypes/stateManager.ts b/docs/PropTypes/stateManager.ts
index eec8d1e57a..31217056bc 100644
--- a/docs/PropTypes/stateManager.ts
+++ b/docs/PropTypes/stateManager.ts
@@ -1,10 +1 @@
-import { Component } from 'react';
-
-import { StateManagerProps } from 'react-select/src/stateManager';
-import { GroupBase, OptionBase } from 'react-select';
-
-export default class StateManager<
-  Option extends OptionBase,
-  IsMulti extends boolean,
-  Group extends GroupBase<Option>
-> extends Component<StateManagerProps<Option, IsMulti, Group>> {}
+export { StateManagerProps } from 'react-select/src/stateManager';
diff --git a/docs/generate-magical-types/src/generate.ts b/docs/generate-magical-types/src/generate.ts
index 8f6aeb5dff..64c3f48c85 100644
--- a/docs/generate-magical-types/src/generate.ts
+++ b/docs/generate-magical-types/src/generate.ts
@@ -14,7 +14,7 @@ type MagicalNodesForPackage = Record<
 
 export type MagicalNodes = Record<string, MagicalNodesForPackage>;
 
-const OTHERFILES: string[] = ['Async', 'Creatable'];
+const OTHERFILES: string[] = ['stateManager', 'Async', 'Creatable'];
 const getOtherProps = (obj: MagicalNodes) => {
   OTHERFILES.forEach((name: string) => {
     let pkgExports: MagicalNodesForPackage = {};
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 87ded4daab..7d1f9dd056 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -18,7 +18,9 @@ const ShowTypes = ({ getNode, index }: ShowTypesProps) => {
 
 export default function Api() {
   const getNode = useMagicalNodes();
+  const stateManagerTypes = metadata['stateManager'];
   const selectTypes = metadata['react-select'];
+  console.log(selectTypes);
   const asyncTypes = metadata['Async'];
   const creatableTypes = metadata['Creatable'];
   return (
@@ -79,7 +81,7 @@ export default function Api() {
     ${(
       <ShowTypes
         getNode={getNode}
-        index={selectTypes['SelectInstance'].index}
+        index={stateManagerTypes['StateManagerProps'].index}
       />
     )}
 
@@ -87,12 +89,7 @@ export default function Api() {
 
     These base props are those available to be passed to all select variants.
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['SelectInstance'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} index={selectTypes['Props'].index} />)}
 
     ## Async props
 

From 6e12954302f474ca7576d78f2812b50acf083249 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Fri, 7 May 2021 16:19:14 +1000
Subject: [PATCH 10/13] export stateManagerAdditionalProps type

---
 docs/PropTypes/stateManager.ts               | 2 +-
 packages/react-select/src/useStateManager.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/PropTypes/stateManager.ts b/docs/PropTypes/stateManager.ts
index 31217056bc..f8bced82f5 100644
--- a/docs/PropTypes/stateManager.ts
+++ b/docs/PropTypes/stateManager.ts
@@ -1 +1 @@
-export { StateManagerProps } from 'react-select/src/stateManager';
+export { StateMangerAdditionalProps } from 'react-select/src/useStateManager';
diff --git a/packages/react-select/src/useStateManager.ts b/packages/react-select/src/useStateManager.ts
index b92cb31e94..3d89a21568 100644
--- a/packages/react-select/src/useStateManager.ts
+++ b/packages/react-select/src/useStateManager.ts
@@ -25,7 +25,7 @@ type SelectPropsWithOptionalStateManagedProps<
 > = Omit<PublicBaseSelectProps<Option, IsMulti, Group>, StateManagedPropKeys> &
   Partial<PublicBaseSelectProps<Option, IsMulti, Group>>;
 
-interface StateMangerAdditionalProps<Option extends OptionBase> {
+export interface StateMangerAdditionalProps<Option extends OptionBase> {
   defaultInputValue?: string;
   defaultMenuIsOpen?: boolean;
   defaultValue?: PropsValue<Option>;

From f29e5fc4b767cd7d65af328541f248a5bffbe27b Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Mon, 10 May 2021 10:35:23 +1000
Subject: [PATCH 11/13] add fflag for magical types process to account for e2e
 tests

---
 docs/generate-magical-types/src/generate.ts | 167 ++++++++++----------
 docs/package.json                           |   2 +-
 docs/pages/props/index.tsx                  | 118 ++++----------
 3 files changed, 117 insertions(+), 170 deletions(-)

diff --git a/docs/generate-magical-types/src/generate.ts b/docs/generate-magical-types/src/generate.ts
index 7cbbc33955..490ad59e5c 100644
--- a/docs/generate-magical-types/src/generate.ts
+++ b/docs/generate-magical-types/src/generate.ts
@@ -14,97 +14,104 @@ type MagicalNodesForPackage = Record<
 
 export type MagicalNodes = Record<string, MagicalNodesForPackage>;
 
-const OTHERFILES: string[] = ['stateManager', 'Async', 'Creatable'];
-const getOtherProps = (obj: MagicalNodes) => {
-  OTHERFILES.forEach((name: string) => {
+if (process.env.NODE_ENV === 'test') {
+  fs.outputFileSync(
+    path.join(__dirname, '..', 'dist', 'magical-types.json'),
+    flatted.stringify({})
+  );
+} else {
+  const OTHERFILES: string[] = ['stateManager', 'Async', 'Creatable'];
+  const getOtherProps = (obj: MagicalNodes) => {
+    OTHERFILES.forEach((name: string) => {
+      let pkgExports: MagicalNodesForPackage = {};
+      obj[`${name}`] = pkgExports;
+      let sourceFile = project.getSourceFile(
+        path.join(__dirname, '../../Proptypes', `${name}.ts`)
+      );
+      if (!sourceFile) {
+        sourceFile = project.getSourceFile(
+          path.join(__dirname, '../../Proptypes', `${name}.tsx`)
+        );
+      }
+      if (!sourceFile) {
+        throw new Error(`source file not found for ${name}`);
+      }
+      resolveTypes({ sourceFile, item: name, pkgExports });
+    });
+  };
+
+  const resolveTypes = ({
+    sourceFile,
+    item,
+    pkgExports,
+  }: {
+    sourceFile: any;
+    item: string;
+    pkgExports: MagicalNodesForPackage;
+  }) => {
+    let exportedDeclarations = sourceFile.getExportedDeclarations();
+    for (const [exportName, declaration] of exportedDeclarations) {
+      if (declaration.length) {
+        let type = declaration[0].getType().compilerType;
+        let typeKind: 'component' | 'other' = 'other';
+        console.log(`about to convert ${exportName} from ${item}`);
+        if (exportName[0].toUpperCase() === exportName[0]) {
+          try {
+            type = getPropTypesType(type);
+            typeKind = 'component';
+          } catch (err) {}
+        }
+        pkgExports[exportName] = {
+          node: convertType(type, []),
+          type: typeKind,
+        };
+        console.log('converted');
+      }
+    }
+  };
+
+  let project = new Project({
+    addFilesFromTsConfig: true,
+    tsConfigFilePath: path.resolve(__dirname, '../../../tsconfig.json'),
+  });
+  console.log('done');
+  let pkgDir = path.resolve(__dirname, '../../../packages');
+  let pkgs = fs
+    .readdirSync(pkgDir, {
+      withFileTypes: true,
+    })
+    .filter(
+      // @ts-ignore
+      (x) =>
+        x.isDirectory() &&
+        fs.existsSync(path.join(pkgDir, path.join(x.name), 'package.json'))
+    )
+    // @ts-ignore
+    .map((x) => x.name);
+
+  let obj: MagicalNodes = {};
+
+  for (const item of pkgs) {
     let pkgExports: MagicalNodesForPackage = {};
-    obj[`${name}`] = pkgExports;
+    obj[`${item}`] = pkgExports;
     let sourceFile = project.getSourceFile(
-      path.join(__dirname, '../../Proptypes', `${name}.ts`)
+      path.join(pkgDir, item, 'src', 'index.tsx')
     );
     if (!sourceFile) {
       sourceFile = project.getSourceFile(
-        path.join(__dirname, '../../Proptypes', `${name}.tsx`)
+        path.join(pkgDir, item, 'src', 'index.ts')
       );
     }
     if (!sourceFile) {
-      throw new Error(`source file not found for ${name}`);
-    }
-    resolveTypes({ sourceFile, item: name, pkgExports });
-  });
-};
-
-const resolveTypes = ({
-  sourceFile,
-  item,
-  pkgExports,
-}: {
-  sourceFile: any;
-  item: string;
-  pkgExports: MagicalNodesForPackage;
-}) => {
-  let exportedDeclarations = sourceFile.getExportedDeclarations();
-  for (const [exportName, declaration] of exportedDeclarations) {
-    if (declaration.length) {
-      let type = declaration[0].getType().compilerType;
-      let typeKind: 'component' | 'other' = 'other';
-      console.log(`about to convert ${exportName} from ${item}`);
-      if (exportName[0].toUpperCase() === exportName[0]) {
-        try {
-          type = getPropTypesType(type);
-          typeKind = 'component';
-        } catch (err) {}
-      }
-      pkgExports[exportName] = {
-        node: convertType(type, []),
-        type: typeKind,
-      };
-      console.log('converted');
+      throw new Error(`source file not found for ${item}`);
     }
+    resolveTypes({ sourceFile, item, pkgExports });
   }
-};
-
-let project = new Project({
-  addFilesFromTsConfig: true,
-  tsConfigFilePath: path.resolve(__dirname, '../../../tsconfig.json'),
-});
-console.log('done');
-let pkgDir = path.resolve(__dirname, '../../../packages');
-let pkgs = fs
-  .readdirSync(pkgDir, {
-    withFileTypes: true,
-  })
-  .filter(
-    // @ts-ignore
-    (x) =>
-      x.isDirectory() &&
-      fs.existsSync(path.join(pkgDir, path.join(x.name), 'package.json'))
-  )
-  // @ts-ignore
-  .map((x) => x.name);
 
-let obj: MagicalNodes = {};
+  getOtherProps(obj);
 
-for (const item of pkgs) {
-  let pkgExports: MagicalNodesForPackage = {};
-  obj[`${item}`] = pkgExports;
-  let sourceFile = project.getSourceFile(
-    path.join(pkgDir, item, 'src', 'index.tsx')
+  fs.outputFileSync(
+    path.join(__dirname, '..', 'dist', 'magical-types.json'),
+    flatted.stringify(obj)
   );
-  if (!sourceFile) {
-    sourceFile = project.getSourceFile(
-      path.join(pkgDir, item, 'src', 'index.ts')
-    );
-  }
-  if (!sourceFile) {
-    throw new Error(`source file not found for ${item}`);
-  }
-  resolveTypes({ sourceFile, item, pkgExports });
 }
-
-getOtherProps(obj);
-
-fs.outputFileSync(
-  path.join(__dirname, '..', 'dist', 'magical-types.json'),
-  flatted.stringify(obj)
-);
diff --git a/docs/package.json b/docs/package.json
index 4ee27075a1..cbc5747f7a 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -77,7 +77,7 @@
   "scripts": {
     "site-prebuild": "node ./generate-magical-types/generate && node ./generate-magical-types/serialize",
     "start": "yarn site-prebuild && webpack-dev-server --progress",
-    "start:test": "webpack-dev-server --progress",
+    "start:test": "NODE_ENV=test yarn site-prebuild && webpack-dev-server --progress",
     "build:docs": "rimraf docs/dist && yarn site-prebuild && webpack --progress -p"
   }
 }
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 7d1f9dd056..01c8a20826 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -8,19 +8,19 @@ import { PropTypes } from '@magical-types/pretty';
 
 type ShowTypesProps = {
   getNode?: (index: any) => any;
-  index: any;
+  type?: any;
 };
 
-const ShowTypes = ({ getNode, index }: ShowTypesProps) => {
+const ShowTypes = ({ getNode, type }: ShowTypesProps) => {
+  if (!type) return null;
   if (!getNode) return <span>loading</span>;
-  return <PropTypes node={getNode(index)} />;
+  return <PropTypes node={getNode(type)} />;
 };
 
 export default function Api() {
   const getNode = useMagicalNodes();
   const stateManagerTypes = metadata['stateManager'];
   const selectTypes = metadata['react-select'];
-  console.log(selectTypes);
   const asyncTypes = metadata['Async'];
   const creatableTypes = metadata['Creatable'];
   return (
@@ -81,7 +81,7 @@ export default function Api() {
     ${(
       <ShowTypes
         getNode={getNode}
-        index={stateManagerTypes['StateManagerProps'].index}
+        type={stateManagerTypes?.StateManagerProps}
       />
     )}
 
@@ -89,26 +89,21 @@ export default function Api() {
 
     These base props are those available to be passed to all select variants.
 
-    ${(<ShowTypes getNode={getNode} index={selectTypes['Props'].index} />)}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.Props} />)}
 
     ## Async props
 
     These props are included with in both the Async and AsyncCreatable select. For
     more on using async selects, see the [async select documentation](/async)
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={asyncTypes['AsyncAdditionalProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={asyncTypes?.AsyncAdditionalProps} />)}
 
     ## Creatable props
 
     ${(
       <ShowTypes
         getNode={getNode}
-        index={creatableTypes['CreatableAdditionalProps'].index}
+        type={creatableTypes?.CreatableAdditionalProps}
       />
     )}
 
@@ -149,30 +144,20 @@ export default function Api() {
 
     ### ClearIndicator
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['ClearIndicatorProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.ClearIndicatorProps} />)}
 
     ### Control
 
-    ${(
-      <ShowTypes getNode={getNode} index={selectTypes['ControlProps'].index} />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.ControlProps} />)}
     ### DropdownIndicator
 
     ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['DropdownIndicatorProps'].index}
-      />
+      <ShowTypes getNode={getNode} type={selectTypes?.DropdownIndicatorProps} />
     )}
 
     ### Group
 
-    ${(<ShowTypes getNode={getNode} index={selectTypes['GroupProps'].index} />)}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.GroupProps} />)}
 
     ### GroupHeading
 
@@ -183,7 +168,7 @@ export default function Api() {
     ${(
       <ShowTypes
         getNode={getNode}
-        index={selectTypes['IndicatorsContainerProps'].index}
+        type={selectTypes?.IndicatorsContainerProps}
       />
     )}
 
@@ -192,122 +177,77 @@ export default function Api() {
     ${(
       <ShowTypes
         getNode={getNode}
-        index={selectTypes['IndicatorSeparatorProps'].index}
+        type={selectTypes?.IndicatorSeparatorProps}
       />
     )}
 
     ### Input
 
-    ${(<ShowTypes getNode={getNode} index={selectTypes['InputProps'].index} />)}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.InputProps} />)}
 
     ### LoadingIndicator
 
     ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['LoadingIndicatorProps'].index}
-      />
+      <ShowTypes getNode={getNode} type={selectTypes?.LoadingIndicatorProps} />
     )}
 
     ### Menu
 
-    ${(<ShowTypes getNode={getNode} index={selectTypes['MenuProps'].index} />)}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.MenuProps} />)}
 
     ### MenuList
 
-    ${(
-      <ShowTypes getNode={getNode} index={selectTypes['MenuListProps'].index} />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.MenuListProps} />)}
 
     ### LoadingMessage
 
-    ${(
-      <ShowTypes getNode={getNode} index={selectTypes['NoticeProps'].index} />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.NoticeProps} />)}
 
     ### NoOptionsMessage
 
-    ${(
-      <ShowTypes getNode={getNode} index={selectTypes['NoticeProps'].index} />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.NoticeProps} />)}
 
     ### MultiValue
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['MultiValueProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.MultiValueProps} />)}
 
     ### MultiValueContainer
 
     ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['MultiValueGenericProps'].index}
-      />
+      <ShowTypes getNode={getNode} type={selectTypes?.MultiValueGenericProps} />
     )}
 
     ### MultiValueLabel
 
     ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['MultiValueGenericProps'].index}
-      />
+      <ShowTypes getNode={getNode} type={selectTypes?.MultiValueGenericProps} />
     )}
 
     ### MultiValueRemove
 
     ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['MultiValueRemoveProps'].index}
-      />
+      <ShowTypes getNode={getNode} type={selectTypes?.MultiValueRemoveProps} />
     )}
 
     ### Option
 
-    ${(
-      <ShowTypes getNode={getNode} index={selectTypes['OptionProps'].index} />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.OptionProps} />)}
 
     ### Placeholder
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['PlaceholderProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.PlaceholderProps} />)}
 
     ### SelectContainer
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['ContainerProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.ContainerProps} />)}
 
     ### SingleValue
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['SingleValueProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.SingleValueProps} />)}
 
     ### ValueContainer
 
-    ${(
-      <ShowTypes
-        getNode={getNode}
-        index={selectTypes['ValueContainerProps'].index}
-      />
-    )}
+    ${(<ShowTypes getNode={getNode} type={selectTypes?.ValueContainerProps} />)}
 
 
         `}

From 9e887089495b952ecf8d3cbbe8bf51409a1676d6 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Mon, 10 May 2021 10:45:41 +1000
Subject: [PATCH 12/13] fix some types

---
 docs/generate-magical-types/src/types.ts |  7 ++++++-
 docs/pages/props/index.tsx               | 12 +++++++-----
 docs/utils.ts                            |  6 +++++-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/docs/generate-magical-types/src/types.ts b/docs/generate-magical-types/src/types.ts
index ef17402662..e2102a66f9 100644
--- a/docs/generate-magical-types/src/types.ts
+++ b/docs/generate-magical-types/src/types.ts
@@ -2,9 +2,14 @@ import { MagicalNode, MagicalNodeIndex } from '@magical-types/types';
 
 export type MagicalNodeMetadata = Record<
   string,
-  Record<string, { type: 'component' | 'other'; index: MagicalNodeIndex }>
+  Record<string, MagicalNodeRecord>
 >;
 
+export type MagicalNodeRecord = {
+  type: 'component' | 'other';
+  index: MagicalNodeIndex;
+};
+
 export type MagicalNodesForPackage = Record<
   string,
   { type: 'component' | 'other'; node: MagicalNode }
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 01c8a20826..680bed86c1 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -1,20 +1,22 @@
 import React, { Fragment } from 'react';
 
 import { Helmet } from 'react-helmet';
+import type { MagicalNodeRecord } from '../../generate-magical-types/src/types';
 import md from '../../markdown/renderer';
 
-import { metadata, useMagicalNodes } from '../../utils';
+import { metadata, useMagicalNodes, getNodeType } from '../../utils';
 import { PropTypes } from '@magical-types/pretty';
 
 type ShowTypesProps = {
-  getNode?: (index: any) => any;
-  type?: any;
+  getNode?: getNodeType;
+  type?: MagicalNodeRecord;
 };
 
 const ShowTypes = ({ getNode, type }: ShowTypesProps) => {
-  if (!type) return null;
+  if (!type || !type.index) return null;
   if (!getNode) return <span>loading</span>;
-  return <PropTypes node={getNode(type)} />;
+
+  return <PropTypes node={getNode(type.index)} />;
 };
 
 export default function Api() {
diff --git a/docs/utils.ts b/docs/utils.ts
index 48abeb4e09..5b9d6ee4a0 100644
--- a/docs/utils.ts
+++ b/docs/utils.ts
@@ -6,7 +6,11 @@ import type { MagicalNodeMetadata } from './generate-magical-types/src/types';
 // @ts-ignore
 import manifest from './magical-types/magical-types-manifest.json';
 
-let getNode: ((index: MagicalNodeIndex) => MagicalNode) | undefined;
+export type getNodeType =
+  | ((index: MagicalNodeIndex) => MagicalNode)
+  | undefined;
+
+let getNode: getNodeType;
 
 export const metadata: MagicalNodeMetadata = (manifest as any).types;
 

From f56aa7f1ad50b6d71787e0c24d88b39cfe8a7ed0 Mon Sep 17 00:00:00 2001
From: gwyneplaine <cc.lee@live.com.au>
Date: Tue, 11 May 2021 16:38:55 +1000
Subject: [PATCH 13/13] correct type, and incorrect statemanager reference

---
 docs/PropTypes/stateManager.ts               | 2 +-
 docs/pages/props/index.tsx                   | 3 ++-
 packages/react-select/src/useStateManager.ts | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/PropTypes/stateManager.ts b/docs/PropTypes/stateManager.ts
index f8bced82f5..bbb152e3d7 100644
--- a/docs/PropTypes/stateManager.ts
+++ b/docs/PropTypes/stateManager.ts
@@ -1 +1 @@
-export { StateMangerAdditionalProps } from 'react-select/src/useStateManager';
+export { StateManagerAdditionalProps } from 'react-select/src/useStateManager';
diff --git a/docs/pages/props/index.tsx b/docs/pages/props/index.tsx
index 680bed86c1..4b8ee95b18 100644
--- a/docs/pages/props/index.tsx
+++ b/docs/pages/props/index.tsx
@@ -25,6 +25,7 @@ export default function Api() {
   const selectTypes = metadata['react-select'];
   const asyncTypes = metadata['Async'];
   const creatableTypes = metadata['Creatable'];
+  console.log(stateManagerTypes);
   return (
     <Fragment>
       <Helmet>
@@ -83,7 +84,7 @@ export default function Api() {
     ${(
       <ShowTypes
         getNode={getNode}
-        type={stateManagerTypes?.StateManagerProps}
+        type={stateManagerTypes?.StateManagerAdditionalProps}
       />
     )}
 
diff --git a/packages/react-select/src/useStateManager.ts b/packages/react-select/src/useStateManager.ts
index 3d89a21568..48e2736f0d 100644
--- a/packages/react-select/src/useStateManager.ts
+++ b/packages/react-select/src/useStateManager.ts
@@ -25,7 +25,7 @@ type SelectPropsWithOptionalStateManagedProps<
 > = Omit<PublicBaseSelectProps<Option, IsMulti, Group>, StateManagedPropKeys> &
   Partial<PublicBaseSelectProps<Option, IsMulti, Group>>;
 
-export interface StateMangerAdditionalProps<Option extends OptionBase> {
+export interface StateManagerAdditionalProps<Option extends OptionBase> {
   defaultInputValue?: string;
   defaultMenuIsOpen?: boolean;
   defaultValue?: PropsValue<Option>;
@@ -36,7 +36,7 @@ export type StateManagerProps<
   IsMulti extends boolean = boolean,
   Group extends GroupBase<Option> = GroupBase<Option>
 > = SelectPropsWithOptionalStateManagedProps<Option, IsMulti, Group> &
-  StateMangerAdditionalProps<Option>;
+  StateManagerAdditionalProps<Option>;
 
 export default function useStateManager<
   Option extends OptionBase,
@@ -59,7 +59,7 @@ export default function useStateManager<
   AdditionalProps): PublicBaseSelectProps<Option, IsMulti, Group> &
   Omit<
     AdditionalProps,
-    keyof StateMangerAdditionalProps<Option> | StateManagedPropKeys
+    keyof StateManagerAdditionalProps<Option> | StateManagedPropKeys
   > {
   const [stateInputValue, setStateInputValue] = useState(
     propsInputValue !== undefined ? propsInputValue : defaultInputValue