Fix: Exported TypeScript typings (#1550)

styleguidist · Mar 11, 2020 · b409045 · b409045
1 parent b0d334a
commit b409045
Show file tree

Hide file tree

Showing 139 changed files with 12,847 additions and 7,047 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -5,6 +5,7 @@ examples/*/styleguide/*
 # TODO: remove this next line and fix all errors
 examples/styled-components
 lib/*
+src/typings/dependencies/*
 coverage/*
 travis_phantomjs/*
 # When ESlint looks at imports in .d.ts files,

diff --git a/babel.config.js b/babel.config.js
@@ -15,7 +15,7 @@ module.exports = {
 	plugins: ['@babel/plugin-proposal-class-properties'],
 	overrides: [
 		{
-			include: ['src/bin', 'src/loaders', 'src/scripts', 'src/share'],
+			include: ['src/bin', 'src/loaders', 'src/scripts', 'src/share', 'src/typings'],
 			exclude: ['src/loaders/utils/client'],
 			presets: [
 				[

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@vxna/mini-html-webpack-template": "^1.0.0",
-    "acorn": "~6.4.0",
+    "acorn": "^6.4.1",
     "acorn-jsx": "^5.1.0",
     "ast-types": "~0.13.2",
     "buble": "0.19.8",
@@ -98,10 +98,10 @@
     "@babel/cli": "^7.6.4",
     "@babel/core": "^7.6.4",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/preset-env": "^7.6.3",
+    "@babel/preset-env": "^7.8.4",
     "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.6.3",
-    "@babel/preset-typescript": "^7.6.0",
+    "@babel/preset-react": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
     "@testing-library/jest-dom": "^4.2.3",
     "@testing-library/react": "^9.3.0",
     "@types/buble": "^0.19.2",
@@ -111,7 +111,7 @@
     "@types/escodegen": "0.0.6",
     "@types/estree": "^0.0.39",
     "@types/hash-sum": "^1.0.0",
-    "@types/jest": "^24.0.21",
+    "@types/jest": "^25.1.4",
     "@types/keymirror": "^0.1.1",
     "@types/loader-utils": "^1.1.3",
     "@types/lodash": "^4.14.144",
@@ -127,8 +127,8 @@
     "@typescript-eslint/eslint-plugin": "^2.6.0",
     "@typescript-eslint/parser": "^2.6.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.0.3",
-    "babel-jest": "^24.9.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^25.1.0",
     "babel-loader": "^8.0.6",
     "cheerio": "^1.0.0-rc.3",
     "css-loader": "^3.2.0",
@@ -147,20 +147,20 @@
     "eslint-plugin-react": "^7.16.0",
     "file-loader": "^4.2.0",
     "husky": "^3.0.9",
-    "jest": "^24.9.0",
+    "jest": "^25.1.0",
     "jest-serializer-html": "^7.0.0",
     "keymirror": "^0.1.1",
     "lint-staged": "^9.4.2",
     "memfs": "~2.15.5",
-    "prettier": "1.18.2",
+    "prettier": "1.19.1",
     "raf": "^3.4.1",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "^16.13.0",
     "strip-shebang": "^1.0.2",
     "style-loader": "^1.0.0",
     "tapable": "^1.1.3",
-    "typescript": "^3.6.4",
+    "typescript": "^3.8.3",
     "url-loader": "^2.2.0",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.9"

diff --git a/src/client/rsg-components/Argument/ArgumentRenderer.tsx b/src/client/rsg-components/Argument/ArgumentRenderer.tsx
@@ -5,6 +5,7 @@ import Markdown from 'rsg-components/Markdown';
 import Name from 'rsg-components/Name';
 import Type from 'rsg-components/Type';
 import Group from 'react-group';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ space }: Rsg.Theme) => ({
 	block: {

diff --git a/src/client/rsg-components/Arguments/ArgumentsRenderer.tsx b/src/client/rsg-components/Arguments/ArgumentsRenderer.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import Argument, { ArgumentProps } from 'rsg-components/Argument';
 import Heading from 'rsg-components/Heading';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ space }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/Code/CodeRenderer.tsx b/src/client/rsg-components/Code/CodeRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ fontFamily }: Rsg.Theme) => ({
 	code: {

diff --git a/src/client/rsg-components/ComponentsList/ComponentsList.tsx b/src/client/rsg-components/ComponentsList/ComponentsList.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ComponentsListRenderer from 'rsg-components/ComponentsList/ComponentsListRenderer';
 import getUrl from '../../utils/getUrl';
+import * as Rsg from '../../../typings';
 
 interface ComponentsListProps {
 	items: Rsg.TOCItem[];

diff --git a/src/client/rsg-components/ComponentsList/ComponentsListRenderer.tsx b/src/client/rsg-components/ComponentsList/ComponentsListRenderer.tsx
@@ -4,6 +4,7 @@ import cx from 'clsx';
 import Link from 'rsg-components/Link';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import { useStyleGuideContext } from 'rsg-components/Context';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color, fontFamily, fontSize, space, mq }: Rsg.Theme) => ({
 	list: {

diff --git a/src/client/rsg-components/Context/Context.ts b/src/client/rsg-components/Context/Context.ts
@@ -1,4 +1,5 @@
 import React from 'react';
+import * as Rsg from '../../../typings';
 
 const StyleGuideContext = React.createContext<StyleGuideContextContents>({
 	codeRevision: 0,

diff --git a/src/client/rsg-components/Editor/Editor.tsx b/src/client/rsg-components/Editor/Editor.tsx
@@ -9,6 +9,7 @@ import 'prismjs/components/prism-javascript';
 import 'prismjs/components/prism-jsx';
 import { space } from '../../styles/theme';
 import prismTheme from '../../styles/prismTheme';
+import * as Rsg from '../../../typings';
 
 const highlight = (code: string) => prismHighlight(code, languages.jsx, 'jsx');
 

diff --git a/src/client/rsg-components/Error/ErrorRenderer.tsx b/src/client/rsg-components/Error/ErrorRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ fontFamily, fontSize, color, space }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/ExamplePlaceholder/ExamplePlaceholderRenderer.tsx b/src/client/rsg-components/ExamplePlaceholder/ExamplePlaceholderRenderer.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import Markdown from 'rsg-components/Markdown';
 import { DOCS_DOCUMENTING } from '../../../scripts/consts';
+import * as Rsg from '../../../typings';
 
 const styles = ({ fontFamily, fontSize, color }: Rsg.Theme) => ({
 	button: {

diff --git a/src/client/rsg-components/Examples/Examples.spec.tsx b/src/client/rsg-components/Examples/Examples.spec.tsx
@@ -4,6 +4,7 @@ import Examples from '.';
 import Context from '../Context';
 import slots from '../slots';
 import { DisplayModes } from '../../consts';
+import * as Rsg from '../../../typings';
 
 const evalInContext = (a: string): (() => any) =>
 	// eslint-disable-next-line no-new-func

diff --git a/src/client/rsg-components/Examples/Examples.tsx b/src/client/rsg-components/Examples/Examples.tsx
@@ -4,6 +4,7 @@ import Playground from 'rsg-components/Playground';
 import Markdown from 'rsg-components/Markdown';
 import ExamplesRenderer from 'rsg-components/Examples/ExamplesRenderer';
 import { useStyleGuideContext } from 'rsg-components/Context';
+import * as Rsg from '../../../typings';
 
 export interface ExamplesRenderer {
 	examples: Rsg.Example[];

diff --git a/src/client/rsg-components/Heading/HeadingRenderer.tsx b/src/client/rsg-components/Heading/HeadingRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color, fontFamily, fontSize }: Rsg.Theme) => ({
 	heading: {

diff --git a/src/client/rsg-components/Link/LinkRenderer.tsx b/src/client/rsg-components/Link/LinkRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color }: Rsg.Theme) => ({
 	link: {

diff --git a/src/client/rsg-components/Logo/LogoRenderer.tsx b/src/client/rsg-components/Logo/LogoRenderer.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color, fontFamily, fontSize }: Rsg.Theme) => ({
 	logo: {

diff --git a/src/client/rsg-components/Markdown/Blockquote/BlockquoteRenderer.tsx b/src/client/rsg-components/Markdown/Blockquote/BlockquoteRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontSize, fontFamily }: Rsg.Theme) => ({
 	blockquote: {

diff --git a/src/client/rsg-components/Markdown/Details/DetailsRenderer.tsx b/src/client/rsg-components/Markdown/Details/DetailsRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontSize, fontFamily }: Rsg.Theme) => ({
 	details: {

diff --git a/src/client/rsg-components/Markdown/Details/DetailsSummaryRenderer.tsx b/src/client/rsg-components/Markdown/Details/DetailsSummaryRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontSize, fontFamily }: Rsg.Theme) => ({
 	summary: {

diff --git a/src/client/rsg-components/Markdown/Hr/HrRenderer.tsx b/src/client/rsg-components/Markdown/Hr/HrRenderer.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color }: Rsg.Theme) => ({
 	hr: {

diff --git a/src/client/rsg-components/Markdown/List/ListRenderer.tsx b/src/client/rsg-components/Markdown/List/ListRenderer.tsx
@@ -2,6 +2,7 @@ import React, { cloneElement, Children } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontFamily }: Rsg.Theme) => ({
 	list: {

diff --git a/src/client/rsg-components/Markdown/MarkdownHeading/MarkdownHeadingRenderer.tsx b/src/client/rsg-components/Markdown/MarkdownHeading/MarkdownHeadingRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import Heading from 'rsg-components/Heading';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space }: Rsg.Theme) => ({
 	spacing: {

diff --git a/src/client/rsg-components/Markdown/Pre/PreRenderer.tsx b/src/client/rsg-components/Markdown/Pre/PreRenderer.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import prismTheme from '../../../styles/prismTheme';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontSize, fontFamily, borderRadius }: Rsg.Theme) => ({
 	pre: {

diff --git a/src/client/rsg-components/Markdown/Table/TableCellRenderer.tsx b/src/client/rsg-components/Markdown/Table/TableCellRenderer.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space, color, fontSize, fontFamily }: Rsg.Theme) => ({
 	td: {

diff --git a/src/client/rsg-components/Markdown/Table/TableHeadRenderer.tsx b/src/client/rsg-components/Markdown/Table/TableHeadRenderer.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ color }: Rsg.Theme) => ({
 	thead: {

diff --git a/src/client/rsg-components/Markdown/Table/TableRenderer.tsx b/src/client/rsg-components/Markdown/Table/TableRenderer.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../../typings';
 
 const styles = ({ space }: Rsg.Theme) => ({
 	table: {

diff --git a/src/client/rsg-components/Message/MessageRenderer.tsx b/src/client/rsg-components/Message/MessageRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Markdown from 'rsg-components/Markdown';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ space }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/Name/NameRenderer.tsx b/src/client/rsg-components/Name/NameRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ fontFamily, fontSize, color }: Rsg.Theme) => ({
 	name: {

diff --git a/src/client/rsg-components/NotFound/NotFoundRenderer.tsx b/src/client/rsg-components/NotFound/NotFoundRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Markdown from 'rsg-components/Markdown';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ maxWidth }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/Para/ParaRenderer.tsx b/src/client/rsg-components/Para/ParaRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ space, color, fontFamily }: Rsg.Theme) => ({
 	para: {

diff --git a/src/client/rsg-components/Pathline/PathlineRenderer.tsx b/src/client/rsg-components/Pathline/PathlineRenderer.tsx
@@ -3,6 +3,7 @@ import copy from 'clipboard-copy';
 import { MdContentCopy } from 'react-icons/md';
 import ToolbarButton from 'rsg-components/ToolbarButton';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ space, fontFamily, fontSize, color }: Rsg.Theme) => ({
 	pathline: {

diff --git a/src/client/rsg-components/Playground/PlaygroundRenderer.tsx b/src/client/rsg-components/Playground/PlaygroundRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ space, color, borderRadius }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/PlaygroundError/PlaygroundErrorRenderer.tsx b/src/client/rsg-components/PlaygroundError/PlaygroundErrorRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ fontFamily, fontSize, color }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/ReactComponent/ReactComponent.spec.tsx b/src/client/rsg-components/ReactComponent/ReactComponent.spec.tsx
@@ -4,6 +4,7 @@ import ReactComponent from './ReactComponent';
 import slots from '../slots';
 import Context from '../Context';
 import { DisplayModes } from '../../consts';
+import * as Rsg from '../../../typings';
 
 const context = {
 	config: {

diff --git a/src/client/rsg-components/ReactComponent/ReactComponent.tsx b/src/client/rsg-components/ReactComponent/ReactComponent.tsx
@@ -10,6 +10,7 @@ import Context from 'rsg-components/Context';
 import ExamplePlaceholderDefault from 'rsg-components/ExamplePlaceholder';
 import { DOCS_TAB_USAGE } from '../slots';
 import { DisplayModes, UsageModes } from '../../consts';
+import * as Rsg from '../../../typings';
 
 const ExamplePlaceholder =
 	process.env.STYLEGUIDIST_ENV !== 'production' ? ExamplePlaceholderDefault : () => <div />;

diff --git a/src/client/rsg-components/ReactComponent/ReactComponentRenderer.tsx b/src/client/rsg-components/ReactComponent/ReactComponentRenderer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Pathline from 'rsg-components/Pathline';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color, fontSize, space }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/Ribbon/RibbonRenderer.tsx b/src/client/rsg-components/Ribbon/RibbonRenderer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 export const styles = ({ color, space, fontSize, fontFamily }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/Section/Section.tsx b/src/client/rsg-components/Section/Section.tsx
@@ -6,6 +6,7 @@ import Sections from 'rsg-components/Sections';
 import SectionRenderer from 'rsg-components/Section/SectionRenderer';
 import { useStyleGuideContext } from 'rsg-components/Context';
 import { DisplayModes } from '../../consts';
+import * as Rsg from '../../../typings';
 
 const Section: React.FunctionComponent<{
 	section: Rsg.Section;

diff --git a/src/client/rsg-components/Section/SectionRenderer.tsx b/src/client/rsg-components/Section/SectionRenderer.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
 import SectionHeading from 'rsg-components/SectionHeading';
 import Markdown from 'rsg-components/Markdown';
+import * as Rsg from '../../../typings';
 
 const styles = ({ space }: Rsg.Theme) => ({
 	root: {

diff --git a/src/client/rsg-components/SectionHeading/SectionHeadingRenderer.tsx b/src/client/rsg-components/SectionHeading/SectionHeadingRenderer.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import cx from 'clsx';
 import Heading from 'rsg-components/Heading';
 import Styled, { JssInjectedProps } from 'rsg-components/Styled';
+import * as Rsg from '../../../typings';
 
 const styles = ({ color, space }: Rsg.Theme) => ({
 	wrapper: {

diff --git a/src/client/rsg-components/Sections/Sections.tsx b/src/client/rsg-components/Sections/Sections.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Section from 'rsg-components/Section';
 import SectionsRenderer from 'rsg-components/Sections/SectionsRenderer';
+import * as Rsg from '../../../typings';
 
 const Sections: React.FunctionComponent<{
 	sections: Rsg.Section[];