@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.11

package/lib/components/Operation/index.d.ts

@@ -0,0 +1,2 @@
+export { Operation } from './Operation';
+export type { OperationProps } from './types';

package/lib/components/Operation/types.d.ts

@@ -0,0 +1,6 @@
+import type { OperationModel } from '../../models';
+import type { LayoutVariant } from '../../constants';
+export interface OperationProps {
+    operation: OperationModel;
+    layout?: LayoutVariant;
+}

package/lib/components/OperationParameters/OperationParameters.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var l=Object.getOwnPropertyDescriptor(r,t);l&&!("get"in l?!r.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,l)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;const react_1=__importStar(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../console/ParameterDropdown"),ParameterArray_1=require("../console/ParameterArray"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:t}){const a=(0,react_1.useMemo)((()=>(0,utils_2.createValidator)(r)),[r]),l=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,n=(0,utils_2.getInitialValue)(r.schema),o=e.split(".").map((e=>(0,utils_1.unescapeFormId)(e)));return l?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:n,paramEnum:l,field:e})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:(0,utils_2.placeholder)(r),validate:a,initialValue:n||(0,utils_1.get)(t,o),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters({values:e,operation:r}){const t=(0,react_1.useMemo)((()=>(0,utils_2.orderParams)(r.parameters||[])),[r]),a=(r,t,l,n)=>{var o;const i=l?(0,utils_1.dottedString)(l,r.name):r.name,u=(0,utils_2.isNotSupported)(r.schema),m=l?[t,l]:[r.in],c=(0,utils_1.dottedString)(...m,(0,utils_1.escapeFormId)(r.name));return u&&console.warn(`Unsupported parameter definition: "${u}"`),r.schema.type===types_1.SchemaType.ARRAY?react_1.default.createElement(ParameterArray_1.ParameterArray,{key:c,name:i,param:r,place:t,renderParameter:a}):r.schema.type===types_1.SchemaType.OBJECT?null===(o=r.schema.fields)||void 0===o?void 0:o.map((e=>a(e,t,i))):react_1.default.createElement(form_1.FormControl,{key:c},react_1.default.createElement(form_1.FormLabel,{required:r.required},n||i,":"),u?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:c,param:r,values:e}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((e=>{const r=t[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((r=>a(r,e)))):null})))}exports.OperationParameters=OperationParameters;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var l=Object.getOwnPropertyDescriptor(r,t);l&&!("get"in l?!r.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,l)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;const react_1=__importStar(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../rightPanel/ParameterDropdown"),ParameterArray_1=require("../rightPanel/ParameterArray"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:t}){const a=(0,react_1.useMemo)((()=>(0,utils_2.createValidator)(r)),[r]),l=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,n=(0,utils_2.getInitialValue)(r.schema),i=e.split(".").map((e=>(0,utils_1.unescapeFormId)(e)));return l?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:n,paramEnum:l,field:e})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:(0,utils_2.placeholder)(r),validate:a,initialValue:n||(0,utils_1.get)(t,i),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters({values:e,operation:r}){const t=(0,react_1.useMemo)((()=>(0,utils_2.orderParams)(r.parameters||[])),[r]),a=(r,t,l,n)=>{var i;const o=l?(0,utils_1.dottedString)(l,r.name):r.name,u=(0,utils_2.isNotSupported)(r.schema),m=l?[t,l]:[r.in],c=(0,utils_1.dottedString)(...m,(0,utils_1.escapeFormId)(r.name));return u&&console.warn(`Unsupported parameter definition: "${u}"`),r.schema.type===types_1.SchemaType.ARRAY?react_1.default.createElement(ParameterArray_1.ParameterArray,{key:c,name:o,param:r,place:t,renderParameter:a}):r.schema.type===types_1.SchemaType.OBJECT?null===(i=r.schema.fields)||void 0===i?void 0:i.map((e=>a(e,t,o))):react_1.default.createElement(form_1.FormControl,{key:c},react_1.default.createElement(form_1.FormLabel,{required:r.required},n||o,":"),u?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:c,param:r,values:e}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((e=>{const r=t[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((r=>a(r,e)))):null})))}exports.OperationParameters=OperationParameters;
 //# sourceMappingURL=OperationParameters.js.map

package/lib/components/OperationParameters/types.d.ts

@@ -1,4 +1,4 @@
-import type { FieldModel, OperationModel } from '../../redoc-lib';
+import type { FieldModel, OperationModel } from '../../models';
 export interface OperationParametersProps {
     operation: OperationModel;
     errors: Record<string, Record<string, string>>;

package/lib/components/OperationParameters/utils.d.ts

@@ -1,5 +1,6 @@
 import type { BaseFieldProps } from 'informed';
-import type { FieldModel, SchemaModel, OpenAPISchema } from '../../redoc-lib';
+import type { FieldModel, SchemaModel } from '../../models';
+import type { OpenAPISchema } from '../../types';
 export declare function placeholder({ schema, example }: Pick<FieldModel, 'schema' | 'example'>): string;
 export declare function orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
 export declare function createValidator({ schema, required, }: Pick<FieldModel, 'schema' | 'required'>): BaseFieldProps['validate'];

package/lib/components/OperationParameters/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;const redoc_lib_1=require("../../redoc-lib"),types_1=require("./types");function placeholder({schema:e,example:r}){return`(${e.type})`+(r?` ${r}`:"")}function orderParams(e){const r={};return e.forEach((e=>{e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator({schema:e,required:r}){return t=>{if(r&&!t)return"Field is required";if(r&&e.type===types_1.SchemaType.ARRAY&&Array.isArray(t)){if(t.length>(e.rawSchema&&e.rawSchema.maxItems||1/0))return`Too many items selected, maximum ${e.rawSchema.maxItems}`;if(t.length<(e.rawSchema&&e.rawSchema.minItems||0)){const r=e.rawSchema.minItems;return`You should select at least ${1===r?`${r} item`:`${r} items`}`}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){const r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,redoc_lib_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported({oneOfType:e}){return e}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;const utils_1=require("../../utils"),types_1=require("./types");function placeholder({schema:e,example:r}){return`(${e.type})`+(r?` ${r}`:"")}function orderParams(e){const r={};return e.forEach((e=>{e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator({schema:e,required:r}){return t=>{if(r&&!t)return"Field is required";if(r&&e.type===types_1.SchemaType.ARRAY&&Array.isArray(t)){if(t.length>(e.rawSchema&&e.rawSchema.maxItems||1/0))return`Too many items selected, maximum ${e.rawSchema.maxItems}`;if(t.length<(e.rawSchema&&e.rawSchema.minItems||0)){const r=e.rawSchema.minItems;return`You should select at least ${1===r?`${r} item`:`${r} items`}`}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){const r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,utils_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported({oneOfType:e}){return e}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
 //# sourceMappingURL=utils.js.map

package/lib/components/Panel/ContentPanel.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_elements_1=require("../../redoc-lib/src/common-elements/");exports.ContentPanel=(0,styled_components_1.default)(theme_1.Panel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers");exports.ContentPanel=(0,styled_components_1.default)(theme_1.Panel)`
   &:not(:last-child) {
     margin-bottom: 20px;
   }
@@ -9,7 +9,7 @@
     }
   }
 
-  ${common_elements_1.FieldsGroupHeader} {
+  ${headers_1.FieldsGroupHeader} {
     // TODO fix me - this style overrides style inside MediaTypesSwitch by FormControl(why?)
     font-family: var(--font-family-base);
 

package/lib/components/Panel/ResponsePanel.js

@@ -1,5 +1,5 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_elements_1=require("../../redoc-lib/src/common-elements"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
-  ${common_elements_1.FieldsGroupHeader} {
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers"),Markdown_1=require("../Markdown"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
+  ${headers_1.FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;
     }

package/lib/components/Parameters/BodyContent.d.ts

@@ -0,0 +1,7 @@
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string;
+}
+export declare function BodyContent({ content, description }: BodyContentProps): JSX.Element;
+export {};

package/lib/components/Parameters/BodyContent.js

@@ -0,0 +1,4 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),MediaTypeSwitch_1=require("../MediaTypeSwitch"),Markdown_1=require("../Markdown"),Fields_1=require("../Fields"),Schema_1=require("../Schema"),DropdownWithinHeader_1=require("./DropdownWithinHeader");function BodyContent({content:e,description:t}){const{isRequestType:r}=e;return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader_1.DropdownWithinHeader},(({schema:e,examples:n,operation:o})=>react_1.default.createElement(react_1.default.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&react_1.default.createElement(Description,null,void 0!==t&&react_1.default.createElement(Markdown_1.Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&react_1.default.createElement(Fields_1.ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:r,skipWriteOnly:!r,key:"schema",schema:e,examples:n,operation:o}))))}exports.BodyContent=BodyContent;const Description=styled_components_1.default.div`
+  margin-bottom: calc(var(--spacing-unit) * 4);
+`;
+//# sourceMappingURL=BodyContent.js.map

package/lib/components/Parameters/DropdownWithinHeader.d.ts

@@ -0,0 +1 @@
+export declare function DropdownWithinHeader(props: any): JSX.Element;

package/lib/components/Parameters/DropdownWithinHeader.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWithinHeader=void 0;const react_1=__importDefault(require("react")),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel"),Dropdown_1=require("../common/Dropdown");function DropdownWithinHeader(e){return react_1.default.createElement(common_1.FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{Dropdown:Dropdown_1.SchemaMimeTypeDropdown})))}exports.DropdownWithinHeader=DropdownWithinHeader;
+//# sourceMappingURL=DropdownWithinHeader.js.map

package/lib/components/Parameters/Parameters.d.ts

@@ -0,0 +1,6 @@
+import type { FieldModel, RequestBodyModel } from '../../models';
+export interface ParametersProps {
+    parameters?: FieldModel[];
+    body?: RequestBodyModel;
+}
+export declare function Parameters({ body, parameters }: ParametersProps): JSX.Element | null;

package/lib/components/Parameters/Parameters.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Parameters=void 0;const react_1=__importDefault(require("react")),BodyContent_1=require("./BodyContent"),ParametersGroup_1=require("./ParametersGroup"),PARAM_PLACES=["path","query","cookie","header"];function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),a=t.length>0?PARAM_PLACES:[],o=e&&e.content,n=e&&e.description;return react_1.default.createElement(react_1.default.Fragment,null,a.map((e=>react_1.default.createElement(ParametersGroup_1.ParametersGroup,{key:e,place:e,parameters:r[e]}))),o&&react_1.default.createElement(BodyContent_1.BodyContent,{content:o,description:n}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}exports.Parameters=Parameters;
+//# sourceMappingURL=Parameters.js.map

package/lib/components/Parameters/ParametersGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FieldModel } from '../../models';
+interface ParametersGroupProps {
+    place: string;
+    parameters: FieldModel[];
+}
+export declare const ParametersGroup: React.NamedExoticComponent<ParametersGroupProps>;
+export declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/lib/components/Parameters/ParametersGroup.js

@@ -0,0 +1,16 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrap=exports.ParametersGroup=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),components_1=require("../../components"),Fields_1=require("../Fields"),utils_1=require("../../utils");function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?react_1.default.createElement(exports.Wrap,{key:e},react_1.default.createElement(components_1.FieldsGroupHeader,null,e," Parameters"),react_1.default.createElement(components_1.PropertiesTableWrap,null,react_1.default.createElement(components_1.PropertiesTable,null,react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(t,((e,t)=>react_1.default.createElement(Fields_1.Field,{key:e.name,isLast:t,field:e,showExamples:!0}))))))):null}exports.ParametersGroup=(0,react_1.memo)(ParametersGroupComponent),exports.Wrap=styled_components_1.default.div`
+  margin: 20px 0 0 0;
+  padding-bottom: 20px;
+  border-bottom: 1px solid var(--border-color);
+
+  &:first-child {
+    margin: 0;
+  }
+
+  &:last-child,
+  &:only-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+`;
+//# sourceMappingURL=ParametersGroup.js.map

package/lib/components/Parameters/index.d.ts

@@ -0,0 +1,2 @@
+export { Parameters } from './Parameters';
+export { BodyContent } from './BodyContent';

package/lib/components/Parameters/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=exports.Parameters=void 0;var Parameters_1=require("./Parameters");Object.defineProperty(exports,"Parameters",{enumerable:!0,get:function(){return Parameters_1.Parameters}});var BodyContent_1=require("./BodyContent");Object.defineProperty(exports,"BodyContent",{enumerable:!0,get:function(){return BodyContent_1.BodyContent}});
+//# sourceMappingURL=index.js.map

package/lib/components/PayloadSamples/Example.d.ts

@@ -0,0 +1,2 @@
+import type { ExampleProps } from './types';
+export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;

package/lib/components/PayloadSamples/Example.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const react_1=__importDefault(require("react")),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?react_1.default.createElement(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):react_1.default.createElement(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
+//# sourceMappingURL=Example.js.map

package/lib/components/PayloadSamples/ExternalExample.d.ts

@@ -0,0 +1,2 @@
+import type { ExampleProps } from './types';
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;

package/lib/components/PayloadSamples/ExternalExample.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=void 0;const theme_1=require("@redocly/theme"),react_1=__importDefault(require("react")),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:r,onCopyClick:a}){const l=(0,useExternalExample_1.useExternalExample)(e,r);return void 0===l?react_1.default.createElement("span",null,"Loading..."):l instanceof Error?react_1.default.createElement(theme_1.PreformattedCodeBlock,null,"Error loading external example: ",react_1.default.createElement("br",null),react_1.default.createElement("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},e.externalValueUrl)):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:l,mimeType:r,onCopyClick:a})}exports.ExternalExample=ExternalExample;
+//# sourceMappingURL=ExternalExample.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -0,0 +1,4 @@
+import type { MediaTypeSamplesProps } from './types';
+declare function MediaTypeSamplesComponent({ mediaType, onlyDefaultSample, properties, onChange, onCopyClick, }: MediaTypeSamplesProps): JSX.Element;
+export declare const MediaTypeSamples: typeof MediaTypeSamplesComponent;
+export {};

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const react_1=__importDefault(require("react")),deepmerge_1=__importDefault(require("deepmerge")),mobx_react_1=require("mobx-react"),shared_1=require("../shared"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled"),Samples_1=require("../Samples"),utils_1=require("../../services/utils");function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:r,onCopyClick:l}){const p=e.examples||{},m=e.name,n=Object.keys(p),{exampleKey:u,defaultExampleName:o}=(0,Samples_1.useExampleKey)(e.operation,p),s=1===n.length?Object.values(p)[0]:p[u];if(!n.length)return react_1.default.createElement(shared_1.NoSampleLabel,null,"No sample");const c=t?Object.assign(Object.assign({},s),{value:(0,deepmerge_1.default)(s.value,t,{arrayMerge:utils_1.arrayMergeStrategy})}):s,i=c.description;return o&&a?react_1.default.createElement(react_1.default.Fragment,null,c.description&&react_1.default.createElement(Markdown_1.Markdown,{source:c.description}),react_1.default.createElement(Example_1.Example,{example:c,mimeType:m,onCopyClick:l})):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:p,exampleKey:u,onChange:r}),react_1.default.createElement(styled_1.ExampleWrapper,null,i&&react_1.default.createElement(Markdown_1.Markdown,{source:i}),react_1.default.createElement(Example_1.Example,{example:c,mimeType:m,onCopyClick:l})))}exports.MediaTypeSamples=(0,mobx_react_1.observer)(MediaTypeSamplesComponent);
+//# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.d.ts

@@ -0,0 +1,4 @@
+import type { PayloadSamplesProps } from './types';
+declare function PayloadSamplesComponent({ onlyDefaultMimeType, operation, content: mimeContent, ...props }: PayloadSamplesProps): JSX.Element;
+export declare const PayloadSamples: typeof PayloadSamplesComponent;
+export {};

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const mobx_react_1=require("mobx-react"),react_1=__importStar(require("react")),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,operation:r,content:a}=e,o=__rest(e,["onlyDefaultMimeType","operation","content"]);const n=(0,react_1.useCallback)((e=>t&&(null==r?void 0:r.defaultMimeType)?null:react_1.default.createElement(styled_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))),[t,null==r?void 0:r.defaultMimeType]),l=(0,react_1.useCallback)((e=>a.activateExampleName(e)),[a]);return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n},(e=>react_1.default.createElement(MediaTypeSamples_1.MediaTypeSamples,Object.assign({key:"samples",mediaType:e},o,{onChange:l}))))}exports.PayloadSamples=(0,mobx_react_1.observer)(PayloadSamplesComponent);
+//# sourceMappingURL=PayloadSamples.js.map

package/lib/components/PayloadSamples/index.d.ts

@@ -0,0 +1,6 @@
+export { Example } from './Example';
+export { ExternalExample } from './ExternalExample';
+export { ExampleValue } from './ExampleValue';
+export { MediaTypeSamples } from './MediaTypeSamples';
+export { PayloadSamples } from './PayloadSamples';
+export * from './styled';

package/lib/components/PayloadSamples/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,a,t){void 0===t&&(t=a);var l=Object.getOwnPropertyDescriptor(r,a);l&&!("get"in l?!r.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(e,t,l)}:function(e,r,a,t){void 0===t&&(t=a),e[t]=r[a]}),__exportStar=this&&this.__exportStar||function(e,r){for(var a in e)"default"===a||Object.prototype.hasOwnProperty.call(r,a)||__createBinding(r,e,a)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=exports.MediaTypeSamples=exports.ExampleValue=exports.ExternalExample=exports.Example=void 0;var Example_1=require("./Example");Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return Example_1.Example}});var ExternalExample_1=require("./ExternalExample");Object.defineProperty(exports,"ExternalExample",{enumerable:!0,get:function(){return ExternalExample_1.ExternalExample}});var ExampleValue_1=require("./ExampleValue");Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return ExampleValue_1.ExampleValue}});var MediaTypeSamples_1=require("./MediaTypeSamples");Object.defineProperty(exports,"MediaTypeSamples",{enumerable:!0,get:function(){return MediaTypeSamples_1.MediaTypeSamples}});var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),__exportStar(require("./styled"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/PayloadSamples/types.d.ts

@@ -0,0 +1,25 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../models';
+import type { OpenAPIEncoding } from '../../types';
+export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    example: ExampleModel;
+    mimeType: string;
+}
+export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    value: GenericObject | string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export interface MediaTypeSamplesProps {
+    mediaType: MediaTypeModel;
+    onlyDefaultSample?: boolean;
+    properties?: GenericObject;
+    onChange: (key: any) => void;
+    onCopyClick?: () => void;
+}
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
+    content: MediaContentModel;
+    operation?: OperationModel;
+    onlyDefaultMimeType?: boolean;
+}

package/lib/components/PayloadSamples/useExternalExample.d.ts

@@ -0,0 +1,2 @@
+import type { ExampleModel } from '../../models';
+export declare function useExternalExample(example: ExampleModel, mimeType: string): any;

package/lib/components/ProProviders.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { RedocNormalizedOptions } from '../redoc-lib';
 import type { ProStore } from '../services/ProStore';
+import type { Options } from 'src/services/Options';
 export interface ProProvidersProps {
     store: ProStore;
     children: React.ReactNode;
-    customOptions?: Partial<RedocNormalizedOptions>;
+    customOptions?: Partial<Options>;
 }
 export declare const ProProviders: ({ store, children, customOptions, }: ProProvidersProps) => JSX.Element;

package/lib/components/ProProviders.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProProviders=void 0;const styled_components_1=require("styled-components"),react_1=__importStar(require("react")),redoc_lib_1=require("../redoc-lib"),ProProviders=({store:e,children:t,customOptions:r={}})=>{const o=Object.assign(Object.assign({},e.options),r),i=(0,react_1.useMemo)((()=>({mediaQueries:o.mediaQueries,showAtBreakpoint:o.showAtBreakpoint})),[o.mediaQueries,o.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:i},react_1.default.createElement(redoc_lib_1.OptionsProvider,{value:o},react_1.default.createElement(redoc_lib_1.StoreProvider,{value:e},t)))};exports.ProProviders=ProProviders;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProProviders=void 0;const styled_components_1=require("styled-components"),react_1=__importStar(require("react")),context_1=require("../context"),ProProviders=({store:e,children:t,customOptions:r={}})=>{const o=Object.assign(Object.assign({},e.options),r),i=(0,react_1.useMemo)((()=>({mediaQueries:o.mediaQueries,showAtBreakpoint:o.showAtBreakpoint})),[o.mediaQueries,o.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:i},react_1.default.createElement(context_1.OptionsProvider,{value:o},react_1.default.createElement(context_1.StoreProvider,{value:e},t)))};exports.ProProviders=ProProviders;
 //# sourceMappingURL=ProProviders.js.map

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -1,37 +1,23 @@
-import React, { Component } from 'react';
-import type { ProStore, RedocProRawOptions } from '../services/ProStore';
-import type { CodeSampleConfig } from '../services/code-samples/types';
-import { LayoutVariant } from '../services/store-types';
+import type { PropsWithChildren } from 'react';
+import type { ProStore, CodeSampleConfig } from '../services';
+import type { RawOptions } from '../services/Options/types';
+import { LayoutVariant } from '../constants';
 export interface RedoclyReferenceDocsProps {
     store: ProStore;
     onLoaded?: () => void;
     _forceRenderInfo?: boolean;
 }
-interface RedoclyReferenceDocsState {
-    searchPopUpShown: boolean;
-    searchPopUpValue: string;
-}
 interface CssFixesProps {
     whiteLabel: boolean;
     showRightPanel: boolean;
     layout: LayoutVariant;
 }
 export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;
-export declare class RedoclyReferenceDocs extends Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
-    private _observer;
-    private _updatedItems;
-    rootElementRef: React.RefObject<HTMLDivElement>;
-    constructor(props: RedoclyReferenceDocsProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    handleClose: () => void;
-    render(): JSX.Element;
-}
+export declare const RedoclyReferenceDocs: ({ store, onLoaded, _forceRenderInfo, children, }: PropsWithChildren<RedoclyReferenceDocsProps>) => JSX.Element;
 export interface RedoclyReferenceDocsStandaloneProps {
     definition?: GenericObject;
     definitionUrl?: string;
-    options?: RedocProRawOptions;
+    options?: RawOptions;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;

package/lib/components/RedoclyReferenceDocs.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__decorate=this&&this.__decorate||function(e,t,r,o){var a,n=arguments.length,l=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(l=(n<3?a(l):n>3?a(t,r,l):a(t,r))||l);return n>3&&l&&Object.defineProperty(t,r,l),l},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),store_types_1=require("../services/store-types"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"});const getMarginFixesByName=e=>styled_components_1.css`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("../constants"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),Console_1=require("./rightPanel/Console"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements"),StickySidebar_1=require("./StickySidebar"),ApiInfo_1=require("./ApiInfo"),Download_1=require("./Download"),Loading_1=require("./Loading"),ErrorBoundary_1=require("./ErrorBoundary"),SideMenu_1=require("./SideMenu"),ContentItems_1=require("./ContentItems"),utils_1=require("../utils"),common_1=require("./common");(0,mobx_1.configure)({useProxies:"ifavailable"});const getMarginFixesByName=e=>styled_components_1.css`
   margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
 `;exports.CssFixes=styled_components_1.createGlobalStyle`
   div[data-section-id]::after {
@@ -9,8 +9,8 @@
     visibility: hidden;
   }
 
-  ${redoc_lib_1.SamplesPanel} {
-    ${({layout:e})=>{if(e===store_types_1.LayoutVariant.STACKED)return styled_components_1.css`
+  ${common_1.SamplesPanel} {
+    ${({layout:e})=>{if(e===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
           width: 100%;
           padding-left: var(--spacing-horizontal);
         `}}
@@ -22,15 +22,15 @@
   }
 
   ${styled_elements_1.BackgroundStub}, ${styled_elements_1.BackgroundStubFix} {
-    ${({showRightPanel:e,layout:t})=>{if(!e&&t===store_types_1.LayoutVariant.STACKED)return styled_components_1.css`
+    ${({showRightPanel:e,layout:t})=>{if(!e&&t===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
           ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
             display: none;
           }
         `}}
   }
 
-  ${redoc_lib_1.SamplesMiddlePanel}, ${styled_elements_1.NextSectionButtonWrap} {
-    ${({showRightPanel:e,layout:t})=>e&&t===store_types_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+  ${common_1.SamplesMiddlePanel}, ${styled_elements_1.NextSectionButtonWrap} {
+    ${({showRightPanel:e,layout:t})=>e&&t===constants_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
           margin: 0;
           ${({theme:e})=>e.mediaQueries.small} {
             ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
@@ -43,12 +43,12 @@
             max-width: var(---layout-panel-schemas-large-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
           }
-        `:t===store_types_1.LayoutVariant.STACKED?styled_components_1.css`
+        `:t===constants_1.LayoutVariant.STACKED?styled_components_1.css`
           width: 100%;
           padding-right: var(--spacing-horizontal);
         `:void 0};
   }
-`;let RedoclyReferenceDocs=class extends react_1.Component{constructor(e){super(e),Object.defineProperty(this,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:(0,react_1.createRef)()}),Object.defineProperty(this,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.props.store.tryItOut()}),this.state={searchPopUpShown:!1,searchPopUpValue:""}}componentDidMount(){var e,t;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=(0,mobx_1.reaction)((()=>this.props.store.menu.renderItems),(()=>{this._updatedItems=!0}))}componentDidUpdate(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}componentWillUnmount(){this.props.store.dispose(),this._observer()}render(){var e,t,r;const{store:o,_forceRenderInfo:a}=this.props,{definition:n,menu:l,options:i,search:s,marker:c}=o,{hideDownloadButton:d,hideInfoSection:u,pagination:_,disableSidebar:p}=i,m=l.renderItems,h="none"===_||l.activeRenderItemIdx<=0;let y=!u&&h;y&&"none"!==_&&p&&m[0]&&"section"!==m[0].type&&(y=!1),a&&(y=!0);const f=!y&&null!==d&&!d&&h,b=null===(e=null==n?void 0:n.info)||void 0===e?void 0:e["x-logo"];return react_1.default.createElement(ProProviders_1.ProProviders,{store:o},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},react_1.default.createElement(Overlay_1.Overlay,{l:o.l}),react_1.default.createElement(exports.CssFixes,{whiteLabel:i.whiteLabel,showRightPanel:o.showRightPanel,layout:o.layout}),o.tryItOperation&&react_1.default.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:o,operation:o.tryItOperation,onClose:this.handleClose}),!i.disableSidebar&&react_1.default.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:l,className:"menu-content"},!i.hideLogo&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==b?void 0:b.url,href:(null==b?void 0:b.href)||(null===(r=null===(t=null==n?void 0:n.info)||void 0===t?void 0:t.contact)||void 0===r?void 0:r.url),altText:null==b?void 0:b.altText,backgroundColor:null==b?void 0:b.backgroundColor}),n instanceof VersionedSpecStore_1.VersionedSpecStore&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{spec:n,onChange:e=>{void 0!==e.idx&&n.changeVersion(e.idx),l.updateItemsByVersionChange(!0),o.tryItOut(void 0)}}),!i.disableSearch&&react_1.default.createElement(Search_1.SearchField,{showPopUp:()=>this.setState({searchPopUpShown:!0}),searchValue:this.state.searchPopUpValue,marker:c,setSearchValue:e=>this.setState({searchPopUpValue:e})}),react_1.default.createElement(redoc_lib_1.SideMenu,{menu:l})),react_1.default.createElement(styled_elements_1.ApiContentWrap,{className:(o.isLoading?"loading ":"")+"api-content",layout:o.layout===store_types_1.LayoutVariant.THREE_PANEL&&o.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},o.showRightPanel&&o.layout!==store_types_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStub,null),y&&react_1.default.createElement(redoc_lib_1.ApiInfo,{store:o}),f&&react_1.default.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:o}),react_1.default.createElement(redoc_lib_1.ContentItems,{items:m,store:o}),i.showNextButton&&react_1.default.createElement(NextSectionButton_1.ContinueButton,{pagination:i.pagination,menu:l}),this.props.children),react_1.default.createElement(styled_elements_1.ControlsWrap,null,react_1.default.createElement(styled_elements_1.ToggleRightPanelButton,{store:o,isVisible:o.layout===store_types_1.LayoutVariant.THREE_PANEL}),react_1.default.createElement(styled_elements_1.ChangeViewButton,{store:o,isVisible:o.showRightPanel})),react_1.default.createElement(Search_1.ProSearchBox,{search:s,marker:c,menu:l,onActivate:l.activateAndScroll.bind(l),options:i,shown:this.state.searchPopUpShown,hidePopUp:()=>this.setState({searchPopUpShown:!1}),showPopUp:()=>this.setState({searchPopUpShown:!0}),setSearchValue:e=>this.setState({searchPopUpValue:e}),searchValue:this.state.searchPopUpValue}),o.showRightPanel&&o.layout!==store_types_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStubFix,null)))}};function RedoclyReferenceDocsStandalone(e){const{definition:t,definitionUrl:r,options:o={},activeItemId:a,activeSampleLanguage:n,activeDeepLink:l}=e,i=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1),s=react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:r,options:o,activeItemId:a,activeSampleLanguage:n,activeDeepLink:l},(({loading:e,store:t})=>e?i?null:react_1.default.createElement(redoc_lib_1.Loading,{color:"--loading-spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs,{store:t})));return o.disableErrorBoundary?s:react_1.default.createElement(redoc_lib_1.ErrorBoundary,null,s)}RedoclyReferenceDocs=__decorate([mobx_react_1.observer],RedoclyReferenceDocs),exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;const RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)`
+`;const RedoclyReferenceDocsComponent=({store:e,onLoaded:t,_forceRenderInfo:a,children:r})=>{var o,n,i;let l,s=(0,react_1.useRef)(!1);const c=(0,react_1.useRef)(null),[d,u]=(0,react_1.useState)(!1),[_,m]=(0,react_1.useState)("");(0,theme_1.useMount)((()=>{e.onDidMount(),null==t||t(),l=(0,mobx_1.reaction)((()=>e.menu.renderItems),(()=>{s.current=!0}))})),(0,react_1.useEffect)((()=>{s.current&&(s.current=!1,e.menu.scrollToActive())}),[e.menu]),(0,theme_1.useUnmount)((()=>{e.dispose(),l()}));const{definition:h,menu:p,options:y,search:f,marker:S}=e,{hideDownloadButton:g,hideInfoSection:v,pagination:E,disableSidebar:b}=y,x=p.renderItems,P="none"===E||p.activeRenderItemIdx<=0;let w=!v&&P;w&&"none"!==E&&b&&x[0]&&"section"!==x[0].type&&(w=!1),a&&(w=!0);const R=!w&&null!==g&&!g&&P,B=null===(o=null==h?void 0:h.info)||void 0===o?void 0:o["x-logo"];return react_1.default.createElement(ProProviders_1.ProProviders,{store:e},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:c},react_1.default.createElement(Overlay_1.Overlay,{l:e.l}),react_1.default.createElement(exports.CssFixes,{whiteLabel:y.whiteLabel,showRightPanel:e.showRightPanel,layout:e.layout}),e.tryItOperation&&react_1.default.createElement(Console_1.Console,{rootElement:c.current,store:e,operation:e.tryItOperation,onClose:()=>e.tryItOut()}),!y.disableSidebar&&react_1.default.createElement(StickySidebar_1.StickyResponsiveSidebar,{menu:p,className:"menu-content"},!y.hideLogo&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==B?void 0:B.url,href:(null==B?void 0:B.href)||(null===(i=null===(n=null==h?void 0:h.info)||void 0===n?void 0:n.contact)||void 0===i?void 0:i.url),altText:null==B?void 0:B.altText,backgroundColor:null==B?void 0:B.backgroundColor}),h instanceof VersionedSpecStore_1.VersionedSpecStore&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{spec:h,onChange:t=>{void 0!==t.idx&&h.changeVersion(t.idx),p.updateItemsByVersionChange(!0),e.tryItOut(void 0)}}),!y.disableSearch&&react_1.default.createElement(Search_1.SearchField,{showPopUp:()=>u(!0),searchValue:_,marker:S,setSearchValue:m}),react_1.default.createElement(SideMenu_1.SideMenu,{menu:p})),react_1.default.createElement(styled_elements_1.ApiContentWrap,{className:(e.isLoading?"loading ":"")+"api-content",layout:e.layout===constants_1.LayoutVariant.THREE_PANEL&&e.showRightPanel?constants_1.LayoutVariant.THREE_PANEL:constants_1.LayoutVariant.STACKED},e.showRightPanel&&e.layout!==constants_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStub,null),w&&react_1.default.createElement(ApiInfo_1.ApiInfo,{store:e}),R&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{store:e}),react_1.default.createElement(ContentItems_1.ContentItems,{items:x,store:e}),y.showNextButton&&react_1.default.createElement(NextSectionButton_1.ContinueButton,{pagination:y.pagination,menu:p}),r),react_1.default.createElement(styled_elements_1.ControlsWrap,null,react_1.default.createElement(styled_elements_1.ToggleRightPanelButton,{store:e,isVisible:e.layout===constants_1.LayoutVariant.THREE_PANEL}),react_1.default.createElement(styled_elements_1.ChangeViewButton,{store:e,isVisible:e.showRightPanel})),react_1.default.createElement(Search_1.ProSearchBox,{search:f,marker:S,menu:p,onActivate:p.activateAndScroll.bind(p),options:y,shown:d,hidePopUp:()=>u(!1),showPopUp:()=>u(!0),setSearchValue:m,searchValue:_}),e.showRightPanel&&e.layout!==constants_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_elements_1.BackgroundStubFix,null)))};function RedoclyReferenceDocsStandalone(e){const{definition:t,definitionUrl:a,options:r={},activeItemId:o,activeSampleLanguage:n,activeDeepLink:i}=e,l=(0,utils_1.argValueToBoolean)(r.hideLoading,!1),s=react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:a,options:r,activeItemId:o,activeSampleLanguage:n,activeDeepLink:i},(({loading:e,store:t})=>e?l?null:react_1.default.createElement(Loading_1.Loading,{color:"--loading-spinner-color"}):react_1.default.createElement(exports.RedoclyReferenceDocs,{store:t})));return r.disableErrorBoundary?s:react_1.default.createElement(ErrorBoundary_1.ErrorBoundary,null,s)}exports.RedoclyReferenceDocs=(0,mobx_react_1.observer)(RedoclyReferenceDocsComponent),exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;const RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)`
   background-color: var(--background-color);
 `;
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib/components/RedoclyReferenceDocsMultiStandalone.d.ts

@@ -1,7 +1,7 @@
 import type { SpecVersions } from '../services/VersionedSpecStore';
-import type { RedocProRawOptions } from '../services';
+import type { RawOptions } from '../services';
 export interface RedoclyReferenceDocsMultiStandaloneProps {
     definitions: SpecVersions;
-    options?: RedocProRawOptions;
+    options?: RawOptions;
 }
 export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;

package/lib/components/RedoclyReferenceDocsMultiStandalone.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=void 0;const react_1=__importDefault(require("react")),redoc_lib_1=require("../redoc-lib"),StoreProvider_1=require("./StoreProvider"),RedoclyReferenceDocs_1=require("./RedoclyReferenceDocs");function RedoclyReferenceDocsMultiStandalone({definitions:e,options:o={}}){const r=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1);return react_1.default.createElement(redoc_lib_1.ErrorBoundary,null,react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definitions:e,options:o},(({loading:e,store:o})=>e?r?null:react_1.default.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs_1.RedoclyReferenceDocs,{store:o}))))}exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=void 0;const react_1=__importDefault(require("react")),utils_1=require("../utils"),StoreProvider_1=require("./StoreProvider"),RedoclyReferenceDocs_1=require("./RedoclyReferenceDocs"),ErrorBoundary_1=require("./ErrorBoundary"),Loading_1=require("./Loading");function RedoclyReferenceDocsMultiStandalone({definitions:e,options:r={}}){const o=(0,utils_1.argValueToBoolean)(r.hideLoading,!1);return react_1.default.createElement(ErrorBoundary_1.ErrorBoundary,null,react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definitions:e,options:r},(({loading:e,store:r})=>e?o?null:react_1.default.createElement(Loading_1.Loading,{color:"--spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs_1.RedoclyReferenceDocs,{store:r}))))}exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
 //# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

package/lib/components/RenderHook/RenderHook.d.ts

@@ -0,0 +1,7 @@
+import type { HookConfig } from '../../services';
+import type { SchemaModel } from '../../models';
+export declare function RenderHook<T>(props: {
+    Hook?: HookConfig<T>;
+    props: T;
+}): JSX.Element | null;
+export declare function getAccessModeLabelText(schema: SchemaModel, showAccessMode: boolean): string | null;

package/lib/components/RenderHook/index.d.ts

@@ -0,0 +1 @@
+export { RenderHook, getAccessModeLabelText } from './RenderHook';

package/lib/components/RenderHook/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAccessModeLabelText=exports.RenderHook=void 0;var RenderHook_1=require("./RenderHook");Object.defineProperty(exports,"RenderHook",{enumerable:!0,get:function(){return RenderHook_1.RenderHook}}),Object.defineProperty(exports,"getAccessModeLabelText",{enumerable:!0,get:function(){return RenderHook_1.getAccessModeLabelText}});
+//# sourceMappingURL=index.js.map

package/lib/components/RequestSamples/CodeSample.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { MediaContentModel, OperationModel } from '../../models';
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { ExampleSwitchOptions } from '../Samples';
+interface CodeSamplesProps extends ExampleSwitchOptions {
+    content?: MediaContentModel;
+    operation: OperationModel;
+    lang: string;
+    source?: string;
+    externalSample?: Unstable_ExternalCodeSample;
+    pathParams?: any;
+    properties?: any;
+    onlyDefaultSample?: boolean;
+    onlyDefaultMimeType?: boolean;
+    onCopyClick(): void;
+}
+export declare const CodeSample: React.FC<CodeSamplesProps>;
+export {};

package/lib/components/RequestSamples/CodeSample.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),theme_1=require("@redocly/theme"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var{onlyDefaultSample:t,onlyDefaultMimeType:r,content:o,onCopyClick:a}=e,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const l=(0,react_1.useCallback)((e=>{var t,a,n;const l=r&&(null===(t=e.operation)||void 0===t?void 0:t.defaultMimeType);return(null!==(n=null===(a=null==o?void 0:o.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>1&&!l?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))):null}),[o,r]),i=e=>n.source?react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0,onCopyClick:a}):react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0,onCopyClick:a});return void 0===o||null!=n.source?i():react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:l},(e=>react_1.default.createElement(Example_1.Example,{mediaType:e,mediaContent:o,renderSample:i,onlyDefaultSample:t})))}exports.CodeSample=(0,mobx_react_1.observer)(CodeSampleComponent);
+//# sourceMappingURL=CodeSample.js.map

package/lib/components/RequestSamples/Example.d.ts

@@ -0,0 +1,10 @@
+import type { MediaContentModel, MediaTypeModel } from '../../models';
+interface ExampleProps {
+    mediaType: MediaTypeModel;
+    mediaContent: MediaContentModel;
+    onlyDefaultSample?: boolean;
+    renderSample: (exampleName?: string) => JSX.Element;
+}
+declare function ExampleComponent({ mediaType, mediaContent, renderSample, onlyDefaultSample, }: ExampleProps): JSX.Element;
+export declare const Example: typeof ExampleComponent;
+export {};

package/lib/components/RequestSamples/Example.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const mobx_react_1=require("mobx-react"),react_1=__importDefault(require("react")),Samples_1=require("../Samples");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:a,onlyDefaultSample:r}){const l=e.examples||{},m=Object.keys(l),{exampleKey:p,defaultExampleName:n}=(0,Samples_1.useExampleKey)(e.operation,l);if(!m.length||1===m.length)return a();if(n&&r)return a(p);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:l,exampleKey:p,onChange:e=>t.activateExampleName(e)}),a(p))}exports.Example=(0,mobx_react_1.observer)(ExampleComponent);
+//# sourceMappingURL=Example.js.map

package/lib/components/RequestSamples/RequestSamples.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MediaContentModel, OperationModel } from '../../models';
+interface RequestSamplesProps {
+    operation: OperationModel;
+    defaultLanguage?: string;
+    pathParams?: any;
+    properties?: any;
+    disableHeader?: boolean;
+    onlyDefaultSample?: boolean;
+    onlyDefaultMimeType?: boolean;
+    content?: MediaContentModel;
+}
+export declare const RequestSamples: React.FC<RequestSamplesProps>;
+export {};

package/lib/components/RequestSamples/RequestSamples.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),react_tabs_1=require("react-tabs"),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),services_1=require("../../services"),models_1=require("../../models"),events_1=require("../../events"),Samples_1=require("../Samples"),context_1=require("../../context"),Panel_1=require("../Panel");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a,disableHeader:r,content:l}=e,n=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:o,hideSingleRequestSampleTab:s}=(0,react_1.useContext)(context_1.OptionsContext);(0,react_1.useEffect)((()=>{}),[t.activeServer,t.requestValues]);const{samples:i,payload:u}=(0,useCodeSamples_1.useCodeSamples)(t),c=1===i.length&&s,p=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var r;const l=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(r=null==o?void 0:o.codeSamplesCopy)||void 0===r||r.call(o,l)}),[t,o]);return i.length?react_1.default.createElement(Panel_1.CodePanel,{className:"panel-request-samples",header:r?void 0:(0,services_1.l)("requestSamples"),onToggle:e=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:t,isExpanded:e,panelType:"request-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,r)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:t,tabs:i,onChange:e=>{var a;const r=(0,events_1.createLanguageSwitchEvent)({operation:t,sample:e});null===(a=null==o?void 0:o.codeSamplesLanguageSwitch)||void 0===a||a.call(o,r)},hidden:c,defaultLanguage:a,id:t.id+"/request-tab"},i.map((e=>react_1.default.createElement(react_tabs_1.TabPanel,{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,operation:t,onCopyClick:p(e)},n)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==u?void 0:u.requestBodyContent,operation:t,onCopyClick:p(e)},n))))))):null}exports.RequestSamples=(0,mobx_react_1.observer)(RequestSamplesComponent);
+//# sourceMappingURL=RequestSamples.js.map

package/lib/components/RequestSamples/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeSample } from './CodeSample';
+export { RequestSamples } from './RequestSamples';

package/lib/components/RequestSamples/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=exports.CodeSample=void 0;var CodeSample_1=require("./CodeSample");Object.defineProperty(exports,"CodeSample",{enumerable:!0,get:function(){return CodeSample_1.CodeSample}});var RequestSamples_1=require("./RequestSamples");Object.defineProperty(exports,"RequestSamples",{enumerable:!0,get:function(){return RequestSamples_1.RequestSamples}});
+//# sourceMappingURL=index.js.map

package/lib/components/RequestSamples/useCodeSamples.d.ts

@@ -0,0 +1,10 @@
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { OperationModel } from '../../models';
+import type { OpenAPIXCodeSample } from '../../types';
+export declare function useCodeSamples({ allCodeSamples, payload }: OperationModel): {
+    payload: OperationModel['payload'];
+    samples: Array<{
+        key: string;
+        title: string;
+    } & (Unstable_ExternalCodeSample | OpenAPIXCodeSample)>;
+};