@redocly/reference-docs 3.0.0-alpha.3 → 3.0.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/reference-docs",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -77,7 +77,7 @@
     "test:unit": "jest",
     "test:unit:watch": "jest --watch",
     "test:update-snapshot": "jest --updateSnapshot",
-    "test:e2e": "npm run bundle && percy exec -- cypress run",
+    "test:e2e": "npm run bundle && npm run bundle-cli && scripts/build-cli.sh && percy exec -- cypress run",
     "cypress": "cypress open",
     "list-licenses": "node ./scripts/list-licenses.js",
     "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;Apache;CC0-1.0;BSD;BSD-2-Clause;BSD-3-Clause;UNKNOWN' --summary",
@@ -87,7 +87,7 @@
     "prepare": "husky install"
   },
   "peerDependencies": {
-    "@redocly/theme": "^0.2.0",
+    "@redocly/theme": "^0.3.0",
     "core-js": "^3.1.4",
     "mobx": "^6.3.2",
     "react": "^16.8.4 || ^17.0.0",
@@ -97,7 +97,7 @@
   "devDependencies": {
     "@percy/cli": "^1.0.0-beta.68",
     "@percy/cypress": "^3.1.1",
-    "@redocly/theme": "^0.2.0",
+    "@redocly/theme": "^0.3.0",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^11.1.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -106,6 +106,7 @@
     "@types/dompurify": "^2.0.2",
     "@types/enzyme-to-json": "^1.5.3",
     "@types/jest": "^25.1.4",
+    "@types/jest-when": "^3.5.2",
     "@types/json-pointer": "^1.0.30",
     "@types/mark.js": "^8.11.5",
     "@types/marked": "^4.0.1",
@@ -136,8 +137,10 @@
     "fork-ts-checker-webpack-plugin": "^6.5.0",
     "html-webpack-plugin": "^4.0.3",
     "husky": "^7.0.0",
-    "jest": "^26.6.3",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
     "jest-styled-components": "^7.0.4",
+    "jest-when": "^3.5.1",
     "json-schema": "^0.4.0",
     "mobx": "^6.3.2",
     "outdent": "^0.8.0",
@@ -149,20 +152,20 @@
     "string-replace-loader": "^3.1.0",
     "style-loader": "^1.0.1",
     "terser": "^5.6.1",
-    "ts-jest": "^26.4.4",
+    "ts-jest": "^28.0.7",
     "ts-node": "^8.8.1",
     "typescript": "4.4.2",
     "unfetch": "^4.1.0",
     "url-polyfill": "^1.1.7",
     "webpack": "^5.64.4",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.6.0",
+    "webpack-dev-server": "^4.9.3",
     "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
     "yaml-js": "^0.2.3"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
-      "npm run lint:fix"
+      "eslint --fix"
     ],
     "**/*": [
       "prettier --write --ignore-unknown"

package/lib/components/Endpoint/CopyLink.d.ts

@@ -1 +0,0 @@
-export declare const CopyLink: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/CopyLink.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyLink=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme");exports.CopyLink=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"])),theme_1.Button);
-//# sourceMappingURL=CopyLink.js.map

package/lib/components/Endpoint/Path.d.ts

@@ -1,4 +0,0 @@
-export declare const Path: import("styled-components").StyledComponent<"span", any, {
-    wrap?: string | undefined;
-}, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/Path.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
-//# sourceMappingURL=Path.js.map

package/lib/components/Endpoint/ServerItem.d.ts

@@ -1 +0,0 @@
-export declare const ServerItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/ServerItem.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerItem=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.ServerItem=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));
-//# sourceMappingURL=ServerItem.js.map

package/lib/components/Endpoint/ServerUrl.d.ts

@@ -1 +0,0 @@
-export declare const ServerUrl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/ServerUrl.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerUrl=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),styled_1=require("../console/styled");exports.ServerUrl=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_1.invertedInputStyles);
-//# sourceMappingURL=ServerUrl.js.map

package/lib/components/console/RequestBody.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { RequestBodyModel } from '../../redoc-lib';
-import type { Console } from './Console';
-export interface RequestBodyProps {
-    body: RequestBodyModel;
-    resolvedBody: any;
-    validate: () => string | undefined;
-    console: Console;
-    id: string;
-    properties: any;
-}
-export declare const RequestBody: React.MemoExoticComponent<(props: RequestBodyProps) => JSX.Element>;

package/lib/components/console/RequestBody.js

@@ -1,2 +0,0 @@
-"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),helper_1=require("../common/FileUpload/helper"),types_1=require("../../types"),styled_1=require("./styled"),RequestBodyForm_1=require("./RequestBodyForm"),RequestMimeLabel_1=require("./RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var r,t=e.body.content,a=e.console.formApi,i=function(r){var a;if(!t||!t.hasSample)return"";var i=null===(a=t.active)||void 0===a?void 0:a.examples;if(!(null==i?void 0:i[r]))return"";var o=null==i?void 0:i[r].value,l=e.properties?(0,deepmerge_1.default)(o,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):o;return JSON.stringify(l,null,2)},o=null===(r=null==t?void 0:t.operation)||void 0===r?void 0:r.activeExampleName,l=function(e){var r;null===(r=null==t?void 0:t.operation)||void 0===r||r.activateExampleName(e),a.setValue("body",i(e))},n=function(r){if(!r)return"";if(r.mime===types_1.MediaTypes.URL_ENCODED)return r.value;var t=r.value,a=e.properties?(0,deepmerge_1.default)(t,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):t;return JSON.stringify(a,null,2)},u=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){return(0,a.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==o?o&&a.setValue("body",i(o)):a.setValue("body",JSON.stringify(e.properties||{},null,2))}),[o]);var s=e.validate,d=e.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:d.content,renderDropdown:function(e){return React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:styled_1.TryItDropdown}))}},(function(r){var t,i=r.examples||{},o=Object.keys(i),d=r.schema,m=(0,helper_1.isRootFileUpload)(d||{},r.name)||r.name===types_1.MediaTypes.MULTIPART||r.name===types_1.MediaTypes.URL_ENCODED,p=(0,Samples_1.useExampleKey)(r.operation,i).exampleKey,_=i[p];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:i,onChange:l,exampleKey:p,panel:"try-it"})||null,m?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:r,formApi:a,onChange:u.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+e.id,field:"body",initialValue:n(_),schema:((null===(t=null==e?void 0:e.resolvedBody)||void 0===t?void 0:t.content[r.name])||{}).schema,mode:r.name,validate:s}))})))}));exports.RequestBody=React.memo(RequestBodyComponent);
-//# sourceMappingURL=RequestBody.js.map

package/lib/components/console/ServerDropdown.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { OperationModel, Server } from '../../redoc-lib';
-import type { DropdownOption } from '../common/Dropdown';
-export interface ServerDropdownProps {
-    operation: OperationModel;
-    onChange: (server: Server) => void;
-}
-export interface ServerDropdownState {
-    activeIdx: number;
-    variables?: {
-        [name: string]: string;
-    };
-}
-export declare class ServerChooser extends React.Component<ServerDropdownProps, ServerDropdownState> {
-    state: {
-        activeIdx: number;
-        variables: {};
-    };
-    static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
-    handleServerChange: (option: DropdownOption) => void;
-    handleVariableChange: (name: string, rawValue: string) => void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

package/lib/components/console/ServerDropdown.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),form_1=require("../common/form"),styled_1=require("./styled"),utils_2=require("./utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl||"",variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl||""),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(i)[e],n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=l,a));r.setState({variables:n}),(0,utils_2.updateVariablesStorage)(e,l),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:n}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r,t){return{idx:t,serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(styled_1.TryItDropdown,{variant:"dark",value:t[r].value,options:t,fullWidth:!0,onChange:this.handleServerChange})),a.length?a.map((function(r){var t,a=null===(t=e.props.operation.servers[e.state.activeIdx].variables)||void 0===t?void 0:t[r];if(a)return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
-//# sourceMappingURL=ServerDropdown.js.map

package/lib/components/shared/SelectOnClick.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface SelectOnClickProps {
-    children?: React.ReactNode;
-}
-export declare const SelectOnClick: ({ children }: SelectOnClickProps) => JSX.Element;
-export {};

package/lib/components/shared/SelectOnClick.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectOnClick=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),theme_1=require("@redocly/theme"),SelectOnClick=function(e){var t,r=e.children,c=function(){theme_1.ClipboardService.selectElement(t)};return React.createElement("div",{ref:function(e){return t=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},r)};exports.SelectOnClick=SelectOnClick;
-//# sourceMappingURL=SelectOnClick.js.map

package/lib/redoc-lib/src/components/Responses/styled.elements.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.HeadersCaption=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements");exports.HeadersCaption=(0,styled_components_1.default)(common_elements_1.FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"]))),exports.Wrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));
-//# sourceMappingURL=styled.elements.js.map

package/lib-esm/components/Endpoint/CopyLink.d.ts

@@ -1 +0,0 @@
-export declare const CopyLink: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/Endpoint/CopyLink.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{Button}from"@redocly/theme";export var CopyLink=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"])),Button);var templateObject_1;
-//# sourceMappingURL=CopyLink.js.map

package/lib-esm/components/Endpoint/Path.d.ts

@@ -1,4 +0,0 @@
-export declare const Path: import("styled-components").StyledComponent<"span", any, {
-    wrap?: string | undefined;
-}, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/Endpoint/Path.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Path=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"}));export var PathWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));var templateObject_1,templateObject_2;
-//# sourceMappingURL=Path.js.map

package/lib-esm/components/Endpoint/ServerItem.d.ts

@@ -1 +0,0 @@
-export declare const ServerItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/Endpoint/ServerItem.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var ServerItem=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));var templateObject_1;
-//# sourceMappingURL=ServerItem.js.map

package/lib-esm/components/Endpoint/ServerUrl.d.ts

@@ -1 +0,0 @@
-export declare const ServerUrl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/Endpoint/ServerUrl.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{invertedInputStyles}from"../console/styled";export var ServerUrl=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),invertedInputStyles);var templateObject_1;
-//# sourceMappingURL=ServerUrl.js.map

package/lib-esm/components/console/RequestBody.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { RequestBodyModel } from '../../redoc-lib';
-import type { Console } from './Console';
-export interface RequestBodyProps {
-    body: RequestBodyModel;
-    resolvedBody: any;
-    validate: () => string | undefined;
-    console: Console;
-    id: string;
-    properties: any;
-}
-export declare const RequestBody: React.MemoExoticComponent<(props: RequestBodyProps) => JSX.Element>;

package/lib-esm/components/console/RequestBody.js

@@ -1,2 +0,0 @@
-var _this=this;import{__assign,__awaiter,__generator}from"tslib";import*as React from"react";import{useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../redoc-lib";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";import{isRootFileUpload}from"../common/FileUpload/helper";import{MediaTypes}from"../../types";import{TryItDropdown}from"./styled";import{RequestBodyForm}from"./RequestBodyForm";import{RequestMimeLabel}from"./RequestMimeLabel";import CodemirrorInput from"./CodemirrorInput";var RequestBodyComponent=observer((function(e){var r,t=e.body.content,o=e.console.formApi,a=function(r){var o;if(!t||!t.hasSample)return"";var a=null===(o=t.active)||void 0===o?void 0:o.examples;if(!(null==a?void 0:a[r]))return"";var i=null==a?void 0:a[r].value,n=e.properties?merge(i,e.properties,{arrayMerge:arrayMergeStrategy}):i;return JSON.stringify(n,null,2)},i=null===(r=null==t?void 0:t.operation)||void 0===r?void 0:r.activeExampleName,n=function(e){var r;null===(r=null==t?void 0:t.operation)||void 0===r||r.activateExampleName(e),o.setValue("body",a(e))},l=function(r){if(!r)return"";if(r.mime===MediaTypes.URL_ENCODED)return r.value;var t=r.value,o=e.properties?merge(t,e.properties,{arrayMerge:arrayMergeStrategy}):t;return JSON.stringify(o,null,2)},m=function(e,r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){return(0,o.setValue)("body."+e,r),[2]}))}))};useEffect((function(){!1!==i?i&&o.setValue("body",a(i)):o.setValue("body",JSON.stringify(e.properties||{},null,2))}),[i]);var p=e.validate,d=e.body;return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:d.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:TryItDropdown}))}},(function(r){var t,a=r.examples||{},i=Object.keys(a),d=r.schema,u=isRootFileUpload(d||{},r.name)||r.name===MediaTypes.MULTIPART||r.name===MediaTypes.URL_ENCODED,s=useExampleKey(r.operation,a).exampleKey,c=a[s];return React.createElement(React.Fragment,null,i.length&&1!==i.length&&React.createElement(ExampleSwitch,{examples:a,onChange:n,exampleKey:s,panel:"try-it"})||null,u?React.createElement(RequestBodyForm,{mediaType:r,formApi:o,onChange:m.bind(_this)}):React.createElement(CodemirrorInput,{id:"body"+e.id,field:"body",initialValue:l(c),schema:((null===(t=null==e?void 0:e.resolvedBody)||void 0===t?void 0:t.content[r.name])||{}).schema,mode:r.name,validate:p}))})))}));export var RequestBody=React.memo(RequestBodyComponent);
-//# sourceMappingURL=RequestBody.js.map

package/lib-esm/components/console/ServerDropdown.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { OperationModel, Server } from '../../redoc-lib';
-import type { DropdownOption } from '../common/Dropdown';
-export interface ServerDropdownProps {
-    operation: OperationModel;
-    onChange: (server: Server) => void;
-}
-export interface ServerDropdownState {
-    activeIdx: number;
-    variables?: {
-        [name: string]: string;
-    };
-}
-export declare class ServerChooser extends React.Component<ServerDropdownProps, ServerDropdownState> {
-    state: {
-        activeIdx: number;
-        variables: {};
-    };
-    static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
-    handleServerChange: (option: DropdownOption) => void;
-    handleVariableChange: (name: string, rawValue: string) => void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

package/lib-esm/components/console/ServerDropdown.js

@@ -1,2 +0,0 @@
-import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import{FormControl,FormLabel}from"../common/form";import{TryItDropdown}from"./styled";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";import ServerVariable from"./ServerVariable";var ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl||"",variables:t}),toSessionStorage("serverUrl",e.serverUrl||""),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,n=r.props.operation.servers[r.state.activeIdx],o=a||""===a?a:getDefaultOrStoredVariables(n)[e],i=__assign(__assign({},r.state.variables),((t={})[e]=o,t));r.setState({variables:i}),updateVariablesStorage(e,o),r.props.onChange(__assign(__assign({},n),{variables:i}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=getServerWithVariables(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r,a){return{idx:a,serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(TryItDropdown,{variant:"dark",value:a[r].value,options:a,fullWidth:!0,onChange:this.handleServerChange})),t.length?t.map((function(r){var a,t=null===(a=e.props.operation.servers[e.state.activeIdx].variables)||void 0===a?void 0:a[r];if(t)return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:t.enum,description:t.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
-//# sourceMappingURL=ServerDropdown.js.map

package/lib-esm/components/shared/SelectOnClick.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface SelectOnClickProps {
-    children?: React.ReactNode;
-}
-export declare const SelectOnClick: ({ children }: SelectOnClickProps) => JSX.Element;
-export {};

package/lib-esm/components/shared/SelectOnClick.js

@@ -1,2 +0,0 @@
-import*as React from"react";import{ClipboardService}from"@redocly/theme";export var SelectOnClick=function(e){var r,t=e.children,c=function(){ClipboardService.selectElement(r)};return React.createElement("div",{ref:function(e){return r=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},t)};
-//# sourceMappingURL=SelectOnClick.js.map

package/lib-esm/redoc-lib/src/components/Responses/styled.elements.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{FieldsGroupHeader}from"../../common-elements";export var HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"])));export var Wrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));var templateObject_1,templateObject_2;
-//# sourceMappingURL=styled.elements.js.map