@redocly/reference-docs 2.36.1 → 2.37.1

package/lib-esm/components/NextSectionButton.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{userIsForcingNavigation}from"../redoc-lib/src/common-elements/linkify";import{styled,IS_BROWSER}from"../redoc-lib";import{ButtonLink,Button}from"./shared/Button";import{NextSectionButtonWrap}from"./styled.elements";export var NextSectionButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""}));export var NextSectionButtonLink=styled(ButtonLink)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""}));export var ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,r=o.nextLabel;return i?React.createElement(NextSectionButtonWrap,null,React.createElement(NextSectionButtonLink,{color:"secondary",onClick:function(e){var t;e.defaultPrevented||userIsForcingNavigation(e)||(e.preventDefault(),t=i,IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:i.href},"➔ Next to ",React.createElement("strong",null,r))):null};function getNext(e,t){var n,o,i,r=t.renderItems,l=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=l.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!r.length)return"group"===(a=l[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(r[r.length-1],l))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(r[0].type){case"tag":i=null==(a=nextOperationOrTagItem(r[0],l))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(r[r.length-1],l))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(r[0],l))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}var templateObject_1,templateObject_2;
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{userIsForcingNavigation}from"../redoc-lib/src/common-elements/linkify";import{styled,IS_BROWSER}from"../redoc-lib";import{ButtonLink,Button}from"./shared/Button";import{NextSectionButtonWrap}from"./styled.elements";export var NextSectionButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""}));export var NextSectionButtonLink=styled(ButtonLink)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""}));export var ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,r=o.nextLabel;return i?_jsx(NextSectionButtonWrap,{children:_jsxs(NextSectionButtonLink,__assign({color:"secondary",onClick:function(e){var t;e.defaultPrevented||userIsForcingNavigation(e)||(e.preventDefault(),t=i,IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:i.href},{children:["➔ Next to ",_jsx("strong",{children:r},void 0)]}),void 0)},void 0):null};function getNext(e,t){var n,o,i,r=t.renderItems,l=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=l.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!r.length)return"group"===(a=l[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(r[r.length-1],l))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(r[0].type){case"tag":i=null==(a=nextOperationOrTagItem(r[0],l))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(r[r.length-1],l))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(r[0],l))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}var templateObject_1,templateObject_2;
 //# sourceMappingURL=NextSectionButton.js.map

package/lib-esm/components/OperationParameters/OperationParameters.js

@@ -1,2 +1,2 @@
-import{__spreadArray}from"tslib";import React,{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../console/ParameterDropdown";import{ParameterArray}from"../console/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";var PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(e){var r=e.id,a=e.param,t=e.values,n=useMemo((function(){return createValidator(a)}),[a]),o=Array.isArray(a.schema.enum)&&a.schema.enum.length?a.schema.enum:void 0,m=getInitialValue(a.schema),l=r.split(".").map((function(e){return unescapeFormId(e)}));return o?React.createElement(FormControl,null,React.createElement(ParameterEnumDropdown,{initValue:m,paramEnum:o,field:r})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:r,field:r,placeholder:placeholder(a),validate:n,initialValue:m||get(t,l),validateOnBlur:!0,validateOnChange:!0})}export function OperationParameters(e){var r=e.values,a=e.operation,t=useMemo((function(){return orderParams(a.parameters||[])}),[a]),n=function(e,a,t,o){var m,l=t?dottedString(t,e.name):e.name,i=isNotSupported(e.schema),c=t?[a,t]:[e.in],p=dottedString.apply(void 0,__spreadArray(__spreadArray([],c,!1),[escapeFormId(e.name)],!1));return i&&console.warn('Unsupported parameter definition: "'+i+'"'),e.schema.type===SchemaType.ARRAY?React.createElement(ParameterArray,{key:p,name:l,param:e,place:a,renderParameter:n}):e.schema.type===SchemaType.OBJECT?null===(m=e.schema.fields)||void 0===m?void 0:m.map((function(e){return n(e,a,l)})):React.createElement(FormControl,{key:p},React.createElement(FormLabel,{required:e.required},o||l,":"),i?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:p,param:e,values:r}))};return React.createElement(Table,null,PARAM_PLACES.map((function(e){var r=t[e];return r&&r.length?React.createElement(Fragment,{key:e},React.createElement(FormControl,null,React.createElement(GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),r.map((function(r){return n(r,e)}))):null})))}
+import{__assign,__spreadArray}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../console/ParameterDropdown";import{ParameterArray}from"../console/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";var PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(r){var e=r.id,a=r.param,o=r.values,t=useMemo((function(){return createValidator(a)}),[a]),n=Array.isArray(a.schema.enum)&&a.schema.enum.length?a.schema.enum:void 0,i=getInitialValue(a.schema),m=e.split(".").map((function(r){return unescapeFormId(r)}));return n?_jsx(FormControl,{children:_jsx(ParameterEnumDropdown,{initValue:i,paramEnum:n,field:e},void 0)},void 0):_jsx(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(a),validate:t,initialValue:i||get(o,m),validateOnBlur:!0,validateOnChange:!0},void 0)}export function OperationParameters(r){var e=r.values,a=r.operation,o=useMemo((function(){return orderParams(a.parameters||[])}),[a]),t=function(r,a,o,n){var i,m=o?dottedString(o,r.name):r.name,s=isNotSupported(r.schema),d=o?[a,o]:[r.in],l=dottedString.apply(void 0,__spreadArray(__spreadArray([],d,!1),[escapeFormId(r.name)],!1));return s&&console.warn('Unsupported parameter definition: "'+s+'"'),r.schema.type===SchemaType.ARRAY?_jsx(ParameterArray,{name:m,param:r,place:a,renderParameter:t},l):r.schema.type===SchemaType.OBJECT?null===(i=r.schema.fields)||void 0===i?void 0:i.map((function(r){return t(r,a,m)})):_jsxs(FormControl,{children:[_jsxs(FormLabel,__assign({required:r.required},{children:[n||m,":"]}),void 0),s?_jsx(FormWarning,{children:"Unsupported field schema definition"},void 0):_jsx(FormControlWrapper,{id:l,param:r,values:e},void 0)]},l)};return _jsx(Table,{children:PARAM_PLACES.map((function(r){var e=o[r];return e&&e.length?_jsxs(Fragment,{children:[_jsxs(FormControl,{children:[_jsxs(GroupLabel,{children:[" # ",r," parameters "]},void 0),_jsx("span",{children:" "},void 0)]},void 0),e.map((function(e){return t(e,r)}))]},r):null}))},void 0)}
 //# sourceMappingURL=OperationParameters.js.map

package/lib-esm/components/Overlay.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../redoc-lib";var INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export var Overlay=function(e){var n=e.l,t=React.useState(null),a=t[0],i=t[1],l=React.useState(-1),r=l[0],o=l[1],c=React.useState(!1),d=c[0],s=c[1];return React.useEffect((function(){__awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return[4,n];case 1:return(e=a.sent()).local?(s(!0),[2]):(e.valid?e.allowed?e.expired&&i(e.t?EXPIRED:TRIAL_EXPIRED):i(INVALID_HOST):i(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&o(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[n]),d?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!a&&r>-1?React.createElement(TrialWrap,null," Trial version: ",r," days remaining "):a?React.createElement(Flash,null,React.createElement("span",null,a," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};var templateObject_1,templateObject_2,TrialWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
+import{__assign,__awaiter,__generator,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{styled}from"../redoc-lib";var INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export var Overlay=function(n){var e=n.l,i=useState(null),t=i[0],a=i[1],o=useState(-1),r=o[0],l=o[1],s=useState(!1),d=s[0],c=s[1];return useEffect((function(){__awaiter(void 0,void 0,void 0,(function(){var n,i;return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return(n=t.sent()).local?(c(!0),[2]):(n.valid?n.allowed?n.expired&&a(n.t?EXPIRED:TRIAL_EXPIRED):a(INVALID_HOST):a(!1===n.valid?INVALID_KEY+(n.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),n.t&&l(Math.ceil(((null!==(i=null==n?void 0:n.e)&&void 0!==i?i:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[e]),d?_jsxs(TrialWrap,{children:[_jsx("a",__assign({href:"https://redoc.ly"},{children:"Redocly API reference docs"}),void 0)," preview"]},void 0):!t&&r>-1?_jsxs(TrialWrap,{children:[" Trial version: ",r," days remaining "]},void 0):t?_jsx(Flash,{children:_jsxs("span",{children:[t," ",_jsx("br",{},void 0),_jsxs("small",{children:["Please contact ",_jsx("a",__assign({href:"mailto:team@redoc.ly"},{children:"team@redoc.ly"}),void 0)," to remedy the problem."," "]},void 0)]},void 0)},void 0):null};var templateObject_1,templateObject_2,TrialWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
 //# sourceMappingURL=Overlay.js.map

package/lib-esm/components/Panel/Accordion.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import type { PropsWithChildren } from 'react';
 export interface AccordionProps {
     initialActiveIdx?: number;
 }
-export declare const Accordion: ({ initialActiveIdx, children, }: React.PropsWithChildren<AccordionProps>) => JSX.Element;
+export declare const Accordion: ({ initialActiveIdx, children, }: PropsWithChildren<AccordionProps>) => JSX.Element;

package/lib-esm/components/Panel/Accordion.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{useState}from"react";export var Accordion=function(e){var t=e.initialActiveIdx,n=e.children,a=useState(t),c=a[0],r=a[1],i=React.useState(!1),u=i[0],l=i[1];React.useEffect((function(){setTimeout((function(){l(!0)}),500)}),[]),React.useEffect((function(){u||r(t)}),[t,u]);var o=React.useCallback((function(e){r(e)}),[r]),f=React.Children.toArray(n).filter(React.isValidElement);return React.createElement(React.Fragment,null,React.Children.map(f,(function(e,t){return React.cloneElement(e,{expanded:t===c,onToggle:function(){return o(t)}})||null}))||null)};
+import{Fragment as _Fragment,jsx as _jsx}from"react/jsx-runtime";import{Children,cloneElement,isValidElement,useCallback,useEffect,useState}from"react";export var Accordion=function(e){var n=e.initialActiveIdx,t=e.children,r=useState(n),i=r[0],l=r[1],a=useState(!1),u=a[0],c=a[1];useEffect((function(){setTimeout((function(){c(!0)}),500)}),[]),useEffect((function(){u||l(n)}),[n,u]);var o=useCallback((function(e){l(e)}),[l]),s=Children.toArray(t).filter(isValidElement);return _jsx(_Fragment,{children:Children.map(s,(function(e,n){return cloneElement(e,{expanded:n===i,onToggle:function(){return o(n)}})||null}))||null},void 0)};
 //# sourceMappingURL=Accordion.js.map

package/lib-esm/components/Panel/PanelComponent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { PropsWithChildren } from 'react';
 export interface PanelHeaderProps {
     expanded?: boolean;

package/lib-esm/components/Panel/PanelComponent.js

@@ -1,2 +1,2 @@
-import React,{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";import{Description}from"./Description";export function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,o=e.header,i=e.dataHeaderTestId,c=e.className,l=e.children,d=e.onToggle,m=e.description,f=useState(r),p=f[0],s=f[1],u=useState(!1),g=u[0],E=u[1],T=function(e){e.target instanceof HTMLAnchorElement||(E(!0),s(!p),null==d||d(!p))};return useEffect((function(){return s(r)}),[r]),React.createElement("div",{className:c},o&&("function"==typeof o?o({expanded:p,toggle:T}):React.createElement(Header,{"data-cy":i,onClick:T,isExpanded:p},React.createElement(Trigger,null,React.createElement(Title,null,o),React.createElement(ShelfIcon,{direction:p?"down":"right",mr:"10px"}),React.createElement(Description,null,m," ")))),(p||a)&&React.createElement(PanelBody,{hidden:!p,animate:g},l))}
+import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";import{Description}from"./Description";export function PanelComponent(e){var i=e.expanded,r=void 0===i||i,o=e.renderChildrenHidden,n=void 0!==o&&o,t=e.header,s=e.dataHeaderTestId,d=e.className,a=e.children,c=e.onToggle,l=e.description,m=useState(r),f=m[0],p=m[1],x=useState(!1),_=x[0],g=x[1],h=function(e){e.target instanceof HTMLAnchorElement||(g(!0),p(!f),null==c||c(!f))};return useEffect((function(){return p(r)}),[r]),_jsxs("div",__assign({className:d},{children:[t&&("function"==typeof t?t({expanded:f,toggle:h}):_jsx(Header,__assign({"data-cy":s,onClick:h,isExpanded:f},{children:_jsxs(Trigger,{children:[_jsx(Title,{children:t},void 0),_jsx(ShelfIcon,{direction:f?"down":"right",mr:"10px"},void 0),_jsxs(Description,{children:[l," "]},void 0)]},void 0)}),void 0)),(f||n)&&_jsx(PanelBody,__assign({hidden:!f,animate:_},{children:a}),void 0)]}),void 0)}
 //# sourceMappingURL=PanelComponent.js.map

package/lib-esm/components/ProProviders.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { RedocNormalizedOptions } from '../redoc-lib';
 import type { ProStore } from '../services/ProStore';
 export interface ProProvidersProps {

package/lib-esm/components/ProProviders.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import*as React from"react";import{ThemeProvider,OptionsProvider,StoreProvider}from"../redoc-lib";export var ProProviders=function(e){var r=e.store,o=e.children,t=e.customOptions,i=void 0===t?{}:t,a=__assign(__assign({},r.options),i);return React.createElement(ThemeProvider,{theme:r.options.theme},React.createElement(OptionsProvider,{value:a},React.createElement(StoreProvider,{value:r},o)))};
+import{__assign}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{ThemeProvider,OptionsProvider,StoreProvider}from"../redoc-lib";export var ProProviders=function(r){var i=r.store,o=r.children,e=r.customOptions,s=void 0===e?{}:e,t=__assign(__assign({},i.options),s);return _jsx(ThemeProvider,__assign({theme:i.options.theme},{children:_jsx(OptionsProvider,__assign({value:t},{children:_jsx(StoreProvider,__assign({value:i},{children:o}),void 0)}),void 0)}),void 0)};
 //# sourceMappingURL=ProProviders.js.map

package/lib-esm/components/RedoclyReferenceDocs.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { ProStore, RedocProRawOptions } from '../services/ProStore';
 import type { CodeSampleConfig } from '../services/code-samples/types';
 import { LayoutVariant } from '../services/store-types';
@@ -17,10 +17,10 @@ interface CssFixesProps {
     layout: LayoutVariant;
 }
 export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("../services/extendTheme").ProTheme>;
-export declare class RedoclyReferenceDocs extends React.Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
+export declare class RedoclyReferenceDocs extends Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
     private _observer;
     private _updatedItems;
-    rootElementRef: React.RefObject<HTMLDivElement>;
+    rootElementRef: import("react").RefObject<HTMLDivElement>;
     constructor(props: RedoclyReferenceDocsProps);
     componentDidMount(): void;
     componentDidUpdate(): void;

package/lib-esm/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{LayoutVariant}from"../services/store-types";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),RightPanel,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:a===LayoutVariant.STACKED?"100%":"",paddingLeft:a===LayoutVariant.STACKED?n.spacing.sectionHorizontal:"",display:o?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({display:o&&a!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,n,o,a=e.theme,r=e.showRightPanel,i=e.layout;return mediaCSS({maxWidth:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[a.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.rightPanel.width,a.layout["three-panel"].middlePanelMaxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},n)):"0",paddingRight:i===LayoutVariant.STACKED?a.spacing.sectionHorizontal:"",width:r&&i===LayoutVariant.THREE_PANEL?"":(o={},o[ZERO_BREAKPOINT]="",o[a.rightPanel.showAtBreakpoint]="100%",o)})}),ApiContentWrap,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a===LayoutVariant.THREE_PANEL&&o?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var templateObject_1,RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=reaction((function(){return n.props.store.menu.renderItems}),(function(){n._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,n=t.store,o=t._forceRenderInfo,a=n.definition,r=n.menu,i=n.options,l=n.search,c=n.marker,s=i.hideDownloadButton,u=i.hideInfoSection,d=i.pagination,p=i.disableSidebar,m=r.renderItems,h="none"===d||r.activeRenderItemIdx<=0,R=!u&&h;R&&"none"!==d&&p&&m[0]&&"section"!==m[0].type&&(R=!1),o&&(R=!0);var f=!R&&null!==s&&!s&&h;return React.createElement(ProProviders,{store:n},React.createElement(RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:n.l}),React.createElement(CssFixes,{whiteLabel:i.whiteLabel,showRightPanel:n.showRightPanel,layout:n.layout}),n.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:n,operation:n.tryItOperation,onClose:this.handleClose}),!i.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:r,className:"menu-content"},!i.hideLogo&&React.createElement(ApiLogo,{info:a.info}),a instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:a,onChange:function(e){void 0!==e.idx&&a.changeVersion(e.idx),r.updateItemsByVersionChange(!0),n.tryItOut(void 0)}}),!i.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:c,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(SideMenu,{menu:r})),React.createElement(ApiContentWrap,{className:(n.isLoading?"loading ":"")+"api-content",layout:n.layout===LayoutVariant.THREE_PANEL&&n.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},i.theme.layout.showDarkRightPanel&&n.showRightPanel&&n.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),R&&React.createElement(ApiInfo,{store:n}),f&&React.createElement(DownloadButtonWithLabel,{store:n}),React.createElement(ContentItems,{items:m,store:n}),i.showNextButton&&React.createElement(ContinueButton,{pagination:i.pagination,menu:r}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:n,isVisible:n.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:n,isVisible:n.showRightPanel})),React.createElement(ProSearchBox,{search:l,marker:c,menu:r,onActivate:r.activateAndScroll.bind(r),options:i,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),i.theme.layout.showDarkRightPanel&&n.showRightPanel&&n.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,a=void 0===o?{}:o,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(a.hideLoading,!1),s=new RedocNormalizedOptions(a),u=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:a,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:s.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})}));return a.disableErrorBoundary?u:React.createElement(ErrorBoundary,null,u)}
+import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{createRef,Component}from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{LayoutVariant}from"../services/store-types";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),RightPanel,(function(e){var t,o=e.theme,n=e.showRightPanel,i=e.layout;return mediaCSS({width:i===LayoutVariant.STACKED?"100%":"",paddingLeft:i===LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:n?"":(t={},t[ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,o=e.theme,n=e.showRightPanel,i=e.layout;return mediaCSS({display:n&&i!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,o,n,i=e.theme,r=e.showRightPanel,a=e.layout;return mediaCSS({maxWidth:r&&a===LayoutVariant.THREE_PANEL?mediaMap(i.breakpoints,[i.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[i.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&a===LayoutVariant.THREE_PANEL?mediaMap(i.breakpoints,[i.rightPanel.width,i.layout["three-panel"].middlePanelMaxWidth],(o={},o[ZERO_BREAKPOINT]=function(){return"0"},o[i.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},o)):"0",paddingRight:a===LayoutVariant.STACKED?i.spacing.sectionHorizontal:"",width:r&&a===LayoutVariant.THREE_PANEL?"":(n={},n[ZERO_BREAKPOINT]="",n[i.rightPanel.showAtBreakpoint]="100%",n)})}),ApiContentWrap,(function(e){var t,o=e.theme,n=e.showRightPanel,i=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+o.sidebar.width+")",t),maxWidth:o.layout[i===LayoutVariant.THREE_PANEL&&n?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var templateObject_1,RedoclyReferenceDocs=function(e){function t(t){var o=e.call(this,t)||this;return Object.defineProperty(o,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(o,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:createRef()}),Object.defineProperty(o,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.props.store.tryItOut()}}),o.state={searchPopUpShown:!1,searchPopUpValue:""},o}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,o=this;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=reaction((function(){return o.props.store.menu.renderItems}),(function(){o._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,o=t.store,n=t._forceRenderInfo,i=o.definition,r=o.menu,a=o.options,s=o.search,l=o.marker,d=a.hideDownloadButton,c=a.hideInfoSection,u=a.pagination,p=a.disableSidebar,h=r.renderItems,m="none"===u||r.activeRenderItemIdx<=0,f=!c&&m;f&&"none"!==u&&p&&h[0]&&"section"!==h[0].type&&(f=!1),n&&(f=!0);var v=!f&&null!==d&&!d&&m;return _jsx(ProProviders,__assign({store:o},{children:_jsxs(RedocWrap,__assign({className:"redoc-wrap",ref:this.rootElementRef},{children:[_jsx(Overlay,{l:o.l},void 0),_jsx(CssFixes,{whiteLabel:a.whiteLabel,showRightPanel:o.showRightPanel,layout:o.layout},void 0),o.tryItOperation&&_jsx(Console,{rootElement:this.rootElementRef.current,store:o,operation:o.tryItOperation,onClose:this.handleClose},void 0),!a.disableSidebar&&_jsxs(StickyResponsiveSidebar,__assign({menu:r,className:"menu-content"},{children:[!a.hideLogo&&_jsx(ApiLogo,{info:i.info},void 0),i instanceof VersionedSpecStore&&_jsx(VersionSwitcher,{spec:i,onChange:function(e){void 0!==e.idx&&i.changeVersion(e.idx),r.updateItemsByVersionChange(!0),o.tryItOut(void 0)}},void 0),!a.disableSearch&&_jsx(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:l,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}},void 0),_jsx(SideMenu,{menu:r},void 0)]}),void 0),_jsxs(ApiContentWrap,__assign({className:(o.isLoading?"loading ":"")+"api-content",layout:o.layout===LayoutVariant.THREE_PANEL&&o.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},{children:[a.theme.layout.showDarkRightPanel&&o.showRightPanel&&o.layout!==LayoutVariant.STACKED&&_jsx(BackgroundStub,{},void 0),f&&_jsx(ApiInfo,{store:o},void 0),v&&_jsx(DownloadButtonWithLabel,{store:o},void 0),_jsx(ContentItems,{items:h,store:o},void 0),a.showNextButton&&_jsx(ContinueButton,{pagination:a.pagination,menu:r},void 0),this.props.children]}),void 0),_jsxs(ControlsWrap,{children:[_jsx(ToggleRightPanelButton,{store:o,isVisible:o.layout===LayoutVariant.THREE_PANEL},void 0),_jsx(ChangeViewButton,{store:o,isVisible:o.showRightPanel},void 0)]},void 0),_jsx(ProSearchBox,{search:s,marker:l,menu:r,onActivate:r.activateAndScroll.bind(r),options:a,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue},void 0),a.theme.layout.showDarkRightPanel&&o.showRightPanel&&o.layout!==LayoutVariant.STACKED&&_jsx(BackgroundStubFix,{},void 0)]}),void 0)}),void 0)}}),t=__decorate([observer],t)}(Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,o=e.definitionUrl,n=e.options,i=void 0===n?{}:n,r=e.activeItemId,a=e.activeSampleLanguage,s=e.activeDeepLink,l=argValueToBoolean(i.hideLoading,!1),d=new RedocNormalizedOptions(i),c=_jsx(ProStoreProvider,__assign({definition:t,definitionUrl:o,options:i,activeItemId:r,activeSampleLanguage:a,activeDeepLink:s},{children:function(e){var t=e.loading,o=e.store;return t?l?null:_jsx(Loading,{color:d.theme.colors.primary.main},void 0):_jsx(RedoclyReferenceDocs,{store:o},void 0)}}),void 0);return i.disableErrorBoundary?c:_jsx(ErrorBoundary,{children:c},void 0)}
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib-esm/components/RedoclyReferenceDocsMultiStandalone.js

@@ -1,2 +1,2 @@
-import React from"react";import{argValueToBoolean,ErrorBoundary,Loading,RedocNormalizedOptions}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone(e){var o=e.definitions,r=e.options,t=void 0===r?{}:r,n=argValueToBoolean(t.hideLoading,!1),i=new RedocNormalizedOptions(t);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:o,options:t},(function(e){var o=e.loading,r=e.store;return o?n?null:React.createElement(Loading,{color:i.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:r})})))}
+import{__assign}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{argValueToBoolean,ErrorBoundary,Loading,RedocNormalizedOptions}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone(o){var r=o.definitions,e=o.options,i=void 0===e?{}:e,n=argValueToBoolean(i.hideLoading,!1),d=new RedocNormalizedOptions(i);return _jsx(ErrorBoundary,{children:_jsx(ProStoreProvider,__assign({definitions:r,options:i},{children:function(o){var r=o.loading,e=o.store;return r?n?null:_jsx(Loading,{color:d.theme.colors.primary.main},void 0):_jsx(RedoclyReferenceDocs,{store:e},void 0)}}),void 0)},void 0)}
 //# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";export var ExampleSwitch=function(e){var t,a,o=e.exampleKey,r=e.examples,n=e.onChange,m=Object.keys(r),l=o?m.indexOf(o):0,c=useState(l>-1?l:0),u=c[0],i=c[1];useEffect((function(){return i(l>-1?l:0)}),[o,l]);var d=m.map((function(e,t){return{value:r[e].summary||e,idx:t}}));return React.createElement(React.Fragment,null,"default"!==(null===(t=d[u])||void 0===t?void 0:t.value)&&React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown,{variant:"dark",fullWidth:!0,options:d,value:null===(a=d[u])||void 0===a?void 0:a.value,onChange:function(e){var t=e.idx;i(t),n(m[t])}})),o&&-1===l&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+import{__assign}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";export var ExampleSwitch=function(o){var r,e,a=o.exampleKey,n=o.examples,t=o.onChange,s=Object.keys(n),i=a?s.indexOf(a):0,m=useState(i>-1?i:0),d=m[0],l=m[1];useEffect((function(){return l(i>-1?i:0)}),[a,i]);var u=s.map((function(o,r){return{value:n[o].summary||o,idx:r}}));return _jsxs(_Fragment,{children:["default"!==(null===(r=u[d])||void 0===r?void 0:r.value)&&_jsx(FormControl,__assign({"data-cy":"example-switch"},{children:_jsx(Dropdown,{variant:"dark",fullWidth:!0,options:u,value:null===(e=u[d])||void 0===e?void 0:e.value,onChange:function(o){var r=o.idx;l(r),t(s[r])}},void 0)}),void 0),a&&-1===i&&_jsx(WarnMessage,{children:"Provided sample not found"},void 0)]},void 0)};
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib-esm/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-import React,{useContext,useEffect,useLayoutEffect,useState,useMemo,useCallback}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";export var SamplesTabs=observer((function(e){var t=e.children,a=e.onChange,n=e.defaultLanguage,o=e.id,r=e.tabs,u=e.operation,i=useContext(StoreContext),l=useState(n),s=l[0],c=l[1],d=useState(),m=d[0],g=d[1],f=useMemo((function(){var e=r.findIndex((function(e){return[null==i?void 0:i.activeSampleLanguage,s].includes(e.key)||e.lang===(null==i?void 0:i.activeSampleLanguage)}));return-1===e?0:e}),[r,s,null==i?void 0:i.activeSampleLanguage]),p=useMemo((function(){return r.map((function(e){return e.lang}))}),[r]);useLayoutEffect((function(){var e,t=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(t&&m&&t!==m){var a=t-m;window.requestAnimationFrame((function(){return window.scrollBy(0,a)})),g(void 0)}}),[p,m,o]),useEffect((function(){return null==i?void 0:i.stopLoader()}),[null==i?void 0:i.activeSampleLanguage]),useEffect((function(){s&&(null==i||i.startLoader(),null==i||i.activateSampleLanguage(s))}),[s,n]);var v=useCallback((function(e){var t,n=r[e];g(null===(t=document.getElementById(o))||void 0===t?void 0:t.getBoundingClientRect().y),c(n.key),a&&a(n)}),[o,a,r]);return React.createElement(LoadingWrapper,{className:s&&"updated",id:o},React.createElement(CollapsingTabsBase,{tabs:r,operation:u,activeIndex:f,onChange:v},n&&-1===p.indexOf(n)&&React.createElement(WarnMessage,null,"Provided language is not supported"),t))}));
+import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useLayoutEffect,useState,useMemo,useCallback}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";export var SamplesTabs=observer((function(e){var n=e.children,a=e.onChange,t=e.defaultLanguage,o=e.id,r=e.tabs,i=e.operation,s=useContext(StoreContext),u=useState(t),l=u[0],d=u[1],c=useState(),m=c[0],g=c[1],f=useMemo((function(){var e=r.findIndex((function(e){return[null==s?void 0:s.activeSampleLanguage,l].includes(e.key)||e.lang===(null==s?void 0:s.activeSampleLanguage)}));return-1===e?0:e}),[r,l,null==s?void 0:s.activeSampleLanguage]),p=useMemo((function(){return r.map((function(e){return e.lang}))}),[r]);useLayoutEffect((function(){var e,n=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(n&&m&&n!==m){var a=n-m;window.requestAnimationFrame((function(){return window.scrollBy(0,a)})),g(void 0)}}),[p,m,o]),useEffect((function(){return null==s?void 0:s.stopLoader()}),[null==s?void 0:s.activeSampleLanguage]),useEffect((function(){l&&(null==s||s.startLoader(),null==s||s.activateSampleLanguage(l))}),[l,t]);var v=useCallback((function(e){var n,t=r[e];g(null===(n=document.getElementById(o))||void 0===n?void 0:n.getBoundingClientRect().y),d(t.key),a&&a(t)}),[o,a,r]);return _jsx(LoadingWrapper,__assign({className:l&&"updated",id:o},{children:_jsxs(CollapsingTabsBase,__assign({tabs:r,operation:i,activeIndex:f,onChange:v},{children:[t&&-1===p.indexOf(t)&&_jsx(WarnMessage,{children:"Provided language is not supported"},void 0),n]}),void 0)}),void 0)}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib-esm/components/Search/MenuItemProSearch.d.ts

@@ -9,7 +9,10 @@ export interface MenuItemProProps {
     history: HistoryService;
 }
 export declare type SearchResultExtended = {
-    item: IMenuItem;
+    index: number;
+    item: IMenuItem & {
+        path: string;
+    };
     score: number;
 } & Omit<SearchResultMeta, 'menuId' | 'place' | 'path'> & {
     places: {

package/lib-esm/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{mediaCSS,MenuItem,MenuItemPath,OptionsContext,styled}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.code.fontFamily})})),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor}));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,l=e.onActivate,r=e.history,c=React.useContext(OptionsContext),o="path-only"===c.searchMode,m=c.sideNavStyle===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=r.linkForId(t.item.id);window.open(n,"_blank")}else l(t)},withoutChildren:!0,"data-role":"search:result"},(m||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),l=1,r=n.length;l<r;l+=2)n[l]=React.createElement(MarkedSpan,{key:l},n[l]);return n}
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import{mediaCSS,MenuItem,MenuItemPath,OptionsContext,styled}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.code.fontFamily})})),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor}));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,i=e.history,o=useContext(OptionsContext),l="path-only"===o.searchMode,s=o.sideNavStyle===SideNavStyle.PathFirst;return _jsxs(MenuItem,__assign({item:Object.create(t.item,{active:{value:a},name:{value:l?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=i.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},{children:[(s||l)&&"operation"===t.item.type?_jsx(_Fragment,{children:_jsx(MenuItemPath,__assign({title:t.item.path},{children:markString(t.item.path,n)}),void 0)},void 0):markString(t.item.name,n),t.count>1?_jsxs(ResultMeta,{children:[t.count," matching ",formatPlaces(t.places)]},void 0):1===t.count?_jsxs(ResultMeta,{children:["in ",_jsx(Place,{children:t.places[0].place},void 0)," ",formatPath(n,t.places[0].paths[0])]},void 0):null]}),void 0)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),r=1,i=n.length;r<i;r+=2)n[r]=_jsx(MarkedSpan,{children:n[r]},r);return n}
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib-esm/components/Search/ProSearchBox.d.ts

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import type { BaseSyntheticEvent, ChangeEvent, KeyboardEvent } from 'react';
+import { PureComponent } from 'react';
 import type { SearchResultMeta } from '../../services/SearchStore';
 import type { ProMenu } from '../../services/ProMenu';
 import type { RedocProNormalizedOptions } from '../../services/ProStore';
@@ -27,23 +28,23 @@ export interface SearchBoxState {
     activeItemIdx: number;
     loading: boolean;
 }
-export declare class ProSearchBox extends React.PureComponent<ProSearchBoxProps, SearchBoxState> {
+export declare class ProSearchBox extends PureComponent<ProSearchBoxProps, SearchBoxState> {
     activeItemRef: typeof MenuItem | null;
     prevCancel: (() => void) | null;
     loadingTimer: any;
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: import("react").RefObject<HTMLInputElement>;
     constructor(props: ProSearchBoxProps);
     componentDidUpdate(prevProps: ProSearchBoxProps): void;
     clearResults(term: string): void;
     clear: () => void;
-    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
     setResults(results: SearchResult<SearchResultMeta>[]): void;
     updateSearchTerm(q: string): void;
     _queryWorker: (...args: (string | ((res: any) => void))[]) => void;
     queryWorker(q: string): () => void;
-    search: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    search: (event: ChangeEvent<HTMLInputElement>) => void;
     onActivate: (res: SearchResultExtended) => void;
-    closeByWrapper: (e: React.BaseSyntheticEvent) => void;
+    closeByWrapper: (e: BaseSyntheticEvent) => void;
     closeByButton: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/lib-esm/components/Search/ProSearchBox.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import hotkeys from"hotkeys-js";import{PerfectScrollbarWrap}from"../../redoc-lib/src/common-elements/perfect-scrollbar";import{debounce}from"../../utils";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},a=0,n=e;a<n.length;a++){if("break"===r(n[a]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var a=e.meta,n=e.score,o=a.menuId,l=r[o];if(n=a.boost?n*a.boost:n,l){if(l.score=Math.max(n,l.score),a.place&&l.count++,a.place){var i=l.places.find((function(e){return e.place===a.place}));i&&a.path?i.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=a.path)||void 0===t?void 0:t.join("->"))}))||i.paths.push(a.path):l.places.push({place:a.place,paths:[a.path]})}}else r[o]={item:t(o),places:a.place?[{place:a.place,paths:[a.path]}]:[],score:n,count:a.place?1:0}}));var a=Object.keys(r).map((function(e){return r[e]}));return a.forEach((function(e,t){return e.index=t})),a.sort((function(e,t){return t.score-e.score})),a}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,a=getFields(r&&r.content&&r.content.active&&r.content.active.schema),n=0,o=t.paths;n<o.length;n++){if(!(u=o[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var l=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===l}));i&&(i.expanded=!0);a=getFields(i&&i.content&&i.content.active&&i.content.active.schema);for(var c=0,s=t.paths;c<s.length;c++){var u;if(!(u=s[c]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}}},r=0,a=e.places;r<a.length;r++){var n=t(a[r]);if("object"==typeof n)return n.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:debounce((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<r.props.options.minCharacterLengthToInitSearch)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to autoexpand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,a=t.shown,n=t.searchValue,o=e.search!==r,l=!e.shown&&a&&!n&&this.state.term;(o||l)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(a){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(a)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,a=t.loading,n=t.results,o=this.props,l=o.shown,i=o.menu;return l?React.createElement(SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(SearchIcon,null),this.state.term&&React.createElement(ButtonClear,{onClick:this.clear},"Clear"),React.createElement(ButtonClose,{onClick:this.closeByButton},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemPro,{key:t.index+t.item.id,result:t,active:a===r,onActivate:e.onActivate,term:e.state.term,history:i.history})})))):null))):null}}),t}(React.PureComponent);export{ProSearchBox};
+import{__assign,__extends}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import hotkeys from"hotkeys-js";import{createRef,PureComponent}from"react";import{PerfectScrollbarWrap}from"../../redoc-lib/src/common-elements/perfect-scrollbar";import{debounce}from"../../utils";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},n=0,a=e;n<a.length;n++){if("break"===r(a[n]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var n=e.meta,a=e.score,o=n.menuId,i=r[o];if(a=n.boost?a*n.boost:a,i){if(i.score=Math.max(a,i.score),n.place&&i.count++,n.place){var s=i.places.find((function(e){return e.place===n.place}));s&&n.path?s.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=n.path)||void 0===t?void 0:t.join("->"))}))||s.paths.push(n.path):i.places.push({place:n.place,paths:[n.path]})}}else r[o]={item:t(o),places:n.place?[{place:n.place,paths:[n.path]}]:[],score:a,count:n.place?1:0}}));var n=Object.keys(r).map((function(e){return r[e]}));return n.forEach((function(e,t){return e.index=t})),n.sort((function(e,t){return t.score-e.score})),n}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,n=getFields(r&&r.content&&r.content.active&&r.content.active.schema),a=0,o=t.paths;a<o.length;a++){if(!(u=o[a]))return{value:void 0};expandDeep(u.slice(0,u.length-1),n)}else if(t.place.startsWith("response ")){var i=t.place.split(" ")[1],s=e.item.responses.find((function(e){return e.code===i}));s&&(s.expanded=!0);n=getFields(s&&s.content&&s.content.active&&s.content.active.schema);for(var l=0,c=t.paths;l<c.length;l++){var u;if(!(u=c[l]))return{value:void 0};expandDeep(u.slice(0,u.length-1),n)}}},r=0,n=e.places;r<n.length;r++){var a=t(n[r]);if("object"==typeof a)return a.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:debounce((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<r.props.options.minCharacterLengthToInitSearch)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,n=t.shown,a=t.searchValue,o=e.search!==r,i=!e.shown&&n&&!a&&this.state.term;(o||i)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(n){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(n)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,n=t.loading,a=t.results,o=this.props,i=o.shown,s=o.menu;return i?_jsx(SearchPopUpBG,__assign({role:"search",onClick:this.closeByWrapper},{children:_jsxs(SearchPopUpWrap,{children:[_jsxs(SearchPopUpHeader,{children:[_jsx(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0},void 0),_jsx(SearchIcon,{},void 0),this.state.term&&_jsx(ButtonClear,__assign({onClick:this.clear},{children:"Clear"}),void 0),_jsx(ButtonClose,__assign({onClick:this.closeByButton},{children:_jsx(CrossIcon,{},void 0)}),void 0)]},void 0),_jsxs(SearchResultsBox,__assign({"data-role":"search:results"},{children:[n&&_jsx(TextContainer,{children:"Loading..."},void 0),!n&&!(null==a?void 0:a.length)&&_jsx(TextContainer,{children:"No results found"},void 0),(null==a?void 0:a.length)?_jsx(PerfectScrollbarWrap,__assign({options:{wheelPropagation:!1}},{children:_jsx(SearchResultsItems,{children:a.slice(0,50).map((function(t,n){return _jsx(MenuItemPro,{result:t,active:n===r,onActivate:e.onActivate,term:e.state.term,history:s.history},t.index+t.item.id)}))},void 0)}),void 0):null]}),void 0)]},void 0)}),void 0):null}}),t}(PureComponent);export{ProSearchBox};
 //# sourceMappingURL=ProSearchBox.js.map

package/lib-esm/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export var SearchField=function(e){var a=e.showPopUp,r=e.searchValue,t=e.marker,c=e.setSearchValue,n=!!r;return React.createElement(SearchFieldWrap,{onClick:a},React.createElement("span",null),r||"Search",React.createElement(SearchIcon,null),n&&React.createElement(ButtonClear,{onClick:function(e){e.stopPropagation(),t.unmark(),c("")}},React.createElement(CrossIcon,null)))};
+import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export var SearchField=function(r){var s=r.showPopUp,o=r.searchValue,a=r.marker,e=r.setSearchValue,i=!!o;return _jsxs(SearchFieldWrap,__assign({onClick:s},{children:[_jsx("span",{},void 0),o||"Search",_jsx(SearchIcon,{},void 0),i&&_jsx(ButtonClear,__assign({onClick:function(r){r.stopPropagation(),a.unmark(),e("")}},{children:_jsx(CrossIcon,{},void 0)}),void 0)]}),void 0)};
 //# sourceMappingURL=SearchField.js.map

package/lib-esm/components/Search/styled.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export declare const CrossIcon: () => React.ReactElement;
 export declare const ButtonClose: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
     className: "button-close";

package/lib-esm/components/Search/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{darken}from"polished";import{styled,MenuItemLabel}from"../../redoc-lib";export var CrossIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var ButtonClose=styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));export var ButtonClear=styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));export var SearchIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var SearchFieldWrap=styled.button.attrs((function(){return{className:"button-field-search"}}))(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.sidebar.textColor}),(function(n){return n.theme.typography.fontFamily}),(function(n){return n.theme.sidebar.backgroundColor}));export var SearchPopUpBG=styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));export var SearchPopUpWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"])));export var SearchPopUpHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"],["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.colors.secondary.main}),(function(n){return n.theme.shape.borderRadius}),(function(n){var e=n.theme;return darken(.1,e.colors.secondary.main)}));export var TextContainer=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"])));export var SearchResultsBox=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  padding: 10px;\n  background-color: ",";\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: ",";\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.sidebar.backgroundColor}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.components.panels.borderRadius}),MenuItemLabel,(function(n){return n.theme.shape.borderRadius}));export var SearchResultsItems=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"],["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{darken}from"polished";import{styled,MenuItemLabel}from"../../redoc-lib";export var CrossIcon=function(){return _jsxs("svg",__assign({version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},{children:[_jsx("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0)]}),void 0)};export var ButtonClose=styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));export var ButtonClear=styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));export var SearchIcon=function(){return _jsxs("svg",__assign({version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},{children:[_jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"},void 0),_jsx("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},void 0),_jsx("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0)]}),void 0)};export var SearchFieldWrap=styled.button.attrs((function(){return{className:"button-field-search"}}))(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid ",";\n  background-color: transparent;\n  height: 37px;\n  color: ",";\n  text-align: left;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: ",";\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.sidebar.textColor}),(function(n){return n.theme.typography.fontFamily}),(function(n){return n.theme.sidebar.backgroundColor}));export var SearchPopUpBG=styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));export var SearchPopUpWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"])));export var SearchPopUpHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"],["\n  background-color: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: ",";\n    padding: 4px 16px;\n    border-radius: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.colors.secondary.main}),(function(n){return n.theme.shape.borderRadius}),(function(n){var e=n.theme;return darken(.1,e.colors.secondary.main)}));export var TextContainer=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"])));export var SearchResultsBox=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  padding: 10px;\n  background-color: ",";\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: ",";\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  "," {\n    margin-right: 30px;\n    border-radius: ",";\n\n    svg {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.sidebar.backgroundColor}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.components.panels.borderRadius}),MenuItemLabel,(function(n){return n.theme.shape.borderRadius}));export var SearchResultsItems=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"],["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;
 //# sourceMappingURL=styled.js.map

package/lib-esm/components/StoreProvider.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { RedocProRawOptions } from '../services/ProStore';
 import type { CodeSampleConfig } from '../services/code-samples/types';
 import type { SpecVersions } from '../services/VersionedSpecStore';
 import { ProStore } from '../services/ProStore';
-export declare const Provider: React.Provider<ProStore | undefined>, Consumer: React.Consumer<ProStore | undefined>;
+export declare const Provider: import("react").Provider<ProStore | undefined>, Consumer: import("react").Consumer<ProStore | undefined>;
 interface StoreProviderProps {
     definitionUrl?: string;
     definition?: GenericObject;

package/lib-esm/components/StoreProvider.js

@@ -1,2 +1,2 @@
-var _a;import{__awaiter,__generator}from"tslib";import*as React from"react";import isDeepEqual from"fast-deep-equal";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export var Provider=(_a=React.createContext(void 0),_a.Provider),Consumer=_a.Consumer;export var ProStoreProvider=function(e){var t=e.definitions,n=e.options,r=e.definitionUrl,i=e.definition,o=e.activeItemId,a=e.activeSampleLanguage,s=e.activeDeepLink,c=e.children,u=React.useState()[1],l=React.useState(!0),d=l[0],f=l[1],p=React.useState(null),v=p[0],m=p[1];React.useEffect((function(){!function(){__awaiter(this,void 0,void 0,(function(){var e,o,a;return __generator(this,(function(s){switch(s.label){case 0:f(!0),s.label=1;case 1:return s.trys.push([1,6,,7]),e=m,t?[4,loadMany(t)]:[3,3];case 2:return o=s.sent(),[3,5];case 3:return[4,loadSingle(i,r,n)];case 4:o=s.sent(),s.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return a=s.sent(),u((function(){throw a})),[3,7];case 7:return[2]}}))}))}()}),[t,i,r,n]);var h=React.useMemo((function(){var e,t,i;if(v){var o=new ProStore(v,r,n);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(t=o.options.hooks)||void 0===t?void 0:t.onInit)||void 0===i||i.call(t,{store:o})),o}}),useDeepCompareMemoize([v,n]));return React.useEffect((function(){if(h)return f(!1),function(){return h.dispose()}}),[h]),React.useEffect((function(){var e;if(h&&o){var t=(null==o?void 0:o.split(h.options.deepLinkPrefix)[0])||(null===(e=h.menu.flatItems[h.menu.activeItemIdx])||void 0===e?void 0:e.id),n=h.menu.flatItems.find((function(e){return e.id===t})),r=s?t+h.options.deepLinkPrefix+s:void 0;r&&h.menu.history instanceof FakeHistoryService&&h.menu.history.replaceForField(r),h.menu.activateAndScroll(n,!0,!1,r)}}),[o,s,h]),React.useEffect((function(){h&&a&&h.setActiveSampleLanguage(a)}),[a,h]),c({loading:d,store:h})};function fixSpec(e){for(var t=e.components&&e.components.securitySchemes||{},n=0,r=Object.keys(t);n<r.length;n++){var i=t[r[n]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,loadSpecs(e||{})];case 1:return t.sent(),[2,e]}}))}))}function loadSingle(e,t,n){return __awaiter(this,void 0,void 0,(function(){var r,i,o,a,s;return __generator(this,(function(c){switch(c.label){case 0:if(!(null==n?void 0:n.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return r=e,[3,3];case 1:return[4,loadAndBundleDefinition(e||t)];case 2:r=c.sent(),c.label=3;case 3:if(!(i=null==n?void 0:n.unstable_externalDescription))return[3,8];c.label=4;case 4:return c.trys.push([4,7,,8]),[4,fetch(i)];case 5:return o=c.sent(),a=r.info,[4,o.text()];case 6:return a.description=c.sent(),[3,8];case 7:return s=c.sent(),console.warn("Failed to load external description from "+i+": "+s.message),[3,8];case 8:try{fixSpec(r)}catch(e){}return[2,r]}}))}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs(e){var t=e.versions;return __awaiter(this,void 0,void 0,(function(){var e,n,r,i;return __generator(this,(function(o){switch(o.label){case 0:if(!Array.isArray(t))return[3,4];e=0,n=t,o.label=1;case 1:return e<n.length?(r=n[e]).url?(i=r,[4,loadAndBundleSpecOrMd(r.url)]):[3,3]:[3,4];case 2:i.spec=o.sent(),o.label=3;case 3:return e++,[3,1];case 4:return[2]}}))}))}function useDeepCompareMemoize(e){var t=React.useRef(),n=React.useRef(0);return isDeepEqual(e,t.current)||(t.current=e,n.current+=1),[n.current]}
+var _a;import{__awaiter,__generator}from"tslib";import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export var Provider=(_a=createContext(void 0),_a.Provider),Consumer=_a.Consumer;export var ProStoreProvider=function(e){var n=e.definitions,t=e.options,r=e.definitionUrl,i=e.definition,o=e.activeItemId,a=e.activeSampleLanguage,s=e.activeDeepLink,u=e.children,c=useState()[1],l=useState(!0),d=l[0],f=l[1],p=useState(null),v=p[0],m=p[1];useEffect((function(){!function(){__awaiter(this,void 0,void 0,(function(){var e,o,a;return __generator(this,(function(s){switch(s.label){case 0:f(!0),s.label=1;case 1:return s.trys.push([1,6,,7]),e=m,n?[4,loadMany(n)]:[3,3];case 2:return o=s.sent(),[3,5];case 3:return[4,loadSingle(i,r,t)];case 4:o=s.sent(),s.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return a=s.sent(),c((function(){throw a})),[3,7];case 7:return[2]}}))}))}()}),[n,i,r,t]);var h=useMemo((function(){var e,n,i;if(v){var o=new ProStore(v,r,t);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(n=o.options.hooks)||void 0===n?void 0:n.onInit)||void 0===i||i.call(n,{store:o})),o}}),useDeepCompareMemoize([v,t]));return useEffect((function(){if(h)return f(!1),function(){return h.dispose()}}),[h]),useEffect((function(){var e;if(h&&o){var n=(null==o?void 0:o.split(h.options.deepLinkPrefix)[0])||(null===(e=h.menu.flatItems[h.menu.activeItemIdx])||void 0===e?void 0:e.id),t=h.menu.flatItems.find((function(e){return e.id===n})),r=s?n+h.options.deepLinkPrefix+s:void 0;r&&h.menu.history instanceof FakeHistoryService&&h.menu.history.replaceForField(r),h.menu.activateAndScroll(t,!0,!1,r)}}),[o,s,h]),useEffect((function(){h&&a&&h.setActiveSampleLanguage(a)}),[a,h]),u({loading:d,store:h})};function fixSpec(e){for(var n=e.components&&e.components.securitySchemes||{},t=0,r=Object.keys(n);t<r.length;t++){var i=n[r[t]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,loadSpecs(e||{})];case 1:return n.sent(),[2,e]}}))}))}function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function(){var r,i,o,a,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(null==t?void 0:t.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return r=e,[3,3];case 1:return[4,loadAndBundleDefinition(e||n)];case 2:r=u.sent(),u.label=3;case 3:if(!(i=null==t?void 0:t.unstable_externalDescription))return[3,8];u.label=4;case 4:return u.trys.push([4,7,,8]),[4,fetch(i)];case 5:return o=u.sent(),a=r.info,[4,o.text()];case 6:return a.description=u.sent(),[3,8];case 7:return s=u.sent(),console.warn("Failed to load external description from "+i+": "+s.message),[3,8];case 8:try{fixSpec(r)}catch(e){}return[2,r]}}))}))}function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs(e){var n=e.versions;return __awaiter(this,void 0,void 0,(function(){var e,t,r,i;return __generator(this,(function(o){switch(o.label){case 0:if(!Array.isArray(n))return[3,4];e=0,t=n,o.label=1;case 1:return e<t.length?(r=t[e]).url?(i=r,[4,loadAndBundleSpecOrMd(r.url)]):[3,3]:[3,4];case 2:i.spec=o.sent(),o.label=3;case 3:return e++,[3,1];case 4:return[2]}}))}))}function useDeepCompareMemoize(e){var n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}
 //# sourceMappingURL=StoreProvider.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabs.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import React,{useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,n){var a;return t?"number"==typeof n&&n>0?hasActiveExampleName(null===(a=e[n])||void 0===a?void 0:a.content,t)?n:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}export var CollapsingTabs=observer((function(e){var t=e.children,n=__rest(e,["children"]),a=useState(0),r=a[0],o=a[1],i=n.operation,s=n.operation.activeExampleName;useEffect((function(){var e=getActiveIndexFromOperation(i.responses,s,r);e>-1&&o(e)}),[s]);var c=React.useCallback((function(e){r!==e&&o(e)}),[r]);return React.createElement(CollapsingTabsBase,__assign({},n,{activeIndex:r,onChange:c}),t)}));
+import{__assign,__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,n){var a;return t?"number"==typeof n&&n>0?hasActiveExampleName(null===(a=e[n])||void 0===a?void 0:a.content,t)?n:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}export var CollapsingTabs=observer((function(e){var t=e.children,n=__rest(e,["children"]),a=useState(0),r=a[0],i=a[1],o=n.operation,s=n.operation.activeExampleName;useEffect((function(){var e=getActiveIndexFromOperation(o.responses,s,r);e>-1&&i(e)}),[s]);var c=useCallback((function(e){r!==e&&i(e)}),[r]);return _jsx(CollapsingTabsBase,__assign({},n,{activeIndex:r,onChange:c},{children:t}),void 0)}));
 //# sourceMappingURL=CollapsingTabs.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { ReactNode } from 'react';
 import type { TabProps as ReactTabProps } from 'react-tabs';
 import type { OperationModel } from '../../../redoc-lib';
 export interface TabProps extends ReactTabProps {
@@ -7,12 +7,12 @@ export interface TabProps extends ReactTabProps {
 export interface TabsProps {
     tabs: TabProps[];
     hidden?: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
     operation: OperationModel;
 }
 interface CollapsingTabsComponentProps extends TabsProps {
     activeIndex: number;
     onChange: (idx: number) => void;
 }
-export declare const CollapsingTabsBase: React.NamedExoticComponent<CollapsingTabsComponentProps>;
+export declare const CollapsingTabsBase: import("react").NamedExoticComponent<CollapsingTabsComponentProps>;
 export {};

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-import React,{memo,useContext,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent(e){var t=e.tabs,o=e.children,n=e.hidden,a=e.activeIndex,l=e.onChange,i=useContext(OptionsContext).samplesTabsMaxCount,s=useMemo((function(){return t.slice(i).map((function(e,t){return{idx:t,value:e.title}}))}),[t,i]),r=s.length+" more",c=useState(r),m=c[0],p=c[1],u=React.useCallback((function(){var e=a>=i;m!==r&&m===t[a].title||!e?m===r||e||p(r):p(t[a].title)}),[a,i,m,r,t]);useEffect((function(){setTimeout(u,0)}),[a,i,u]);return React.createElement(Tabs,{selectedIndex:a,onSelect:l},React.createElement(CollapsingTabList,{hidden:n},t.map((function(e,t){return React.createElement(CollapsingTab,{key:e.key,disabled:t>=i},e.title)})),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:function(e){l(i+e.idx)},placeholder:r,value:m,active:a>=i}):null),o)}export var CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
+import{__assign}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useContext,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent(e){var o=e.tabs,s=e.children,n=e.hidden,t=e.activeIndex,i=e.onChange,a=useContext(OptionsContext).samplesTabsMaxCount,l=useMemo((function(){return o.slice(a).map((function(e,o){return{idx:o,value:e.title}}))}),[o,a]),r=l.length+" more",m=useState(r),p=m[0],u=m[1],c=useCallback((function(){var e=t>=a;p!==r&&p===o[t].title||!e?p===r||e||u(r):u(o[t].title)}),[t,a,p,r,o]);useEffect((function(){setTimeout(c,0)}),[t,a,c]);return _jsxs(Tabs,__assign({selectedIndex:t,onSelect:i},{children:[_jsxs(CollapsingTabList,__assign({hidden:n},{children:[o.map((function(e,o){return _jsx(CollapsingTab,__assign({disabled:o>=a},{children:e.title}),e.key)})),l.length?_jsx(CollapsingDropdown,{options:l,onChange:function(e){i(a+e.idx)},placeholder:r,value:p,active:t>=a},void 0):null]}),void 0),s]}),void 0)}export var CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib-esm/components/VersionSwitcher.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export var VersionSwitcher=function(e){var n=e.spec,t=e.onChange,i=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:i,value:i[n.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};var templateObject_1,VersionWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}));
+import{__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export var VersionSwitcher=function(e){var n=e.spec,i=e.onChange,t=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return _jsx(VersionWrapper,{children:_jsx(VersionDropdown,{options:t,value:t[n.activeVersionIdx].value,onChange:i,ariaLabel:"Version"},void 0)},void 0)};var templateObject_1,VersionWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}));
 //# sourceMappingURL=VersionSwitcher.js.map

package/lib-esm/components/common/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     fullWidth?: boolean | undefined;
 }, never>;
@@ -7,4 +7,4 @@ export interface CheckboxExtraProps {
     label?: string;
     nowrap?: boolean;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & import("react").RefAttributes<HTMLInputElement>>;

package/lib-esm/components/common/Checkbox.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"../../redoc-lib/src/styled-components";export var StyledInput=styled.input(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:t,nowrap:r},React.createElement(StyledInput,__assign({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}export var Checkbox=React.forwardRef(CheckboxComponent);
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{forwardRef}from"react";import styled from"../../redoc-lib/src/styled-components";export var StyledInput=styled.input(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,i=e.id,l=e.label,r=e.nowrap;return _jsxs(CheckBoxWrap,__assign({fullWidth:t,nowrap:r},{children:[_jsx(StyledInput,__assign({},e,{type:"checkbox",ref:n}),void 0),_jsx(CheckboxLabel,__assign({htmlFor:i},{children:l}),void 0)]}),void 0)}export var Checkbox=forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

package/lib-esm/components/common/CheckboxList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ChangeEvent } from 'react';
+import { Component } from 'react';
 import type { FieldContext } from 'informed';
 declare type FieldValue = string[];
 interface CheckboxListComponentState {
@@ -12,7 +12,7 @@ export interface CheckboxListComponentProps {
     showControls?: boolean;
     trimItemsLength?: boolean;
 }
-export declare class CheckboxListComponent extends React.Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
+export declare class CheckboxListComponent extends Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
     state: CheckboxListComponentState;
     onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
     private isFieldChecked;
@@ -21,5 +21,5 @@ export declare class CheckboxListComponent extends React.Component<FieldContext<
     private clearAll;
     render(): JSX.Element;
 }
-export declare const CheckboxList: React.ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
+export declare const CheckboxList: import("react").ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
 export {};

package/lib-esm/components/common/CheckboxList.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject,__spreadArray}from"tslib";import React from"react";import{asField}from"informed";import{styled}from"../../redoc-lib";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";import{FormError}from"./form";import{Checkbox}from"./Checkbox";var DEFAULT_MAX_ITEMS=11,CheckboxListComponent=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);var r,o=this.props.fieldApi.getValue()||[];if(l)r=__spreadArray(__spreadArray([],o,!0),[t],!1);else{var a=o.indexOf(t);r=__spreadArray(__spreadArray([],o.slice(0,a),!0),o.slice(a+1),!0)}this.props.fieldApi.setValue(r)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,l=t.items,r=t.fieldApi,o=t.validateOnChange,a=t.maxDisplayedItems,n=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,p=r.getError(),s=a||DEFAULT_MAX_ITEMS,m=i&&this.state.collapsed?l.slice(0,s):l;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,React.createElement("div",null,m.map((function(t){return React.createElement(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>s&&i?React.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),p?React.createElement(FormError,null,p):"")}}),t}(React.Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
+import{__assign,__extends,__makeTemplateObject,__spreadArray}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{asField}from"informed";import{styled}from"../../redoc-lib";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";import{FormError}from"./form";import{Checkbox}from"./Checkbox";var DEFAULT_MAX_ITEMS=11,CheckboxListComponent=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,o=e.target.checked;this.props.fieldApi.setTouched(!0);var l,r=this.props.fieldApi.getValue()||[];if(o)l=__spreadArray(__spreadArray([],r,!0),[t],!1);else{var i=r.indexOf(t);l=__spreadArray(__spreadArray([],r.slice(0,i),!0),r.slice(i+1),!0)}this.props.fieldApi.setValue(l)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,o=t.items,l=t.fieldApi,r=t.validateOnChange,i=t.maxDisplayedItems,n=t.showControls,a=t.trimItemsLength,s=this.state.collapsed,p=l.getError(),c=i||DEFAULT_MAX_ITEMS,d=a&&this.state.collapsed?o.slice(0,c):o;return _jsxs("div",{children:[n?_jsxs(ControlButtonsWrapper,{children:[_jsx(SamplesControlButton,__assign({onClick:function(){e.selectAll()}},{children:"Select all"}),void 0),_jsx(SamplesControlButton,__assign({onClick:function(){e.clearAll()}},{children:"Clear"}),void 0)]},void 0):null,_jsxs("div",{children:[d.map((function(t){return _jsx(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,onChange:function(t){e.onCheckBoxClick(t),r&&l.validate()}},t)})),o.length>c&&a?_jsx(ToggleButton,__assign({onClick:function(){e.toggle()}},{children:s?"Show all":"Collapse"}),void 0):null]},void 0),p?_jsx(FormError,{children:p},void 0):""]},void 0)}}),t}(Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
 //# sourceMappingURL=CheckboxList.js.map