redoc 2.0.0-rc.9 → 2.1.0

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "redoc",
-  "version": "2.0.0-rc.9",
+  "version": "2.1.0",
   "description": "ReDoc",
   "repository": {
     "type": "git",
     "url": "git://github.com/Redocly/redoc"
   },
+  "browserslist": [
+    "defaults"
+  ],
   "engines": {
     "node": ">=6.9",
     "npm": ">=3.0.0"
@@ -23,148 +26,159 @@
     "React.js"
   ],
   "main": "bundles/redoc.lib.js",
+  "browser": "bundles/redoc.browser.lib.js",
   "types": "typings/index.d.ts",
   "scripts": {
-    "start": "webpack-dev-server --mode=development --env.playground --hot --config demo/webpack.config.ts",
-    "start:prod": "webpack-dev-server --env.playground --mode=production --config demo/webpack.config.ts",
-    "start:benchmark": "webpack-dev-server --mode=production --env.bench --config demo/webpack.config.ts",
-    "test": "npm run lint && npm run unit && npm run bundlesize && npm run license-check",
+    "start": "webpack serve --mode=development --env playground --hot --config demo/webpack.config.ts",
+    "start:prod": "webpack serve --env playground --mode=production --config demo/webpack.config.ts",
+    "start:benchmark": "webpack serve --mode=production --env.bench --config demo/webpack.config.ts",
+    "test": "npm run unit && npm run license-check",
     "unit": "jest --coverage",
+    "test:update-snapshot": "jest --updateSnapshot",
     "e2e": "cypress run",
     "e2e-ci": "cypress run --record",
-    "bundlesize": "bundlesize",
+    "bundlesize": "size-limit",
+    "ts-check": "tsc --noEmit --skipLibCheck",
     "cy:open": "cypress open",
     "bundle:clean": "rimraf bundles",
-    "bundle:standalone": "webpack --env.standalone --mode=production",
+    "bundle:standalone": "webpack --env production --env standalone --mode=production",
     "bundle:lib": "webpack --mode=production && npm run declarations",
-    "bundle": "npm run bundle:clean && npm run bundle:lib && npm run bundle:standalone",
+    "bundle:browser": "webpack --env production --env browser --mode=production",
+    "bundle": "npm run bundle:clean && npm run bundle:lib && npm run bundle:browser && npm run bundle:standalone",
     "declarations": "tsc --emitDeclarationOnly -p tsconfig.lib.json && cp -R src/types typings/",
-    "stats": "webpack --env.standalone --json --profile --mode=production > stats.json",
+    "stats": "webpack --env production --env standalone --json --profile --mode=production > stats.json",
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1",
-    "lint": "tslint --project tsconfig.json",
+    "lint": "eslint --fix 'src/**/*.{js,ts,tsx}' --cache",
     "benchmark": "node ./benchmark/benchmark.js",
-    "start:demo": "webpack-dev-server --hot --config demo/webpack.config.ts --mode=development",
-    "compile:cli": "tsc custom.d.ts cli/index.ts --target es6 --module commonjs --types yargs",
+    "start:demo": "webpack serve --hot --config demo/webpack.config.ts --mode=development",
     "build:demo": "webpack --mode=production --config demo/webpack.config.ts",
-    "deploy:demo": "npm run build:demo && deploy-to-gh-pages --update demo/dist",
-    "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;BSD;BSD-2-Clause;BSD-3-Clause' --summary",
-    "docker:build": "docker build -f config/docker/Dockerfile -t redoc ."
+    "publish-cdn": "scripts/publish-cdn.sh",
+    "deploy:demo": "aws s3 sync demo/dist s3://production-redoc-demo --acl=public-read",
+    "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;BSD;BSD-2-Clause;BSD-3-Clause;CC-BY-4.0;Python-2.0' --summary",
+    "docker:build": "docker build -f config/docker/Dockerfile -t redoc .",
+    "prepare": "husky install",
+    "pre-commit": "pretty-quick --staged && npm run lint"
   },
   "devDependencies": {
-    "@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.9.0",
+    "@cypress/webpack-preprocessor": "^5.17.1",
+    "@hot-loader/react-dom": "^17.0.2",
+    "@size-limit/preset-app": "^8.2.6",
+    "@types/chai": "^4.2.18",
+    "@types/dompurify": "^2.2.2",
+    "@types/enzyme": "^3.10.5",
     "@types/enzyme-to-json": "^1.5.3",
-    "@types/jest": "^24.0.11",
+    "@types/jest": "^26.0.23",
     "@types/json-pointer": "^1.0.30",
-    "@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.1",
-    "@types/styled-components": "^4.1.12",
-    "@types/tapable": "1.0.4",
-    "@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",
+    "@types/lunr": "^2.3.3",
+    "@types/mark.js": "^8.11.5",
+    "@types/marked": "^4.0.3",
+    "@types/node": "^15.6.1",
+    "@types/prismjs": "^1.16.5",
+    "@types/prop-types": "^15.7.3",
+    "@types/react": "^17.0.8",
+    "@types/react-dom": "^17.0.5",
+    "@types/react-tabs": "^2.3.2",
+    "@types/styled-components": "^5.1.1",
+    "@types/tapable": "^2.2.2",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-env": "^1.18.0",
+    "@types/yargs": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.26.0",
+    "@typescript-eslint/parser": "^4.26.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
     "beautify-benchmark": "^0.2.4",
-    "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.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": "^24.3.1",
+    "conventional-changelog-cli": "^3.0.0",
+    "copy-webpack-plugin": "^9.0.0",
+    "core-js": "^3.13.1",
+    "coveralls": "^3.1.1",
+    "css-loader": "^5.2.6",
+    "cypress": "^12.17.1",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
+    "esbuild-loader": "^3.0.1",
+    "eslint": "^7.27.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^6.2.10",
+    "html-webpack-plugin": "^5.3.1",
+    "husky": "^7.0.0",
+    "jest": "^27.0.3",
+    "js-yaml": "^4.1.0",
     "license-checker": "^25.0.1",
-    "lodash": "^4.17.11",
-    "mobx": "^4.3.1",
-    "prettier": "^1.16.4",
-    "prettier-eslint": "^8.8.2",
+    "lodash.noop": "^3.0.1",
+    "mobx": "^6.3.2",
+    "outdent": "^0.8.0",
+    "prettier": "^2.3.2",
+    "pretty-quick": "^3.0.0",
     "raf": "^3.4.1",
-    "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.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.3.3333",
-    "unfetch": "^4.1.0",
-    "url-polyfill": "^1.1.5",
-    "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"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-hot-loader": "^4.13.0",
+    "rimraf": "^3.0.2",
+    "shelljs": "^0.8.4",
+    "size-limit": "^8.2.6",
+    "style-loader": "^3.3.1",
+    "styled-components": "^5.3.0",
+    "ts-jest": "^27.0.2",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.4.0",
+    "typescript": "^4.8.4",
+    "unfetch": "^4.2.0",
+    "url": "^0.11.1",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-node-externals": "^3.0.0",
+    "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist"
   },
   "peerDependencies": {
-    "mobx": "^4.2.0 || ^5.0.0",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4",
-    "styled-components": "^4.1.1",
-    "core-js": "^2.6.5"
+    "core-js": "^3.1.4",
+    "mobx": "^6.0.4",
+    "react": "^16.8.4 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.4 || ^17.0.0 || ^18.0.0",
+    "styled-components": "^4.1.1 || ^5.1.1 || ^6.0.5"
   },
   "dependencies": {
-    "classnames": "^2.2.6",
+    "@redocly/openapi-core": "^1.0.0-rc.2",
+    "classnames": "^2.3.1",
     "decko": "^1.2.0",
-    "dompurify": "^1.0.10",
-    "eventemitter3": "^3.0.0",
-    "json-pointer": "^0.6.0",
-    "json-schema-ref-parser": "^6.1.0",
-    "lunr": "2.3.6",
+    "dompurify": "^2.2.8",
+    "eventemitter3": "^4.0.7",
+    "json-pointer": "^0.6.2",
+    "lunr": "^2.3.9",
     "mark.js": "^8.11.1",
-    "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": "^3.0.3",
-    "prismjs": "^1.15.0",
+    "marked": "^4.0.15",
+    "mobx-react": "^7.2.0",
+    "openapi-sampler": "^1.3.1",
+    "path-browserify": "^1.0.1",
+    "perfect-scrollbar": "^1.5.5",
+    "polished": "^4.1.3",
+    "prismjs": "^1.27.0",
     "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",
+    "react-tabs": "^3.2.2",
+    "slugify": "~1.4.7",
     "stickyfill": "^1.1.1",
-    "swagger2openapi": "^5.2.3",
-    "tslib": "^1.9.3",
-    "uri-template-lite": "^19.4.0"
+    "swagger2openapi": "^7.0.6",
+    "url-template": "^2.0.8"
   },
-  "bundlesize": [
+  "size-limit": [
     {
       "path": "./bundles/redoc.standalone.js",
-      "maxSize": "300 kB"
+      "limit": "350 kB"
+    },
+    {
+      "path": "./bundles/redoc.lib.js",
+      "limit": "100 kB"
+    },
+    {
+      "path": "./bundles/redoc.browser.lib.js",
+      "limit": "100 kB"
     }
   ],
   "jest": {
+    "testEnvironment": "jsdom",
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.ts"
     ],
@@ -180,10 +194,15 @@
     "coveragePathIgnorePatterns": [
       "\\.d\\.ts$",
       "/benchmark/",
-      "/node_modules/"
+      "/node_modules/",
+      "src/services/__tests__/models/helpers.ts"
     ],
     "modulePathIgnorePatterns": [
-      "/benchmark/"
+      "/benchmark/",
+      "src/services/__tests__/models/helpers.ts"
+    ],
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
     ],
     "moduleNameMapper": {
       "\\.(css|less)$": "<rootDir>/src/empty.js"
@@ -193,6 +212,6 @@
     "singleQuote": true,
     "trailingComma": "all",
     "printWidth": 100,
-    "parser": "typescript"
+    "arrowParens": "avoid"
   }
 }

package/typings/common-elements/CopyButtonWrapper.d.ts

@@ -2,15 +2,9 @@ import * as React from 'react';
 export interface CopyButtonWrapperProps {
     data: any;
     children: (props: {
-        renderCopyButton: (() => React.ReactNode);
+        renderCopyButton: () => React.ReactNode;
     }) => React.ReactNode;
 }
-export declare class CopyButtonWrapper extends React.PureComponent<CopyButtonWrapperProps, {
-    tooltipShown: boolean;
-}> {
-    constructor(props: any);
-    render(): React.ReactNode;
-    copy: () => void;
-    renderCopyButton: () => JSX.Element;
-    showTooltip(): void;
-}
+export declare const CopyButtonWrapper: (props: CopyButtonWrapperProps & {
+    tooltipShown?: boolean | undefined;
+}) => JSX.Element;

package/typings/common-elements/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { DropdownProps } from './types';
+export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;

package/typings/common-elements/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

package/typings/common-elements/Dropdown/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    fullWidth?: boolean | undefined;
+}, never>;
+export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    fullWidth?: boolean | undefined;
+}, never>;
+export declare const MimeLabel: import("styled-components").StyledComponent<"span", any, {}, never>;

package/typings/common-elements/Dropdown/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}

package/typings/common-elements/fields.d.ts

@@ -6,10 +6,15 @@ export declare const TypePrefix: import("styled-components").StyledComponent<"sp
 export declare const TypeName: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const TypeTitle: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const TypeFormat: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const RequiredLabel: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {
+    as: string;
+}, "as">;
+export declare const PropertyLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {
+    as: string;
+}, "as">;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const NullableLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const PatternLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", import("../theme").ResolvedThemeInterface, {}, never>;

package/typings/common-elements/headers.d.ts

@@ -1,4 +1,4 @@
-export declare const headerCommonMixin: (level: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../theme").ResolvedThemeInterface>>;
+export declare const headerCommonMixin: (level: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("../theme").ResolvedThemeInterface>>;
 export declare const H1: import("styled-components").StyledComponent<"h1", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const H2: import("styled-components").StyledComponent<"h2", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const H3: import("styled-components").StyledComponent<"h2", import("../theme").ResolvedThemeInterface, {}, never>;

package/typings/common-elements/index.d.ts

@@ -4,8 +4,8 @@ export * from './linkify';
 export * from './shelfs';
 export * from './fields-layout';
 export * from './schema';
-export * from './dropdown';
 export * from './mixins';
 export * from './tabs';
 export * from './samples';
 export * from './perfect-scrollbar';
+export * from './Dropdown';

package/typings/common-elements/linkify.d.ts

@@ -1,14 +1,10 @@
-import * as React from 'react';
-import { HistoryService } from '../services';
-export declare const linkifyMixin: (className: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../theme").ResolvedThemeInterface>>;
-export declare class Link extends React.Component<{
+/// <reference types="react" />
+export declare const linkifyMixin: (className: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("../theme").ResolvedThemeInterface>>;
+export declare function Link(props: {
     to: string;
     className?: string;
     children?: any;
-}> {
-    navigate: (history: HistoryService, event: any) => void;
-    render(): JSX.Element;
-}
+}): JSX.Element | null;
 export declare function ShareLink(props: {
     to: string;
 }): JSX.Element;

package/typings/common-elements/mixins.d.ts

@@ -1 +1 @@
-export declare const deprecatedCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../theme").ResolvedThemeInterface>>;
+export declare const deprecatedCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("../theme").ResolvedThemeInterface>>;

package/typings/common-elements/panels.d.ts

@@ -1,7 +1,8 @@
-import { SECTION_ATTR } from '../services/MenuStore';
-export declare const MiddlePanel: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const MiddlePanel: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {
+    compact?: boolean | undefined;
+}, never>;
 export declare const Section: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {
-    [SECTION_ATTR]: string | undefined;
+    "data-section-id": string | undefined;
 } & {
     underlined?: boolean | undefined;
 }, "data-section-id">;

package/typings/common-elements/samples.d.ts

@@ -1,3 +1,5 @@
 export declare const SampleControls: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const SampleControlsWrap: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const StyledPre: import("styled-components").StyledComponent<"pre", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const StyledPre: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {
+    as: string;
+}, "as">;

package/typings/common-elements/schema.d.ts

@@ -1,7 +1,8 @@
-export declare const OneOfList: import("styled-components").StyledComponent<"ul", import("../theme").ResolvedThemeInterface, {}, never>;
+export declare const OneOfList: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const OneOfLabel: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {}, never>;
-export declare const OneOfButton: import("styled-components").StyledComponent<"li", import("../theme").ResolvedThemeInterface, {
+export declare const OneOfButton: import("styled-components").StyledComponent<"button", import("../theme").ResolvedThemeInterface, {
     active: boolean;
+    deprecated: boolean;
 }, never>;
 export declare const ArrayOpenningLabel: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"div", import("../theme").ResolvedThemeInterface, {}, never>;

package/typings/common-elements/shelfs.d.ts

@@ -1,16 +1,12 @@
 import * as React from 'react';
-declare class IntShelfIcon extends React.PureComponent<{
+export declare const ShelfIcon: import("styled-components").StyledComponent<(props: {
     className?: string;
     float?: 'left' | 'right';
     size?: string;
     color?: string;
     direction: 'left' | 'right' | 'up' | 'down';
     style?: React.CSSProperties;
-}> {
-    render(): JSX.Element;
-}
-export declare const ShelfIcon: import("styled-components").StyledComponent<typeof IntShelfIcon, import("../theme").ResolvedThemeInterface, {}, never>;
+}) => JSX.Element, import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const Badge: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {
     type: string;
 }, never>;
-export {};

package/typings/components/ApiInfo/styled.elements.d.ts

@@ -1,4 +1,6 @@
-export declare const ApiInfoWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const ApiInfoWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {
+    compact?: boolean | undefined;
+}, never>;
 export declare const ApiHeader: import("styled-components").StyledComponent<"h1", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const DownloadButton: import("styled-components").StyledComponent<"a", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const InfoSpan: import("styled-components").StyledComponent<"span", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/ApiLogo/styled.elements.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const LogoImgEl: import("styled-components").StyledComponent<"img", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const LogoWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const LinkWrap: (url: any) => (Component: any) => JSX.Element;

package/typings/components/CallbackSamples/CallbackReqSamples.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DropdownProps } from '../../common-elements';
+import { OperationModel } from '../../services/models';
+export interface PayloadSampleProps {
+    callback: OperationModel;
+    renderDropdown: (props: DropdownProps) => JSX.Element;
+}
+export declare class CallbackPayloadSample extends React.Component<PayloadSampleProps> {
+    render(): JSX.Element | null;
+}
+export declare const PayloadSampleWrapper: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/CallbackSamples/CallbackSamples.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { RedocNormalizedOptions } from '../../services';
+import { CallbackModel } from '../../services/models';
+export interface CallbackSamplesProps {
+    callbacks: CallbackModel[];
+}
+export declare class CallbackSamples extends React.Component<CallbackSamplesProps> {
+    static contextType: React.Context<RedocNormalizedOptions>;
+    context: RedocNormalizedOptions;
+    private renderDropdown;
+    render(): JSX.Element | null;
+}
+export declare const SamplesWrapper: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Callbacks/CallbackDetails.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { OperationModel } from '../../services/models';
+export interface CallbackDetailsProps {
+    operation: OperationModel;
+}
+export declare class CallbackDetails extends React.Component<CallbackDetailsProps> {
+    render(): JSX.Element;
+}

package/typings/components/Callbacks/CallbackOperation.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { OperationModel } from '../../services/models';
+export declare class CallbackOperation extends React.Component<{
+    callbackOperation: OperationModel;
+}> {
+    toggle: () => void;
+    render(): JSX.Element;
+}

package/typings/components/Callbacks/CallbackTitle.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CallbackTitleProps {
+    name: string;
+    opened?: boolean;
+    httpVerb: string;
+    deprecated?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const CallbackTitle: (props: CallbackTitleProps) => JSX.Element;

package/typings/components/Callbacks/CallbacksList.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { CallbackModel } from '../../services/models';
+export interface CallbacksListProps {
+    callbacks: CallbackModel[];
+}
+export declare class CallbacksList extends React.PureComponent<CallbacksListProps> {
+    render(): JSX.Element | null;
+}

package/typings/components/Callbacks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CallbackOperation';
+export * from './CallbackTitle';
+export * from './CallbacksList';

package/typings/components/Callbacks/styled.elements.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledCallbackTitle: import("styled-components").StyledComponent<(props: import("./CallbackTitle").CallbackTitleProps) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const CallbackDetailsWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/ContentItems/ContentItems.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ContentItemModel } from '../../services/MenuBuilder';
-import { OperationModel } from '../../services/models';
+import type { ContentItemModel } from '../../services';
+import type { OperationModel } from '../../services/models';
 export declare class ContentItems extends React.Component<{
     items: ContentItemModel[];
 }> {