chore: update deps

custom.d.ts

@@ -18,6 +18,8 @@ declare module '*.css' {
 declare var __REDOC_VERSION__: string;
 declare var __REDOC_REVISION__: string;
 
+declare var reactHotLoaderGlobal: any;
+
 interface Element {
   scrollIntoViewIfNeeded(centerIfNeeded?: boolean): void;
 }

demo/webpack.config.ts

@@ -77,6 +77,12 @@ export default (env: { playground?: boolean; bench?: boolean } = {}, { mode }) =
 
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.json'],
+    alias:
+      mode !== 'production'
+        ? {
+            'react-dom': '@hot-loader/react-dom',
+          }
+        : {},
   },
 
   node: {
@@ -105,7 +111,6 @@ export default (env: { playground?: boolean; bench?: boolean } = {}, { mode }) =
           loader: 'css-loader',
           options: {
             sourceMap: true,
-            minimize: true,
           },
         },
       },

package.json

@@ -52,74 +52,75 @@
     "docker:build": "docker build -f config/docker/Dockerfile -t redoc ."
   },
   "devDependencies": {
-    "@babel/core": "7.1.6",
-    "@babel/plugin-syntax-decorators": "7.1.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/plugin-syntax-jsx": "7.0.0",
-    "@babel/plugin-syntax-typescript": "7.1.5",
-    "@cypress/webpack-preprocessor": "4.0.2",
+    "@babel/core": "7.3.4",
+    "@babel/plugin-syntax-decorators": "7.2.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/plugin-syntax-jsx": "7.2.0",
+    "@babel/plugin-syntax-typescript": "7.3.3",
+    "@cypress/webpack-preprocessor": "4.0.3",
+    "@hot-loader/react-dom": "^16.8.4",
     "@types/chai": "4.1.7",
     "@types/dompurify": "^0.0.32",
-    "@types/enzyme": "^3.1.15",
-    "@types/enzyme-to-json": "^1.5.2",
-    "@types/jest": "^23.3.9",
+    "@types/enzyme": "^3.9.0",
+    "@types/enzyme-to-json": "^1.5.3",
+    "@types/jest": "^24.0.11",
     "@types/json-pointer": "^1.0.30",
-    "@types/lodash": "^4.14.118",
-    "@types/lunr": "^2.1.6",
-    "@types/mark.js": "^8.11.1",
-    "@types/marked": "^0.6.0",
-    "@types/prismjs": "^1.6.4",
-    "@types/prop-types": "^15.5.6",
-    "@types/react": "^16.7.7",
-    "@types/react-dom": "^16.0.10",
+    "@types/lodash": "^4.14.122",
+    "@types/lunr": "^2.3.2",
+    "@types/mark.js": "^8.11.3",
+    "@types/marked": "^0.6.3",
+    "@types/prismjs": "^1.9.1",
+    "@types/prop-types": "^15.7.0",
+    "@types/react": "^16.8.7",
+    "@types/react-dom": "^16.8.2",
     "@types/react-hot-loader": "^4.1.0",
-    "@types/react-tabs": "^2.3.0",
-    "@types/styled-components": "^4.1.1",
+    "@types/react-tabs": "^2.3.1",
+    "@types/styled-components": "^4.1.12",
     "@types/tapable": "1.0.4",
-    "@types/webpack": "^4.4.19",
-    "@types/webpack-env": "^1.13.0",
-    "@types/yargs": "^12.0.1",
-    "babel-loader": "8.0.4",
-    "babel-plugin-styled-components": "^1.9.0",
+    "@types/webpack": "^4.4.25",
+    "@types/webpack-env": "^1.13.9",
+    "@types/yargs": "^12.0.9",
+    "babel-loader": "8.0.5",
+    "babel-plugin-styled-components": "^1.10.0",
     "beautify-benchmark": "^0.2.4",
-    "bundlesize": "^0.17.0",
-    "conventional-changelog-cli": "^2.0.11",
-    "copy-webpack-plugin": "^4.6.0",
-    "core-js": "^2.5.7",
-    "coveralls": "^3.0.2",
-    "css-loader": "^1.0.1",
-    "cypress": "~3.1.2",
+    "bundlesize": "^0.17.1",
+    "conventional-changelog-cli": "^2.0.12",
+    "copy-webpack-plugin": "^5.0.0",
+    "core-js": "^2.6.5",
+    "coveralls": "^3.0.3",
+    "css-loader": "^2.1.1",
+    "cypress": "~3.1.5",
     "deploy-to-gh-pages": "^1.3.6",
-    "enzyme": "^3.7.0",
-    "enzyme-adapter-react-16": "^1.7.0",
-    "enzyme-to-json": "^3.3.4",
-    "fork-ts-checker-webpack-plugin": "0.5.0",
+    "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.10.0",
+    "enzyme-to-json": "^3.3.5",
+    "fork-ts-checker-webpack-plugin": "1.0.0",
     "html-webpack-plugin": "^3.1.0",
-    "jest": "^23.6.0",
-    "license-checker": "^24.0.1",
+    "jest": "^24.3.1",
+    "license-checker": "^25.0.1",
     "lodash": "^4.17.11",
     "mobx": "^4.3.1",
-    "prettier": "^1.15.2",
+    "prettier": "^1.16.4",
     "prettier-eslint": "^8.8.2",
-    "puppeteer": "^1.10.0",
+    "puppeteer": "^1.13.0",
     "raf": "^3.4.1",
-    "react": "^16.6.3",
-    "react-dom": "^16.6.3",
-    "rimraf": "^2.6.2",
+    "react": "^16.8.4",
+    "react-dom": "^16.8.4",
+    "rimraf": "^2.6.3",
     "shelljs": "^0.8.3",
     "source-map-loader": "^0.2.4",
     "style-loader": "^0.23.1",
-    "styled-components": "^4.1.1",
-    "swagger2openapi": "^3.2.14",
-    "ts-jest": "23.10.5",
-    "ts-loader": "5.3.1",
-    "ts-node": "^7.0.1",
-    "tslint": "^5.11.0",
+    "styled-components": "^4.1.3",
+    "swagger2openapi": "^5.2.3",
+    "ts-jest": "24.0.0",
+    "ts-loader": "5.3.3",
+    "ts-node": "^8.0.3",
+    "tslint": "^5.13.1",
     "tslint-react": "^3.4.0",
-    "typescript": "^3.1.6",
-    "webpack": "^4.26.1",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.10",
+    "typescript": "^3.3.3333",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.2.3",
+    "webpack-dev-server": "^3.2.1",
     "webpack-node-externals": "^1.6.0",
     "workerize-loader": "^1.0.4",
     "yaml-js": "^0.2.3"
@@ -133,24 +134,24 @@
   "dependencies": {
     "classnames": "^2.2.6",
     "decko": "^1.2.0",
-    "dompurify": "^1.0.7",
+    "dompurify": "^1.0.10",
     "eventemitter3": "^3.0.0",
     "json-pointer": "^0.6.0",
-    "json-schema-ref-parser": "^6.0.1",
-    "lunr": "^2.3.2",
+    "json-schema-ref-parser": "^6.1.0",
+    "lunr": "^2.3.6",
     "mark.js": "^8.11.1",
-    "marked": "^0.6.0",
-    "memoize-one": "^4.0.0",
-    "mobx-react": "^5.2.5",
+    "marked": "^0.6.1",
+    "memoize-one": "^5.0.0",
+    "mobx-react": "^5.4.3",
     "openapi-sampler": "1.0.0-beta.14",
     "perfect-scrollbar": "^1.4.0",
-    "polished": "^2.0.2",
+    "polished": "^3.0.3",
     "prismjs": "^1.15.0",
-    "prop-types": "^15.6.2",
-    "react-dropdown": "^1.6.2",
-    "react-hot-loader": "^4.3.5",
-    "react-tabs": "^2.0.0",
-    "slugify": "^1.3.1",
+    "prop-types": "^15.7.2",
+    "react-dropdown": "^1.6.4",
+    "react-hot-loader": "^4.8.0",
+    "react-tabs": "^3.0.0",
+    "slugify": "^1.3.4",
     "stickyfill": "^1.1.1",
     "tslib": "^1.9.3"
   },
@@ -161,7 +162,7 @@
     }
   ],
   "jest": {
-    "setupTestFrameworkScriptFile": "<rootDir>/src/setupTests.ts",
+    "setupFilesAfterEnv": ["<rootDir>/src/setupTests.ts"],
     "preset": "ts-jest",
     "collectCoverageFrom": [
       "src/**/*.{ts,tsx}"

src/components/testProviders.tsx

@@ -5,7 +5,9 @@ import defaultTheme from '../theme';
 export default class TestThemeProvider extends React.Component {
   render() {
     return (
-      <ThemeProvider theme={defaultTheme}>{React.Children.only(this.props.children)}</ThemeProvider>
+      <ThemeProvider theme={defaultTheme}>
+        {React.Children.only(this.props.children as any)}
+      </ThemeProvider>
     );
   }
 }

typings/styled-patch.d.ts

@@ -18,4 +18,15 @@ declare module 'styled-components' {
       ...interpolations: SimpleInterpolation[]
     ): Keyframes;
   }
+
+  export interface BaseThemedCssFunction<T extends object> {
+    <P extends object>(
+      first:
+        | TemplateStringsArray
+        | CSSObject
+        | InterpolationFunction<ThemedStyledProps<P, T>>
+        | string[],
+      ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>
+    ): FlattenInterpolation<ThemedStyledProps<P, T>>;
+  }
 }

webpack.config.ts

@@ -134,7 +134,6 @@ export default (env: { standalone?: boolean } = {}, { mode }) => ({
           loader: 'css-loader',
           options: {
             sourceMap: false,
-            minimize: true,
           },
         },
       },