npm - @redocly/openapi-docs - Versions diffs - 3.0.0-alpha.62 → 3.0.0-alpha.64 - Mend

@redocly/openapi-docs 3.0.0-alpha.62 → 3.0.0-alpha.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/lib-esm/components/RequestSamples/RequestSamples.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,createPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=createPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"@redocly/recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,createPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=createPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
 //# sourceMappingURL=RequestSamples.js.map

package/lib-esm/components/RequestSamples/useCodeSamples.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRecoilValue}from"recoil";import{getCodeSample}from"../../services";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:l}){var t;const{parser:i,options:n}=useRecoilValue(globalStoreSelector),r=useRecoilValue(operationStore(l));let s=[];if(!a){const e=n.generateCodeSamples||{},a=new Set(o.map((({lang:e})=>e.toLowerCase())));s=generateCodeSamples((null===(t=e.languages)||void 0===t?void 0:t.filter((({lang:e})=>!a.has(e.toLowerCase()))))||[],e,i.definition,n.generatedPayloadSamplesMaxDepth,r)}const p=[...o,...s],m=Math.min(p.length,n.payloadSampleIdx);e&&!n.hideRequestPayloadSample&&p.splice(m,0,e);const g=p.map((e=>{var a,o;return Object.assign({key:`${e.lang}_${null!==(a=e.label)&&void 0!==a?a:""}`,title:null!==(o=e.label)&&void 0!==o?o:e.lang},e)}));return{payload:e,samples:g}}function generateCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},l,t,i){return e.map((({lang:e,label:n,options:r})=>({lang:e,label:n,get:n=>getCodeSample(Object.assign(Object.assign({},n),{lang:e,options:Object.assign(Object.assign({},r),{skipOptionalParameters:a,withOAuth2Call:o,spec:l,generatedPayloadSamplesMaxDepth:t,store:i})}))})))}
+import{useRecoilValue}from"@redocly/recoil";import{getCodeSample}from"../../services";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:l}){var t;const{parser:i,options:n}=useRecoilValue(globalStoreSelector),r=useRecoilValue(operationStore(l));let s=[];if(!a){const e=n.generateCodeSamples||{},a=new Set(o.map((({lang:e})=>e.toLowerCase())));s=generateCodeSamples((null===(t=e.languages)||void 0===t?void 0:t.filter((({lang:e})=>!a.has(e.toLowerCase()))))||[],e,i.definition,n.generatedPayloadSamplesMaxDepth,r)}const p=[...o,...s],m=Math.min(p.length,n.payloadSampleIdx);e&&!n.hideRequestPayloadSample&&p.splice(m,0,e);const g=p.map((e=>{var a,o;return Object.assign({key:`${e.lang}_${null!==(a=e.label)&&void 0!==a?a:""}`,title:null!==(o=e.label)&&void 0!==o?o:e.lang},e)}));return{payload:e,samples:g}}function generateCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},l,t,i){return e.map((({lang:e,label:n,options:r})=>({lang:e,label:n,get:n=>getCodeSample(Object.assign(Object.assign({},n),{lang:e,options:Object.assign(Object.assign({},r),{skipOptionalParameters:a,withOAuth2Call:o,spec:l,generatedPayloadSamplesMaxDepth:t,store:i})}))})))}
 //# sourceMappingURL=useCodeSamples.js.map

package/lib-esm/components/ResponseSamples/ResponseSamples.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=createPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
+import React,{memo,useCallback}from"react";import{useRecoilValue}from"@redocly/recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=createPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

package/lib-esm/components/Responses/OperationResponseList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{useCallback}from"react";import{useRecoilState}from"recoil";import{operationStore}from"../../recoil/operation";import{ResponsesList}from"./ResponsesList";export const OperationResponseList=({responses:e,operationPointer:o})=>{const[s,t]=useRecoilState(operationStore(o)),r=useCallback((e=>{t((o=>Object.assign(Object.assign({},o),{activeResponseTab:e})))}),[t]);return React.createElement(ResponsesList,{responses:e,defaultOpenCode:s.activeResponseTab,onToggle:r})};
+import React,{useCallback}from"react";import{useRecoilState}from"@redocly/recoil";import{operationStore}from"../../recoil/operation";import{ResponsesList}from"./ResponsesList";export const OperationResponseList=({responses:e,operationPointer:o})=>{const[s,t]=useRecoilState(operationStore(o)),r=useCallback((e=>{t((o=>Object.assign(Object.assign({},o),{activeResponseTab:e})))}),[t]);return React.createElement(ResponsesList,{responses:e,defaultOpenCode:s.activeResponseTab,onToggle:r})};
 //# sourceMappingURL=OperationResponseList.js.map

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

@@ -1,2 +1,2 @@
-import React,{memo,useEffect,useLayoutEffect,useMemo,useState}from"react";import{useRecoilState}from"recoil";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageSelector}from"../../recoil/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:t="",id:o,tabs:n}){const[s,r]=useRecoilState(activeSampleLanguageSelector),[l,i]=useState(),[c,m]=useState((()=>{const e=n.findIndex((e=>[e.lang,e.key].some((e=>e.toLowerCase()===t.toLowerCase()))));return-1!==e?e:0}));useEffect((()=>{const e=n.findIndex((e=>e.lang.toLocaleLowerCase()===s.toLocaleLowerCase()||e.key.toLocaleLowerCase()===s.toLocaleLowerCase()));if(-1!==e)return m(e)}),[s,n]);const u=useMemo((()=>n.map((({lang:e})=>e))),[n]);useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),i(void 0)}}),[u,l,o]);return React.createElement(LoadingWrapper,{className:s&&"updated",id:o},React.createElement(CollapsingTabsBase,{tabs:n,activeIndex:c,onChange:e=>{var t;const s=n[e];i(null===(t=document.getElementById(o))||void 0===t?void 0:t.getBoundingClientRect().y),r(s.lang),null==a||a(s)}},t&&-1===u.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
+import React,{memo,useEffect,useLayoutEffect,useMemo,useState}from"react";import{useRecoilState}from"@redocly/recoil";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageSelector}from"../../recoil/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:o="",id:t,tabs:n}){const[s,r]=useRecoilState(activeSampleLanguageSelector),[l,c]=useState(),[i,m]=useState((()=>{const e=n.findIndex((e=>[e.lang,e.key].some((e=>e.toLowerCase()===o.toLowerCase()))));return-1!==e?e:0}));useEffect((()=>{const e=n.findIndex((e=>e.lang.toLocaleLowerCase()===s.toLocaleLowerCase()||e.key.toLocaleLowerCase()===s.toLocaleLowerCase()));if(-1!==e)return m(e)}),[s,n]);const d=useMemo((()=>n.map((({lang:e})=>e))),[n]);useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(t))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),c(void 0)}}),[d,l,t]);return React.createElement(LoadingWrapper,{className:s&&"updated",id:t},React.createElement(CollapsingTabsBase,{tabs:n,activeIndex:i,onChange:e=>{var o;const s=n[e];c(null===(o=document.getElementById(t))||void 0===o?void 0:o.getBoundingClientRect().y),r(s.lang),null==a||a(s)}},o&&-1===d.indexOf(o)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
 //# sourceMappingURL=SamplesTabs.js.map

package/lib-esm/components/Samples/use-example-key.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState,useEffect}from"react";import{useRecoilState}from"recoil";import{operationStore}from"../../recoil/operation";export function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,r]=useRecoilState(operationStore(t)),{activeExampleName:i}=o,[m,c]=useState(i&&a[i]?i:Object.keys(a)[0]);return useEffect((()=>{i&&a[i]&&(c(i),r((e=>Object.assign(Object.assign({},e),{activeExampleName:i}))))}),[i,a,r]),{exampleKey:a[m]?m:Object.keys(a)[0],defaultExampleName:e}}
+import{useState,useEffect}from"react";import{useRecoilState}from"@redocly/recoil";import{operationStore}from"../../recoil/operation";export function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,r]=useRecoilState(operationStore(t)),{activeExampleName:c}=o,[i,m]=useState(c&&a[c]?c:Object.keys(a)[0]);return useEffect((()=>{c&&a[c]&&(m(c),r((e=>Object.assign(Object.assign({},e),{activeExampleName:c}))))}),[c,a,r]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}
 //# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Schema/ObjectSchema.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useRecoilValue}from"recoil";import{PropertiesTable,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{mapWithLast}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:o,discriminator:i,level:a,skipWriteOnly:l,skipReadOnly:r}){const{expandSingleSchemaField:n,showObjectSchemaExamples:m,schemaExpansionLevel:c}=useRecoilValue(globalOptionsSelector),s=r||l?e.filter((e=>!(r&&e.schema.readOnly||l&&e.schema.writeOnly))):e,p=n&&1===s.length||c>=a;return React.createElement(PropertiesTable,null,o&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(s,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:i.parentSchema,enumValues:e.schema.enum,onChange:null==i?void 0:i.onChange}):void 0,showExamples:m,skipReadOnly:r,skipWriteOnly:l,showTitle:o,level:a})))))}export const ObjectSchema=memo(ObjectSchemaComponent);
+import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{PropertiesTable,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{mapWithLast}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:o,discriminator:i,level:l,skipWriteOnly:a,skipReadOnly:r}){const{expandSingleSchemaField:n,showObjectSchemaExamples:m,schemaExpansionLevel:c}=useRecoilValue(globalOptionsSelector),s=r||a?e.filter((e=>!(r&&e.schema.readOnly||a&&e.schema.writeOnly))):e,p=n&&1===s.length||c>=l;return React.createElement(PropertiesTable,null,o&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(s,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:i.parentSchema,enumValues:e.schema.enum,onChange:null==i?void 0:i.onChange}):void 0,showExamples:m,skipReadOnly:r,skipWriteOnly:a,showTitle:o,level:l})))))}export const ObjectSchema=memo(ObjectSchemaComponent);
 //# sourceMappingURL=ObjectSchema.js.map

package/lib-esm/components/Schema/OneOfSchema.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o};import React,{memo,useCallback}from"react";import isDeepEqual from"fast-deep-equal";import{useRecoilValue,useRecoilState}from"recoil";import{setRecoil}from"recoil-nexus";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{globalOptionsSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useRecoilValue(globalOptionsSelector),[n,i]=useRecoilState(operationStore(o.deps.operation.pointer)),c=null==t?void 0:t[n.activeOneOf],l=useCallback((e=>{var t;null===(t=null==o?void 0:o.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&setRecoil(operationStore(t.deps.operation.pointer),(o=>{var a,r;return Object.assign(Object.assign({},o),{activeExampleName:(null===(r=null===(a=t.oneOf)||void 0===a?void 0:a[e])||void 0===r?void 0:r.title)||o.activeExampleName,activeOneOf:e})}))}))}),[null==c?void 0:c.rawSchema.discriminator,null==o?void 0:o.oneOf]);return c?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,o.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:()=>i((e=>{var a,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!r&&c.description&&React.createElement(Markdown,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:l,isOneOf:!0}))):null}export const OneOfSchema=memo(OneOfSchemaComponent);
+var __rest=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o};import React,{memo,useCallback}from"react";import isDeepEqual from"fast-deep-equal";import{useRecoilValue,useRecoilState}from"@redocly/recoil";import{setRecoil}from"../../recoil/nexus";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{globalOptionsSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useRecoilValue(globalOptionsSelector),[n,i]=useRecoilState(operationStore(o.deps.operation.pointer)),c=null==t?void 0:t[n.activeOneOf],l=useCallback((e=>{var t;null===(t=null==o?void 0:o.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&setRecoil(operationStore(t.deps.operation.pointer),(o=>{var a,r;return Object.assign(Object.assign({},o),{activeExampleName:(null===(r=null===(a=t.oneOf)||void 0===a?void 0:a[e])||void 0===r?void 0:r.title)||o.activeExampleName,activeOneOf:e})}))}))}),[null==c?void 0:c.rawSchema.discriminator,null==o?void 0:o.oneOf]);return c?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,o.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:()=>i((e=>{var a,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!r&&c.description&&React.createElement(Markdown,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:l,isOneOf:!0}))):null}export const OneOfSchema=memo(OneOfSchemaComponent);
 //# sourceMappingURL=OneOfSchema.js.map

package/lib-esm/components/Schema/Schema.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t};import React,{memo}from"react";import{useRecoilValue}from"recoil";import{FieldDetails}from"../Fields";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../recoil/operation";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:n,isOneOf:a=!1}=e,i=__rest(e,["schema","onDiscriminatorChange","isOneOf"]);const{activeOneOf:c}=useRecoilValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:o,oneOf:m,discriminatorProp:l,isCircular:s}=t,h=(i.level||0)+1;if(s)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==l){if(!m||!m.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=m[c];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:e,discriminator:{fieldName:l,parentSchema:t,onChange:n}}))}if(void 0!==m)return React.createElement(OneOfSchema,Object.assign({},i,{schema:t}));const f=Array.isArray(o)?o:[o];if(f.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:t}))}else if(f.includes("array"))return React.createElement(ArraySchema,Object.assign({},i,{level:h,schema:t}));const u={schema:t,name:"",required:!1,description:a?"":t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:u}))}export const Schema=memo(SchemaComponent);
+var __rest=this&&this.__rest||function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t};import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{FieldDetails}from"../Fields";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../recoil/operation";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:n,isOneOf:a=!1}=e,i=__rest(e,["schema","onDiscriminatorChange","isOneOf"]);const{activeOneOf:c}=useRecoilValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:o,oneOf:l,discriminatorProp:m,isCircular:s}=t,h=(i.level||0)+1;if(s)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==m){if(!l||!l.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=l[c];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:e,discriminator:{fieldName:m,parentSchema:t,onChange:n}}))}if(void 0!==l)return React.createElement(OneOfSchema,Object.assign({},i,{schema:t}));const f=Array.isArray(o)?o:[o];if(f.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:t}))}else if(f.includes("array"))return React.createElement(ArraySchema,Object.assign({},i,{level:h,schema:t}));const u={schema:t,name:"",required:!1,description:a?"":t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:u}))}export const Schema=memo(SchemaComponent);
 //# sourceMappingURL=Schema.js.map

package/lib-esm/components/SchemaDefinition/SchemaDefinition.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody,LayoutVariant}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),S=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED||!s},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:S}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody,LayoutVariant}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"@redocly/recoil";import{setRecoil}from"../../recoil/nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),y=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED||!s},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:y}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=styled(PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);

package/lib-esm/components/Search/MenuItemSearch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsSelector}from"../../recoil/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),l=e.split(a);for(let e=1,t=l.length;e<t;e+=2)l[e]=React.createElement(MarkedSpan,{key:e},l[e]);return l}export const MenuItemSearch=({result:e,term:t,active:a,onClick:l})=>{const{searchMode:r,sideNavStyle:c}=useRecoilValue(globalOptionsSelector),n="path-only"===r,m=c===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:l},(m||n)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(t,e.places[0].paths[0])):null)};
+import React from"react";import{useRecoilValue}from"@redocly/recoil";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsSelector}from"../../recoil/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),l=e.split(a);for(let e=1,t=l.length;e<t;e+=2)l[e]=React.createElement(MarkedSpan,{key:e},l[e]);return l}export const MenuItemSearch=({result:e,term:t,active:a,onClick:l})=>{const{searchMode:r,sideNavStyle:c}=useRecoilValue(globalOptionsSelector),n="path-only"===r,m=c===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:l},(m||n)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(t,e.places[0].paths[0])):null)};
 //# sourceMappingURL=MenuItemSearch.js.map

package/lib-esm/components/Search/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{getRecoil}from"recoil-nexus";import{getActiveMediaType}from"../../models";import{operationStore}from"../../recoil/operation";export function getFields(e){if(!e)return[];const{activeOneOf:t}=getRecoil(operationStore(e.deps.operation.pointer));return e.oneOf?getFields(e.oneOf[t]):e.items?getFields(e.items):e.fields||[]}export function expandDeep(e,t){if(e)for(const o of e){const e=t.find((e=>e.name===o));if(!e)break;t=getFields(e.schema)}}export function enhanceResults(e,t){const o={};e.forEach((({meta:e,score:n})=>{const s=e.menuId,c=o[s];if(n=e.boost?n*e.boost:n,c){if(c.score=Math.max(n,c.score),e.place&&c.count++,e.place){const t=c.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var o;return(t&&t.join("->"))===(null===(o=e.path)||void 0===o?void 0:o.join("->"))}))||t.paths.push(e.path):c.places.push({place:e.place,paths:[e.path]})}}else o[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:n,count:e.place?1:0}}));const n=Object.keys(o).map((e=>o[e]));return n.forEach(((e,t)=>e.index=t)),n.sort(((e,t)=>t.score-e.score)),n}export function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}export 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(" → "):""}export function expandResults(e){var t,o;for(const n of e.places)if("request fields"===n.place){const o=e.item.requestBody,s=getFields(o&&o.content&&(null===(t=getActiveMediaType(o.content))||void 0===t?void 0:t.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(n.place.startsWith("response ")){const t=n.place.split(" ")[1],s=e.item.responses.find((e=>e.code===t));s&&(s.expanded=!0);const c=getFields(s&&s.content&&(null===(o=getActiveMediaType(s.content))||void 0===o?void 0:o.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),c)}}}
+import{getRecoil}from"../../recoil/nexus";import{getActiveMediaType}from"../../models";import{operationStore}from"../../recoil/operation";export function getFields(e){if(!e)return[];const{activeOneOf:t}=getRecoil(operationStore(e.deps.operation.pointer));return e.oneOf?getFields(e.oneOf[t]):e.items?getFields(e.items):e.fields||[]}export function expandDeep(e,t){if(e)for(const o of e){const e=t.find((e=>e.name===o));if(!e)break;t=getFields(e.schema)}}export function enhanceResults(e,t){const o={};e.forEach((({meta:e,score:n})=>{const s=e.menuId,c=o[s];if(n=e.boost?n*e.boost:n,c){if(c.score=Math.max(n,c.score),e.place&&c.count++,e.place){const t=c.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var o;return(t&&t.join("->"))===(null===(o=e.path)||void 0===o?void 0:o.join("->"))}))||t.paths.push(e.path):c.places.push({place:e.place,paths:[e.path]})}}else o[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:n,count:e.place?1:0}}));const n=Object.keys(o).map((e=>o[e]));return n.forEach(((e,t)=>e.index=t)),n.sort(((e,t)=>t.score-e.score)),n}export function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}export 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(" → "):""}export function expandResults(e){var t,o;for(const n of e.places)if("request fields"===n.place){const o=e.item.requestBody,s=getFields(o&&o.content&&(null===(t=getActiveMediaType(o.content))||void 0===t?void 0:t.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(n.place.startsWith("response ")){const t=n.place.split(" ")[1],s=e.item.responses.find((e=>e.code===t));s&&(s.expanded=!0);const c=getFields(s&&s.content&&(null===(o=getActiveMediaType(s.content))||void 0===o?void 0:o.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),c)}}}
 //# sourceMappingURL=utils.js.map

package/lib-esm/components/SectionContent/SectionContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useRecoilValue}from"recoil";import{ContentItem}from"../ContentItem";import{Pagination}from"../../services";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsSelector}from"../../recoil/store";import{RenderHook}from"../RenderHook";export function SectionContent({items:e,pagination:t,nextSectionLink:o,showNextButton:n,hideFooterAndHeader:r}){const a=useMemo((()=>t===Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),{hooks:{MiddlePanelHeader:l}}=useRecoilValue(globalOptionsSelector),i=useMemo((()=>r?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,{showNextButton:n,pagination:t,nextSectionLink:o}))),[o,t,n,r]),m=useMemo((()=>r||!OpenApiHeader&&!l?null:React.createElement(MiddlePanelWrapper,null,l?React.createElement(RenderHook,{Hook:l,props:void 0}):React.createElement(OpenApiHeader,null))),[l,r]);return 0===a.length?null:React.createElement(React.Fragment,null,m,a.map((e=>React.createElement(ContentItem,{key:e.id,item:e}))),i)}
+import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useRecoilValue}from"@redocly/recoil";import{ContentItem}from"../ContentItem";import{Pagination}from"../../services";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsSelector}from"../../recoil/store";import{RenderHook}from"../RenderHook";export function SectionContent({items:e,pagination:t,nextSectionLink:o,showNextButton:n,hideFooterAndHeader:r}){const l=useMemo((()=>t===Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),{hooks:{MiddlePanelHeader:a}}=useRecoilValue(globalOptionsSelector),i=useMemo((()=>r?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,{showNextButton:n,pagination:t,nextSectionLink:o}))),[o,t,n,r]),m=useMemo((()=>r||!OpenApiHeader&&!a?null:React.createElement(MiddlePanelWrapper,null,a?React.createElement(RenderHook,{Hook:a,props:void 0}):React.createElement(OpenApiHeader,null))),[a,r]);return 0===l.length?null:React.createElement(React.Fragment,null,m,l.map((e=>React.createElement(ContentItem,{key:e.id,item:e}))),i)}
 //# sourceMappingURL=SectionContent.js.map

package/lib-esm/components/SecurityRequirement/SecurityDefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{H2,MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreSelector}from"../../recoil/store";import{getSecuritySchemes}from"../../models";import{Pagination}from"../../services";export function SecurityDefs(){const{parser:e,options:t}=useRecoilValue(globalStoreSelector),r=getSecuritySchemes({parser:e}),a=t.pagination===Pagination.Item?"section/":"";return React.createElement(React.Fragment,null,null==r?void 0:r.map((e=>React.createElement(Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(H2,null,React.createElement(ShareLink,{to:`#${a}${e.sectionId}`}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(MarkdownWrapper,null,React.createElement("div",{className:"security-details"},React.createElement("div",null,React.createElement("b",null,"Security Scheme Type: "),React.createElement("span",null,AUTH_TYPES[e.type]||e.type)),e.apiKey?React.createElement("div",null,React.createElement("b",null,titleize(e.apiKey.in||"")," parameter name: "),React.createElement("span",null,e.apiKey.name)):e.http?[React.createElement("div",{key:"scheme"},React.createElement("b",null,"HTTP Authorization Scheme "),React.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement("div",{key:"bearer"},React.createElement("b",null,"Bearer format: "),React.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?React.createElement("div",null,React.createElement("b",null,"Connect URL:"),React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl)):e.flows?Object.keys(e.flows).map((t=>React.createElement(OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{H2,MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreSelector}from"../../recoil/store";import{getSecuritySchemes}from"../../models";import{Pagination}from"../../services";export function SecurityDefs(){const{parser:e,options:t}=useRecoilValue(globalStoreSelector),r=getSecuritySchemes({parser:e}),a=t.pagination===Pagination.Item?"section/":"";return React.createElement(React.Fragment,null,null==r?void 0:r.map((e=>React.createElement(Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(H2,null,React.createElement(ShareLink,{to:`#${a}${e.sectionId}`}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(MarkdownWrapper,null,React.createElement("div",{className:"security-details"},React.createElement("div",null,React.createElement("b",null,"Security Scheme Type: "),React.createElement("span",null,AUTH_TYPES[e.type]||e.type)),e.apiKey?React.createElement("div",null,React.createElement("b",null,titleize(e.apiKey.in||"")," parameter name: "),React.createElement("span",null,e.apiKey.name)):e.http?[React.createElement("div",{key:"scheme"},React.createElement("b",null,"HTTP Authorization Scheme "),React.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement("div",{key:"bearer"},React.createElement("b",null,"Bearer format: "),React.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?React.createElement("div",null,React.createElement("b",null,"Connect URL:"),React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl)):e.flows?Object.keys(e.flows).map((t=>React.createElement(OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

package/lib-esm/components/SecurityRequirement/SecurityRequirement.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{LockIcon}from"../icons";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{l}from"../../services";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreSelector}from"../../recoil/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,t){const r=[];let o=t.length;for(;o--;){const n=t[o];let c=n.schemes.length;for(;c--;){const t=n.schemes[c];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=useState(!1),{options:{showSecuritySchemeType:o,hideSecuritySection:n},parser:c}=useRecoilValue(globalStoreSelector),a=useSecurityRequirements({parser:c,securities:e});return!e.length||n?null:React.createElement(ContentPanel,{className:"panel-security-schemas",header:l("authorizations"),onToggle:e=>r(e),description:!t&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:o}),expanded:t},t&&a&&a.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,c,a="";return e.length>1&&t.schemes.length>1&&(c=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or",n=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},c,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:o}),a,n)}))):null,t?a.map((t=>{const r=getRequiredScopes(t.id,e);return React.createElement(SecurityDetails,{key:t.id},React.createElement("h5",null,React.createElement(LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",AUTH_TYPES[t.type]||t.type,": ",t.id),React.createElement(Markdown,{source:t.description||""}),React.createElement(MarkdownWrapper,{key:t.id},t.apiKey?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,titleize(t.apiKey.in||"")," parameter name: "),React.createElement("code",null,t.apiKey.name)),React.createElement(RequiredScopesRow,{scopes:r})):t.http?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"HTTP Authorization Scheme: "),React.createElement("code",null,t.http.scheme)),React.createElement(Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&React.createElement(React.Fragment,null,React.createElement("b",null,"Bearer format: "),React.createElement("code",null,t.http.bearerFormat))),React.createElement(RequiredScopesRow,{scopes:r})):t.openId?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Connect URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),React.createElement(RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,flow:t.flows[e]},React.createElement(RequiredScopesRow,{scopes:r})))):null))})):null)}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.div`
+import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{LockIcon}from"../icons";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{l}from"../../services";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreSelector}from"../../recoil/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,t){const r=[];let o=t.length;for(;o--;){const n=t[o];let c=n.schemes.length;for(;c--;){const t=n.schemes[c];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=useState(!1),{options:{showSecuritySchemeType:o,hideSecuritySection:n},parser:c}=useRecoilValue(globalStoreSelector),a=useSecurityRequirements({parser:c,securities:e});return!e.length||n?null:React.createElement(ContentPanel,{className:"panel-security-schemas",header:l("authorizations"),onToggle:e=>r(e),description:!t&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:o}),expanded:t},t&&a&&a.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,c,a="";return e.length>1&&t.schemes.length>1&&(c=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or",n=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},c,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:o}),a,n)}))):null,t?a.map((t=>{const r=getRequiredScopes(t.id,e);return React.createElement(SecurityDetails,{key:t.id},React.createElement("h5",null,React.createElement(LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",AUTH_TYPES[t.type]||t.type,": ",t.id),React.createElement(Markdown,{source:t.description||""}),React.createElement(MarkdownWrapper,{key:t.id},t.apiKey?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,titleize(t.apiKey.in||"")," parameter name: "),React.createElement("code",null,t.apiKey.name)),React.createElement(RequiredScopesRow,{scopes:r})):t.http?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"HTTP Authorization Scheme: "),React.createElement("code",null,t.http.scheme)),React.createElement(Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&React.createElement(React.Fragment,null,React.createElement("b",null,"Bearer format: "),React.createElement("code",null,t.http.bearerFormat))),React.createElement(RequiredScopesRow,{scopes:r})):t.openId?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Connect URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),React.createElement(RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,flow:t.flows[e]},React.createElement(RequiredScopesRow,{scopes:r})))):null))})):null)}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.div`
   border-bottom: 1px solid var(--border-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

package/lib-esm/components/SideMenu/Actions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from"react";import{useRecoilState,useRecoilValue}from"recoil";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarSelector,layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalOptionsSelector}from"../../recoil/store";export const Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:o}=useRecoilValue(globalOptionsSelector),[t,a]=useRecoilState(layoutSelector),[l,i]=useRecoilState(showRightPanelToggleSelector),[r,c]=useRecoilState(collapsedSidebarSelector);return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,React.createElement(SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:l,layout:t,initialShowRightPanelToggle:o,onChangeRightPanelViewClick:()=>i((e=>!e)),onChangeViewClick:()=>a(t===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:r,onChangeCollapseSidebarClick:()=>c((e=>!e)),isOpenapiDocs:!0})))};const Wrapper=styled.div`
+import React from"react";import{useRecoilState,useRecoilValue}from"@redocly/recoil";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarSelector,layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalOptionsSelector}from"../../recoil/store";export const Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:o}=useRecoilValue(globalOptionsSelector),[t,a]=useRecoilState(layoutSelector),[l,i]=useRecoilState(showRightPanelToggleSelector),[r,c]=useRecoilState(collapsedSidebarSelector);return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,React.createElement(SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:l,layout:t,initialShowRightPanelToggle:o,onChangeRightPanelViewClick:()=>i((e=>!e)),onChangeViewClick:()=>a(t===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:r,onChangeCollapseSidebarClick:()=>c((e=>!e)),isOpenapiDocs:!0})))};const Wrapper=styled.div`
   position: sticky;
   top: calc(100vh);
 `;

package/lib-esm/components/SideMenu/MenuItems.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useRecoilValue}from"recoil";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsSelector}from"../../recoil/store";import{Pagination}from"../../services";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:i=[],expanded:m=!0,style:r}){const{pagination:a,hideInfoSection:l}=useRecoilValue(globalOptionsSelector);return React.createElement(MenuItemUl,{className:n,style:r,expanded:m,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>l&&a===Pagination.None&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e,pagination:a}))),i.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
+import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsSelector}from"../../recoil/store";import{Pagination}from"../../services";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:i=[],expanded:m=!0,style:r}){const{pagination:a,hideInfoSection:l}=useRecoilValue(globalOptionsSelector);return React.createElement(MenuItemUl,{className:n,style:r,expanded:m,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>l&&a===Pagination.None&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e,pagination:a}))),i.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map

package/lib-esm/components/SideMenu/MenuOperationItemContent.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useRecoilValue}from"recoil";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";const MenuItemOperationLink=styled(MenuItemLink)`
+import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";const MenuItemOperationLink=styled(MenuItemLink)`
   flex-wrap: wrap;
 `,MenuItemDescription=styled.small`
   display: block;

package/lib-esm/components/SideMenu/SideMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo,useRef}from"react";import{useRecoilValue}from"recoil";import{RedocAttribution}from"./styled";import{MenuItems}from"./MenuItems";import{PerfectScrollbarWrap}from"../common";import{globalOptionsSelector}from"../../recoil/store";import{useMenuItems}from"./hooks";const SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:o,whiteLabel:r,pagination:n}=useRecoilValue(globalOptionsSelector),l=useRef(),i=useMenuItems({items:e,pagination:n});return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{l.current=e},className:t,options:{wheelPropagation:!1}},React.createElement(MenuItems,{items:i,root:!0,linksBefore:null==o?void 0:o.beforeInfo,linksAfter:null==o?void 0:o.end}),r&&React.createElement(RedocAttribution,null,React.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};export const SideMenu=memo(SideMenuComponent);
+import React,{memo,useRef}from"react";import{useRecoilValue}from"@redocly/recoil";import{RedocAttribution}from"./styled";import{MenuItems}from"./MenuItems";import{PerfectScrollbarWrap}from"../common";import{globalOptionsSelector}from"../../recoil/store";import{useMenuItems}from"./hooks";const SideMenuComponent=({items:e,className:o})=>{const{sidebarLinks:t,whiteLabel:r,pagination:n}=useRecoilValue(globalOptionsSelector),l=useRef(),i=useMenuItems({items:e,pagination:n});return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{l.current=e},className:o,options:{wheelPropagation:!1}},React.createElement(MenuItems,{items:i,root:!0,linksBefore:null==t?void 0:t.beforeInfo,linksAfter:null==t?void 0:t.end}),r&&React.createElement(RedocAttribution,null,React.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};export const SideMenu=memo(SideMenuComponent);
 //# sourceMappingURL=SideMenu.js.map

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from"styled-components";import{MobileSidebarButton,MobileSidebarIcon,useMount,useUnmount}from"@redocly/theme";import{useRecoilState}from"recoil";import{useLocation}from"react-router-dom";import{IS_BROWSER}from"../../utils";import{isSidebarOpenedSelector}from"../../recoil/app";import{Actions}from"../SideMenu/Actions";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
+import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from"styled-components";import{MobileSidebarButton,MobileSidebarIcon,useMount,useUnmount}from"@redocly/theme";import{useRecoilState}from"@redocly/recoil";import{useLocation}from"react-router-dom";import{IS_BROWSER}from"../../utils";import{isSidebarOpenedSelector}from"../../recoil/app";import{Actions}from"../SideMenu/Actions";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -35,5 +35,5 @@ import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from
       display: none;
     }
   `}
-`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[a,l]=useState("0px"),s=useRef(null),n=useLocation(),[c,d]=useRecoilState(isSidebarOpenedSelector);useEffect((()=>{n.hash&&d(!1)}),[n.pathname,n.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(s.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:c,className:i,offsetTop:a,style:{top:a},ref:s,collapsedSidebar:r},r||c?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:c,onClick:()=>{d(!c)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[a,l]=useState("0px"),s=useRef(null),c=useLocation(),[n,d]=useRecoilState(isSidebarOpenedSelector);useEffect((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(s.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:i,offsetTop:a,style:{top:a},ref:s,collapsedSidebar:r},r||n?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:n,onClick:()=>{d(!n)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n};import React,{memo,useCallback,useEffect,useState}from"react";import{useRecoilState}from"recoil";import{CollapsingTabsBase}from"./CollapsingTabsBase";import{operationStore}from"../../../recoil/operation";function getActiveIndexFromOperation(e,t,n){var o;if(!t)return-1;if("number"==typeof n&&n>0){return hasActiveExampleName(null===(o=e[n])||void 0===o?void 0:o.content,t)?n:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,n=__rest(e,["children"]);const{operation:{pointer:o,responses:a},tabs:i}=n,[r,s]=useRecoilState(operationStore(o)),[l,c]=useState(0);function p(e){s((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}useEffect((()=>{const e=i.findIndex((e=>e.title===(null==r?void 0:r.activeResponseTab)));c(e)}),[i,null==r?void 0:r.activeResponseTab,c]);const m=null==r?void 0:r.activeExampleName;useEffect((()=>{const e=getActiveIndexFromOperation(a,m,l);e>-1&&i[e]&&(c(e),p(i[e].title))}),[m]);const u=useCallback((e=>{l!==e&&(c(e),p(i[e].title))}),[l]);return React.createElement(CollapsingTabsBase,Object.assign({},n,{activeIndex:l,onChange:u}),t)}export const CollapsingTabs=memo(CollapsingTabsComponent);
+var __rest=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n};import React,{memo,useCallback,useEffect,useState}from"react";import{useRecoilState}from"@redocly/recoil";import{CollapsingTabsBase}from"./CollapsingTabsBase";import{operationStore}from"../../../recoil/operation";function getActiveIndexFromOperation(e,t,n){var o;if(!t)return-1;if("number"==typeof n&&n>0){return hasActiveExampleName(null===(o=e[n])||void 0===o?void 0:o.content,t)?n:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,n=__rest(e,["children"]);const{operation:{pointer:o,responses:a},tabs:i}=n,[r,s]=useRecoilState(operationStore(o)),[l,c]=useState(0);function p(e){s((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}useEffect((()=>{const e=i.findIndex((e=>e.title===(null==r?void 0:r.activeResponseTab)));c(e)}),[i,null==r?void 0:r.activeResponseTab,c]);const m=null==r?void 0:r.activeExampleName;useEffect((()=>{const e=getActiveIndexFromOperation(a,m,l);e>-1&&i[e]&&(c(e),p(i[e].title))}),[m]);const u=useCallback((e=>{l!==e&&(c(e),p(i[e].title))}),[l]);return React.createElement(CollapsingTabsBase,Object.assign({},n,{activeIndex:l,onChange:u}),t)}export const CollapsingTabs=memo(CollapsingTabsComponent);
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -1,2 +1,2 @@
-import React,{memo,useCallback,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:o,hidden:l,activeIndex:t,onChange:a}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),s=useMemo((()=>e.slice(n).map((({title:e},o)=>({idx:o,value:e})))),[e,n]),i=`${s.length} more`,[r,c]=useState(i),m=useCallback((()=>{var o;const l=t>=n;r!==i&&r===e[t].title||!l?r===i||l||c(i):c(null===(o=e[t])||void 0===o?void 0:o.title)}),[t,n,r,i,e]);useEffect((()=>{setTimeout(m,0)}),[t,n,m]);return React.createElement(Tabs,{selectedIndex:t,onSelect:a},React.createElement(CollapsingTabList,{hidden:l},e.map(((e,o)=>React.createElement(CollapsingTab,{key:null==e?void 0:e.key,disabled:o>=n},null==e?void 0:e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{a(n+e.idx)},placeholder:i,value:r,active:t>=n}):null),o)}export const CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
+import React,{memo,useCallback,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"@redocly/recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:o,hidden:l,activeIndex:t,onChange:a}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),s=useMemo((()=>e.slice(n).map((({title:e},o)=>({idx:o,value:e})))),[e,n]),i=`${s.length} more`,[r,c]=useState(i),m=useCallback((()=>{var o;const l=t>=n;r!==i&&r===e[t].title||!l?r===i||l||c(i):c(null===(o=e[t])||void 0===o?void 0:o.title)}),[t,n,r,i,e]);useEffect((()=>{setTimeout(m,0)}),[t,n,m]);return React.createElement(Tabs,{selectedIndex:t,onSelect:a},React.createElement(CollapsingTabList,{hidden:l},e.map(((e,o)=>React.createElement(CollapsingTab,{key:null==e?void 0:e.key,disabled:o>=n},null==e?void 0:e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{a(n+e.idx)},placeholder:i,value:r,active:t>=n}):null),o)}export const CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib-esm/components/TagItems/TagItems.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useRecoilValue}from"recoil";import{Pagination}from"../../services";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{SectionContent}from"../SectionContent";import{globalOptionsSelector}from"../../recoil/store";import{RenderHook}from"../RenderHook";export function TagItems({tag:e,nextSectionLink:t,pagination:o,showNextButton:n}){const{hooks:{MiddlePanelHeader:r}}=useRecoilValue(globalOptionsSelector),a=useMemo((()=>{const e=React.createElement(PageFooter,{showNextButton:n,pagination:o,nextSectionLink:t});return e?React.createElement(MiddlePanelWrapper,null,e):null}),[t,o,n]),i=useMemo((()=>OpenApiHeader||r?React.createElement(MiddlePanelWrapper,null,r?React.createElement(RenderHook,{Hook:r,props:void 0}):React.createElement(OpenApiHeader,null)):null),[r]);return React.createElement(React.Fragment,null,i,React.createElement(ContentItem,{key:e.id,item:e,withChildren:o!==Pagination.Item}),o===Pagination.Item&&React.createElement(SectionContent,{hideFooterAndHeader:!0,items:e.items||[],pagination:o,showNextButton:!1}),a)}
+import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useRecoilValue}from"@redocly/recoil";import{Pagination}from"../../services";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{SectionContent}from"../SectionContent";import{globalOptionsSelector}from"../../recoil/store";import{RenderHook}from"../RenderHook";export function TagItems({tag:e,nextSectionLink:t,pagination:o,showNextButton:n}){const{hooks:{MiddlePanelHeader:r}}=useRecoilValue(globalOptionsSelector),a=useMemo((()=>{const e=React.createElement(PageFooter,{showNextButton:n,pagination:o,nextSectionLink:t});return e?React.createElement(MiddlePanelWrapper,null,e):null}),[t,o,n]),i=useMemo((()=>OpenApiHeader||r?React.createElement(MiddlePanelWrapper,null,r?React.createElement(RenderHook,{Hook:r,props:void 0}):React.createElement(OpenApiHeader,null)):null),[r]);return React.createElement(React.Fragment,null,i,React.createElement(ContentItem,{key:e.id,item:e,withChildren:o!==Pagination.Item}),o===Pagination.Item&&React.createElement(SectionContent,{hideFooterAndHeader:!0,items:e.items||[],pagination:o,showNextButton:!1}),a)}
 //# sourceMappingURL=TagItems.js.map

package/lib-esm/components/common/linkify.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsSelector}from"../../recoil/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:i}=useRecoilValue(globalOptionsSelector),n=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,l=i&&{onClick:e=>{e.preventDefault(),i(o+n)}};return n?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:o+n},l),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsSelector}from"../../recoil/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:i}=useRecoilValue(globalOptionsSelector),n=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,l=i&&{onClick:e=>{e.preventDefault(),i(o+n)}};return n?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:o+n},l),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
   position: absolute;
   transform: translateX(-100%);
   padding-right: var(--heading-anchor-offset-right);

package/lib-esm/components/common/perfect-scrollbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useRecoilValue}from"recoil";import{IS_BROWSER}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
+var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useRecoilValue}from"@redocly/recoil";import{IS_BROWSER}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
   position: relative;
 `;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=useRecoilValue(globalOptionsSelector);return o?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)}
 //# sourceMappingURL=perfect-scrollbar.js.map

package/lib-esm/components/pluggable/RedocExample.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocExample=({pointer:e,mimeType:o,encoding:r})=>{const{parser:m}=useRecoilValue(globalStoreSelector),t=useRecoilValue(layoutSelector),l=getExamples({parser:m,infoOrRef:{$ref:e},mime:o,encoding:r});return React.createElement(Row,{layout:t},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:l,mimeType:o})))};
+import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocExample=({pointer:e,mimeType:o,encoding:r})=>{const{parser:l}=useRecoilValue(globalStoreSelector),m=useRecoilValue(layoutSelector),t=getExamples({parser:l,infoOrRef:{$ref:e},mime:o,encoding:r});return React.createElement(Row,{layout:m},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:t,mimeType:o})))};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=useRecoilValue(globalStoreSelector),a=useRecoilValue(layoutSelector),l=getOperation(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),{content:n,description:m,required:p}=getRequestBody({parser:r,infoOrRef:{$ref:e},options:o,operation:l})||{},c=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:a},React.createElement(c,null,n&&React.createElement(BodyContent,{content:n,description:m,required:p})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n&&React.createElement(PayloadSamples,{content:n})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=useRecoilValue(globalStoreSelector),a=useRecoilValue(layoutSelector),l=getOperation(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),{content:n,description:m,required:p}=getRequestBody({parser:r,infoOrRef:{$ref:e},options:o,operation:l})||{},c=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:a},React.createElement(c,null,n&&React.createElement(BodyContent,{content:n,description:m,required:p})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n&&React.createElement(PayloadSamples,{content:n})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{getOperation,getResponse}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),s=getResponse({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:r});s.description=s.summary;const p=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(p,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:s})),!t&&s.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:s.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getOperation,getResponse}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocResponse=({pointer:e,hideSamples:o})=>{const{options:t,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t,""),s=getResponse({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:t,operation:r});s.description=s.summary;const p=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(p,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:s})),!o&&s.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:s.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreSelector}from"../../recoil/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:t,parser:r}=useRecoilValue(globalStoreSelector),m=getSchema({parser:r,schemaOrRef:o||{$ref:e},pointer:e||"",options:t,deps:{operation:{pointer:"RedocSchema"}}});return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:m})))};
+import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreSelector}from"../../recoil/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:r,parser:t}=useRecoilValue(globalStoreSelector),c=getSchema({parser:t,schemaOrRef:o||{$ref:e},pointer:e||"",options:r,deps:{operation:{pointer:"RedocSchema"}}});return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:c})))};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/rightPanel/AuthPanel/AuthPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{Fragment,useEffect,useState}from"react";import{useRecoilValue}from"recoil";import{TryItSecurityApps}from"@redocly/theme";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import OAuth2TokenInputComponent from"../OAuth2TokenInput";import{globalStoreSelector}from"../../../recoil/store";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a,form:r,formApi:i})=>{var n,s;const[u,c]=useState(0),{parser:m}=useRecoilValue(globalStoreSelector);useEffect((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),a=e.findIndex((e=>e===o));c(a<0?0:a)}),[t]);const d=t.security,p=d.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===p.length)return React.createElement(Error,{message:"Cannot find security schema in the definition"});const f=d[u],h=escapeFormId(f.schemes[0].id);return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,p.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:p,value:p[u].value,onChange:e=>{c(e.idx),toSessionStorage("securityRequirementName",e.value)}}))||null,React.createElement(TryItSecurityApps,{apiId:null===(s=null===(n=null==m?void 0:m.definition.info)||void 0===n?void 0:n["x-metadata"])||void 0===s?void 0:s.apiId,value:i.getValue(`auth.${h}`),onChange:e=>{i.setValue(`auth.${h}`,e)}}),d[u].schemes.map((t=>{var n,s,u,c,m,d,p;const f=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(f,""),a={field:`auth.${f}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:f},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(f,"username"),o={field:`auth.${f}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}.username`)||(null===(n=null==e?void 0:e[f])||void 0===n?void 0:n.username),initValue:fromSessionStorage(`auth.${f}.username`)||(null===(s=null==e?void 0:e[f])||void 0===s?void 0:s.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${f}.password`,initialValue:fromSessionStorage(`auth.${f}.password`)||(null===(u=null==e?void 0:e[f])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(f,""),o={field:`auth.${f}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInputComponent,{key:f,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(m=null===(c=null==t?void 0:t.flows)||void 0===c?void 0:c.implicit)||void 0===m?void 0:m.scopes)||{}),server:o,id:f,form:r,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(d=t.flows.authorizationCode)||void 0===d?void 0:d.scopes)||{}),server:o,id:f,form:r,formApi:i,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${f}.token`)||JSON.stringify(null===(p=null==e?void 0:e[f])||void 0===p?void 0:p.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${f}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${f}.token.access_token`,validate:requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:f,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
+import React,{Fragment,useEffect,useState}from"react";import{useRecoilValue}from"@redocly/recoil";import{TryItSecurityApps}from"@redocly/theme";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import OAuth2TokenInputComponent from"../OAuth2TokenInput";import{globalStoreSelector}from"../../../recoil/store";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a,form:r,formApi:i})=>{var n,s;const[u,c]=useState(0),{parser:m}=useRecoilValue(globalStoreSelector);useEffect((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),a=e.findIndex((e=>e===o));c(a<0?0:a)}),[t]);const d=t.security,p=d.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===p.length)return React.createElement(Error,{message:"Cannot find security schema in the definition"});const f=d[u],h=escapeFormId(f.schemes[0].id);return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,p.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:p,value:p[u].value,onChange:e=>{c(e.idx),toSessionStorage("securityRequirementName",e.value)}}))||null,React.createElement(TryItSecurityApps,{apiId:null===(s=null===(n=null==m?void 0:m.definition.info)||void 0===n?void 0:n["x-metadata"])||void 0===s?void 0:s.apiId,value:i.getValue(`auth.${h}`),onChange:e=>{i.setValue(`auth.${h}`,e)}}),d[u].schemes.map((t=>{var n,s,u,c,m,d,p;const f=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(f,""),a={field:`auth.${f}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromCookie(t)||fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:f},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(f,"username"),o={field:`auth.${f}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}.username`)||(null===(n=null==e?void 0:e[f])||void 0===n?void 0:n.username),initValue:fromSessionStorage(`auth.${f}.username`)||(null===(s=null==e?void 0:e[f])||void 0===s?void 0:s.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${f}.password`,initialValue:fromSessionStorage(`auth.${f}.password`)||(null===(u=null==e?void 0:e[f])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(f,""),o={field:`auth.${f}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),initValue:fromSessionStorage(`auth.${f}`)||(null==e?void 0:e[f]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInputComponent,{key:f,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(m=null===(c=null==t?void 0:t.flows)||void 0===c?void 0:c.implicit)||void 0===m?void 0:m.scopes)||{}),server:o,id:f,form:r,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:f,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(d=t.flows.authorizationCode)||void 0===d?void 0:d.scopes)||{}),server:o,id:f,form:r,formApi:i,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[f]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${f}.token`)||JSON.stringify(null===(p=null==e?void 0:e[f])||void 0===p?void 0:p.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:f},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${f}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${f}.token.access_token`,validate:requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:f,server:o,authCorsProxyUrl:a,id:f,form:r,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[f]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
 //# sourceMappingURL=AuthPanel.js.map

package/lib-esm/components/rightPanel/Console/Console.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(s,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function i(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}l((r=r.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(e);s<r.length;s++)t.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(e,r[s])&&(o[r[s]]=e[r[s]])}return o};import{execute}from"swagger-client/es/execute/index";import React,{useEffect,useState,useRef,useCallback,memo}from"react";import{useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"recoil";import{dereferenceDefinitionForTryIt}from"./shallowCopyForTryIt";import{unescapeFormId}from"../../../utils/string";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{getDefaultOrStoredVariables,getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";import{globalStoreSelector}from"../../../recoil/store";import{getActiveMediaType}from"../../../models";import{operationStore}from"../../../recoil/operation";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:o,rootElement:r,properties:s,securityDefaults:n,onClose:a}){let i=useRef();const[l,c]=useRecoilState(operationStore(e.pointer)),[u,p]=useState(l.activeServer||e.activeServer),[d,m]=useState(0),[v,y]=useState(!1),[h,f]=useState(!1),[b,g]=useState({values:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[O,S]=useState(),[j,C]=useState(),[R,P]=useState(),[I,T]=useState(),q=usePrevious(e),{parser:w,options:E}=useRecoilValue(globalStoreSelector),_=useCallback(((e,t=e.getState())=>{var{values:o}=t,r=__rest(t,["values"]);i.current=e,setTimeout((()=>{g(Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})}))}),0)}),[]),k=useCallback((e=>{var{values:t}=e,o=__rest(e,["values"]);const r=Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},t),{query:unescapeQueryParams(t.query||{})})});c((e=>Object.assign(Object.assign({},e),{requestValues:JSON.parse(JSON.stringify(t))}))),g(r),updateStorage(r)}),[c]),F=useCallback((e=>{m(e)}),[]),A=useCallback((e=>{p(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),V=useCallback((()=>__awaiter(this,void 0,void 0,(function*(){var o,r,s,n,a,l,c,p,d,v,h,g,S,j,R,I,q;const{values:w,invalid:_}=(null===(o=null==i?void 0:i.current)||void 0===o?void 0:o.getState())||b||{};if(null===(r=i.current)||void 0===r||r.submitForm(),_)return f(!0),setTimeout((()=>f(!1)),1e3),void(null===(n=null===(s=E.events)||void 0===s?void 0:s.tryItSent)||void 0===n||n.call(s,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:k,requestBody:F}=e,A=F&&F.content&&(null===(a=getActiveMediaType(F.content))||void 0===a?void 0:a.name)||"";let V=w.body;if(/json/.test(A))try{V=JSON.parse(V)}catch(e){console.error(e)}y(!0);const x=O,B=(e.httpVerb||"").toLowerCase();if(!k)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const D=k.find((e=>u.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),N=Date.now();let M,U=w.auth;if(w.auth){const e=Object.keys(w.auth)[0],t=unescapeFormId(e);M=Object.assign(Object.assign({},x),{components:Object.assign(Object.assign({},null==x?void 0:x.components),{securitySchemes:Object.assign(Object.assign({},null===(l=null==x?void 0:x.components)||void 0===l?void 0:l.securitySchemes),{[t]:Object.assign(Object.assign({},null===(p=null===(c=null==x?void 0:x.components)||void 0===c?void 0:c.securitySchemes)||void 0===p?void 0:p[t]),{type:"openIdConnect"===(null===(h=null===(v=null===(d=null==x?void 0:x.components)||void 0===d?void 0:d.securitySchemes)||void 0===v?void 0:v[t])||void 0===h?void 0:h.type)?"oauth2":(null===(S=null===(g=null==x?void 0:x.components)||void 0===g?void 0:g.securitySchemes)||void 0===S?void 0:S[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else M=Object.assign({},x);M.servers=k;const H=E.corsProxyUrl;H&&k.length&&(M.servers=k.map((e=>Object.assign(Object.assign({},e),{url:H+normalizeUrlProtocol(e.url)}))),M.paths=Object.assign(Object.assign({},M.paths),{[e.path]:Object.assign(Object.assign({},M.paths[e.path]),{[B]:Object.assign(Object.assign({},M.paths[e.path][B]),{servers:void 0}),servers:void 0})}));const W=(null==F?void 0:F.content)&&(null===(j=getActiveMediaType(F.content))||void 0===j?void 0:j.name)||null;if(W&&V&&isFileUploadMime(W)){const e=Object.values(V);V=e.length>1?e:e[0]}const z={server:H?H+normalizeUrlProtocol(D.url):D.url,serverVariables:getDefaultOrStoredVariables(D),spec:M,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},w.path),w.query),w.header),w.cookie),securities:{authorized:U},requestBody:V,requestContentType:W,responseContentType:(null===(R=w.header)||void 0===R?void 0:R.Accept)||null,requestInterceptor:makeRequestInterceptor(E,e,null==U?void 0:U.Authorization)};try{const o=yield execute(z),r=null==o?void 0:o.data;r instanceof Blob&&(isFileUploadMime(r.type)&&(o.fileInfo={rawData:r,fileName:getFileNameFromHeaders(o.headers)}),o.data=yield r.text()),null==t||t({request:z,response:o}),T(o),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:z,response:e.response})),T(void 0),P(e)}finally{y(!1),m(1),C(Date.now()-N),null===(q=null===(I=E.events)||void 0===I?void 0:I.tryItSent)||void 0===q||q.call(I,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[u.url,b,t,e,E,O]);useMount((()=>__awaiter(this,void 0,void 0,(function*(){var t;const o=yield dereferenceDefinitionForTryIt(e,w.definition);S(o),null===(t=i.current)||void 0===t||t.setValues({})})))),useEffect((()=>{q&&q!==e&&(T(void 0),P(void 0),m(0))}),[e,q]);const x=!(!I&&!R);return React.createElement(ConsoleWrapper,{shaking:h,className:o,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:d,hasResponse:x,onChange:F}),a&&React.createElement(CloseButton,{onClick:a}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==d,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:s,securityDefaults:n,form:b,resolvedRawSpec:O,server:u,formApi:i.current,setFormApi:_,handleChange:k,handleServerChange:A})),React.createElement(ConsoleBody,{hidden:1!==d,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:I,error:R,time:j})),React.createElement(ActionPanel,{hasResponse:x,params:b.values,operation:e,loading:v,execute:V}))}export const Console=memo(ConsoleComponent);
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(s,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function i(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}l((r=r.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(e);s<r.length;s++)t.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(e,r[s])&&(o[r[s]]=e[r[s]])}return o};import{execute}from"swagger-client/es/execute/index";import React,{useEffect,useState,useRef,useCallback,memo}from"react";import{useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"@redocly/recoil";import{dereferenceDefinitionForTryIt}from"./shallowCopyForTryIt";import{unescapeFormId}from"../../../utils/string";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{getDefaultOrStoredVariables,getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";import{globalStoreSelector}from"../../../recoil/store";import{getActiveMediaType}from"../../../models";import{operationStore}from"../../../recoil/operation";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:o,rootElement:r,properties:s,securityDefaults:n,onClose:a}){let i=useRef();const[l,c]=useRecoilState(operationStore(e.pointer)),[u,p]=useState(l.activeServer||e.activeServer),[d,m]=useState(0),[v,y]=useState(!1),[h,f]=useState(!1),[b,g]=useState({values:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[O,S]=useState(),[j,C]=useState(),[R,P]=useState(),[I,T]=useState(),q=usePrevious(e),{parser:w,options:E}=useRecoilValue(globalStoreSelector),_=useCallback(((e,t=e.getState())=>{var{values:o}=t,r=__rest(t,["values"]);i.current=e,setTimeout((()=>{g(Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})}))}),0)}),[]),k=useCallback((e=>{var{values:t}=e,o=__rest(e,["values"]);const r=Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},t),{query:unescapeQueryParams(t.query||{})})});c((e=>Object.assign(Object.assign({},e),{requestValues:JSON.parse(JSON.stringify(t))}))),g(r),updateStorage(r)}),[c]),F=useCallback((e=>{m(e)}),[]),A=useCallback((e=>{p(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),V=useCallback((()=>__awaiter(this,void 0,void 0,(function*(){var o,r,s,n,a,l,c,p,d,v,h,g,S,j,R,I,q;const{values:w,invalid:_}=(null===(o=null==i?void 0:i.current)||void 0===o?void 0:o.getState())||b||{};if(null===(r=i.current)||void 0===r||r.submitForm(),_)return f(!0),setTimeout((()=>f(!1)),1e3),void(null===(n=null===(s=E.events)||void 0===s?void 0:s.tryItSent)||void 0===n||n.call(s,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:k,requestBody:F}=e,A=F&&F.content&&(null===(a=getActiveMediaType(F.content))||void 0===a?void 0:a.name)||"";let V=w.body;if(/json/.test(A))try{V=JSON.parse(V)}catch(e){console.error(e)}y(!0);const x=O,B=(e.httpVerb||"").toLowerCase();if(!k)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const D=k.find((e=>u.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),N=Date.now();let M,U=w.auth;if(w.auth){const e=Object.keys(w.auth)[0],t=unescapeFormId(e);M=Object.assign(Object.assign({},x),{components:Object.assign(Object.assign({},null==x?void 0:x.components),{securitySchemes:Object.assign(Object.assign({},null===(l=null==x?void 0:x.components)||void 0===l?void 0:l.securitySchemes),{[t]:Object.assign(Object.assign({},null===(p=null===(c=null==x?void 0:x.components)||void 0===c?void 0:c.securitySchemes)||void 0===p?void 0:p[t]),{type:"openIdConnect"===(null===(h=null===(v=null===(d=null==x?void 0:x.components)||void 0===d?void 0:d.securitySchemes)||void 0===v?void 0:v[t])||void 0===h?void 0:h.type)?"oauth2":(null===(S=null===(g=null==x?void 0:x.components)||void 0===g?void 0:g.securitySchemes)||void 0===S?void 0:S[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else M=Object.assign({},x);M.servers=k;const H=E.corsProxyUrl;H&&k.length&&(M.servers=k.map((e=>Object.assign(Object.assign({},e),{url:H+normalizeUrlProtocol(e.url)}))),M.paths=Object.assign(Object.assign({},M.paths),{[e.path]:Object.assign(Object.assign({},M.paths[e.path]),{[B]:Object.assign(Object.assign({},M.paths[e.path][B]),{servers:void 0}),servers:void 0})}));const W=(null==F?void 0:F.content)&&(null===(j=getActiveMediaType(F.content))||void 0===j?void 0:j.name)||null;if(W&&V&&isFileUploadMime(W)){const e=Object.values(V);V=e.length>1?e:e[0]}const z={server:H?H+normalizeUrlProtocol(D.url):D.url,serverVariables:getDefaultOrStoredVariables(D),spec:M,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},w.path),w.query),w.header),w.cookie),securities:{authorized:U},requestBody:V,requestContentType:W,responseContentType:(null===(R=w.header)||void 0===R?void 0:R.Accept)||null,requestInterceptor:makeRequestInterceptor(E,e,null==U?void 0:U.Authorization)};try{const o=yield execute(z),r=null==o?void 0:o.data;r instanceof Blob&&(isFileUploadMime(r.type)&&(o.fileInfo={rawData:r,fileName:getFileNameFromHeaders(o.headers)}),o.data=yield r.text()),null==t||t({request:z,response:o}),T(o),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:z,response:e.response})),T(void 0),P(e)}finally{y(!1),m(1),C(Date.now()-N),null===(q=null===(I=E.events)||void 0===I?void 0:I.tryItSent)||void 0===q||q.call(I,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[u.url,b,t,e,E,O]);useMount((()=>__awaiter(this,void 0,void 0,(function*(){var t;const o=yield dereferenceDefinitionForTryIt(e,w.definition);S(o),null===(t=i.current)||void 0===t||t.setValues({})})))),useEffect((()=>{q&&q!==e&&(T(void 0),P(void 0),m(0))}),[e,q]);const x=!(!I&&!R);return React.createElement(ConsoleWrapper,{shaking:h,className:o,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:d,hasResponse:x,onChange:F}),a&&React.createElement(CloseButton,{onClick:a}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==d,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:s,securityDefaults:n,form:b,resolvedRawSpec:O,server:u,formApi:i.current,setFormApi:_,handleChange:k,handleServerChange:A})),React.createElement(ConsoleBody,{hidden:1!==d,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:I,error:R,time:j})),React.createElement(ActionPanel,{hasResponse:x,params:b.values,operation:e,loading:v,execute:V}))}export const Console=memo(ConsoleComponent);
 //# sourceMappingURL=Console.js.map

package/lib-esm/components/rightPanel/Console/ConsoleWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useRecoilValue}from"recoil";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{globalOptionsSelector}from"../../../recoil/store";function ConsoleWrapperComponent({shaking:o,className:e,children:l,rootElement:r}){const[s]=useDimensions(r),t=useRecoilValue(globalOptionsSelector);return React.createElement(ConsoleWrap,{scrollYOffset:t.scrollYOffset,shaking:o,className:e,"data-cy":"console",fullWidth:null==s?void 0:s.width},l)}export const ConsoleWrapper=memo(ConsoleWrapperComponent);
+import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{globalOptionsSelector}from"../../../recoil/store";function ConsoleWrapperComponent({shaking:o,className:e,children:l,rootElement:r}){const[s]=useDimensions(r),t=useRecoilValue(globalOptionsSelector);return React.createElement(ConsoleWrap,{scrollYOffset:t.scrollYOffset,shaking:o,className:e,"data-cy":"console",fullWidth:null==s?void 0:s.width},l)}export const ConsoleWrapper=memo(ConsoleWrapperComponent);
 //# sourceMappingURL=ConsoleWrapper.js.map

package/lib-esm/components/rightPanel/Console/Request.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{Form,useField}from"informed";import{useRecoilValue}from"recoil";import{OpenApiTryItSecurityPanel}from"@redocly/theme";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{OperationParameters}from"../../OperationParameters";import{AuthPanel}from"../AuthPanel";import{globalOptionsSelector}from"../../../recoil/store";import{RenderHook}from"../../RenderHook";function RequestComponent({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c}){const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useRecoilValue(globalOptionsSelector),y=a&&JsonPointer.get(a,e.pointer);let v=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];v&&o.values.auth[v]||(v=void 0),!v||void 0===o.values.auth[v].token&&void 0===o.values.auth[v].client_id&&void 0===o.values.auth[v].client_secret||o.values.auth[v].token&&o.values.auth[v].token.access_token||(v=void 0),v&&null!=o.values.auth[v].username&&(o.values.auth[v].username&&o.values.auth[v].password||(v=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&v?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!v&&!!d.auth,success:!!v,renderChildrenHidden:!0},OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel),props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==y?void 0:y.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:n}=o;return t(React.createElement(React.Fragment,null,n(a)))}function allowBodyErrors(){}export const Request=memo(RequestComponent);
+import React,{memo}from"react";import{Form,useField}from"informed";import{useRecoilValue}from"@redocly/recoil";import{OpenApiTryItSecurityPanel}from"@redocly/theme";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{OperationParameters}from"../../OperationParameters";import{AuthPanel}from"../AuthPanel";import{globalOptionsSelector}from"../../../recoil/store";import{RenderHook}from"../../RenderHook";function RequestComponent({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c}){const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:y}=useRecoilValue(globalOptionsSelector),h=a&&JsonPointer.get(a,e.pointer);let v=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];v&&o.values.auth[v]||(v=void 0),!v||void 0===o.values.auth[v].token&&void 0===o.values.auth[v].client_id&&void 0===o.values.auth[v].client_secret||o.values.auth[v].token&&o.values.auth[v].token.access_token||(v=void 0),v&&null!=o.values.auth[v].username&&(o.values.auth[v].username&&o.values.auth[v].password||(v=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&v?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!v&&!!d.auth,success:!!v,renderChildrenHidden:!0},OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel),props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:y,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:n}=o;return t(React.createElement(React.Fragment,null,n(a)))}function allowBodyErrors(){}export const Request=memo(RequestComponent);
 //# sourceMappingURL=Request.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/OAuth2Flow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,l){return new(o||(o=Promise))((function(n,r){function a(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((l=l.apply(e,t||[])).next())}))};import React,{useEffect,useState}from"react";import{Button}from"@redocly/theme";import{useRecoilValue}from"recoil";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{globalOptionsSelector}from"../../../recoil/store";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:l,flow:n,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useRecoilValue(globalOptionsSelector),[k,C]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,A]=useState(void 0),[x,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},V=void 0!==O&&_!==x?{label:"sync",onClick:()=>{O&&A(x)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),A(t),W(t)}))}}),[e]);const w=()=>{l.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===n&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{A(e)},inputActionButton:V,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{w(),C(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),C(null),OAuth2.clearRedirectData(n)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(l.validate(),!isEmptyObject(T))return;F(!0),C(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=l.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{l.setValue(`auth.${o}.token`,e),F(!1),C(null)},errorCallback:e=>{F(!1),C((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===n&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||k||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:k,token:P.token}))};
+var __awaiter=this&&this.__awaiter||function(e,t,o,l){return new(o||(o=Promise))((function(n,r){function a(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((l=l.apply(e,t||[])).next())}))};import React,{useEffect,useState}from"react";import{Button}from"@redocly/theme";import{useRecoilValue}from"@redocly/recoil";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{globalOptionsSelector}from"../../../recoil/store";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:l,flow:n,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useRecoilValue(globalOptionsSelector),[k,C]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,A]=useState(void 0),[x,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},V=void 0!==O&&_!==x?{label:"sync",onClick:()=>{O&&A(x)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),A(t),W(t)}))}}),[e]);const w=()=>{l.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===n&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{A(e)},inputActionButton:V,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{w(),C(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),C(null),OAuth2.clearRedirectData(n)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(l.validate(),!isEmptyObject(T))return;F(!0),C(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=l.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{l.setValue(`auth.${o}.token`,e),F(!1),C(null)},errorCallback:e=>{F(!1),C((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===n&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||k||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:k,token:P.token}))};
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib-esm/components/rightPanel/RequestBody/RequestBody.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React,{memo,useCallback,useEffect}from"react";import{useRecoilValue}from"recoil";import{DropdownOrLabel}from"../../DropdownOrLabel";import{MediaTypesSwitch}from"../../MediaTypeSwitch";import{Dropdown}from"../../common";import{RequestMimeLabel}from"../RequestMimeLabel";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage}from"../../../utils";import{Body}from"./Body";import{getActiveMediaType}from"../../../models";import{activeMimeNameSelector}from"../../../recoil/app";import{operationStore}from"../../../recoil/operation";function RequestBodyComponent({body:{content:e},formApi:o,resolvedBody:t,properties:r,id:a,validate:i,pointer:m}){const l=useRecoilValue(activeMimeNameSelector),{examples:n,name:p}=e&&getActiveMediaType(e,l)||{},c=useCallback((o=>{if(!e||!e.hasSample)return"";if(!(null==n?void 0:n[o]))return"";const t=p&&fromSessionStorage(getStorageExampleKey(a,p,o,n)),i=t?JSON.parse(t):null==n?void 0:n[o];return encodeSample(i,r)}),[p,n,a,e,r]),{activeExampleName:s}=useRecoilValue(operationStore(m));useEffect((()=>{if(p){const e=getStorageExampleKey(a,p,s,n);o.setValue("body",fromSessionStorage(e)||c(s||""))}else o.setValue("body",JSON.stringify(r||{},null,2))}),[n,s,p,o,c,a,r]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(m=>React.createElement(Body,{mediaType:m,mediaContent:e,resolvedBody:t,id:a,properties:r,getActiveSample:c,formApi:o,validate:i}))))}export const RequestBody=memo(RequestBodyComponent);
+import React,{memo,useCallback,useEffect}from"react";import{useRecoilValue}from"@redocly/recoil";import{DropdownOrLabel}from"../../DropdownOrLabel";import{MediaTypesSwitch}from"../../MediaTypeSwitch";import{Dropdown}from"../../common";import{RequestMimeLabel}from"../RequestMimeLabel";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage}from"../../../utils";import{Body}from"./Body";import{getActiveMediaType}from"../../../models";import{activeMimeNameSelector}from"../../../recoil/app";import{operationStore}from"../../../recoil/operation";function RequestBodyComponent({body:{content:e},formApi:o,resolvedBody:t,properties:r,id:a,validate:i,pointer:m}){const l=useRecoilValue(activeMimeNameSelector),{examples:n,name:p}=e&&getActiveMediaType(e,l)||{},c=useCallback((o=>{if(!e||!e.hasSample)return"";if(!(null==n?void 0:n[o]))return"";const t=p&&fromSessionStorage(getStorageExampleKey(a,p,o,n)),i=t?JSON.parse(t):null==n?void 0:n[o];return encodeSample(i,r)}),[p,n,a,e,r]),{activeExampleName:s}=useRecoilValue(operationStore(m));useEffect((()=>{if(p){const e=getStorageExampleKey(a,p,s,n);o.setValue("body",fromSessionStorage(e)||c(s||""))}else o.setValue("body",JSON.stringify(r||{},null,2))}),[n,s,p,o,c,a,r]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(m=>React.createElement(Body,{mediaType:m,mediaContent:e,resolvedBody:t,id:a,properties:r,getActiveSample:c,formApi:o,validate:i}))))}export const RequestBody=memo(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib-esm/components/rightPanel/RequestBodyForm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{memo,useEffect}from"react";import styled from"styled-components";import{getRecoil}from"recoil-nexus";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{FileUpload}from"../common/FileUpload";import{FormTextField,getInvertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../constants";import{useExampleKey}from"../Samples";import{operationStore}from"../../recoil/operation";import{normalizeText}from"../../utils";function RequestBodyFormComponent({mediaType:e,onChange:o,formApi:t}){var l;const n=e.examples||{},{exampleKey:m}=useExampleKey(e.operation,n),i=null===(l=n[m])||void 0===l?void 0:l.rawValue,r=getRequestBodyFormFields(e);useEffect((()=>t&&r.forEach((e=>{var o,l;const n=null==i?void 0:i[e.name],m=null!==(l=null!==(o=e.example)&&void 0!==o?o:null==n?void 0:n.example)&&void 0!==l?l:n,r="object"==typeof m?JSON.stringify(m):m;void 0!==m&&t.setValue("body."+e.name,`${r}`)}))),[m]);const a=e.schema||{};return isRootFileUpload(a,e.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${e.name}`,name:`body.${e.name}`,accept:mimeTypeToAccept(e.name),schema:a,contentName:e.name,onChange:o}))):a.type===DefinitionTypes.OBJECT||r?React.createElement(FileFormControlWrapper,null,r.map((t=>{const l=t.schema||{contentMediaType:"",type:"",description:""},n=e.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(l),m=l.contentMediaType||"",i=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+t.name,name:"body."+t.name,accept:mimeTypeToAccept(m),multiple:"array"===l.type,schema:l,contentName:t.name,onChange:o}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+t.name,field:"body."+t.name,placeholder:normalizeText(l.description)||t.name,panel:"try-it"});return React.createElement(FormControl,{key:t.name},React.createElement(FormLabel,null,t.name,":"),i)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,a),null)}export const RequestBodyForm=memo(RequestBodyFormComponent);export function getRequestBodyFormFields(e){var o,t,l,n;const{activeOneOf:m}=getRecoil(operationStore(e.operation.pointer));return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[m].fields)||[]:(null===(n=e.schema)||void 0===n?void 0:n.fields)||[]).filter((e=>!e.schema.readOnly))}const FileFormControlWrapper=styled.div`
+import React,{memo,useEffect}from"react";import styled from"styled-components";import{getRecoil}from"../../recoil/nexus";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{FileUpload}from"../common/FileUpload";import{FormTextField,getInvertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../constants";import{useExampleKey}from"../Samples";import{operationStore}from"../../recoil/operation";import{normalizeText}from"../../utils";function RequestBodyFormComponent({mediaType:e,onChange:o,formApi:t}){var l;const n=e.examples||{},{exampleKey:m}=useExampleKey(e.operation,n),i=null===(l=n[m])||void 0===l?void 0:l.rawValue,r=getRequestBodyFormFields(e);useEffect((()=>t&&r.forEach((e=>{var o,l;const n=null==i?void 0:i[e.name],m=null!==(l=null!==(o=e.example)&&void 0!==o?o:null==n?void 0:n.example)&&void 0!==l?l:n,r="object"==typeof m?JSON.stringify(m):m;void 0!==m&&t.setValue("body."+e.name,`${r}`)}))),[m]);const a=e.schema||{};return isRootFileUpload(a,e.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${e.name}`,name:`body.${e.name}`,accept:mimeTypeToAccept(e.name),schema:a,contentName:e.name,onChange:o}))):a.type===DefinitionTypes.OBJECT||r?React.createElement(FileFormControlWrapper,null,r.map((t=>{const l=t.schema||{contentMediaType:"",type:"",description:""},n=e.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(l),m=l.contentMediaType||"",i=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+t.name,name:"body."+t.name,accept:mimeTypeToAccept(m),multiple:"array"===l.type,schema:l,contentName:t.name,onChange:o}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+t.name,field:"body."+t.name,placeholder:normalizeText(l.description)||t.name,panel:"try-it"});return React.createElement(FormControl,{key:t.name},React.createElement(FormLabel,null,t.name,":"),i)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,a),null)}export const RequestBodyForm=memo(RequestBodyFormComponent);export function getRequestBodyFormFields(e){var o,t,l,n;const{activeOneOf:m}=getRecoil(operationStore(e.operation.pointer));return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[m].fields)||[]:(null===(n=e.schema)||void 0===n?void 0:n.fields)||[]).filter((e=>!e.schema.readOnly))}const FileFormControlWrapper=styled.div`
   > div {
     margin-top: 10px;
   }

package/lib-esm/components/rightPanel/ResponseHeadersList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React,{useState}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{CodeBlockContainer}from"@redocly/theme";import{ResponseHeader}from"./styled";import{globalOptionsSelector}from"../../recoil/store";export function ResponseHeadersList({headers:e}){const t=useRecoilValue(globalOptionsSelector),[o,r]=useState(!0),{maxResponseHeadersToShowInTryIt:a}=t,l=Object.keys(e),n=!!a&&l.length>a,s=n&&o?[...l].splice(0,a):[...l];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(CodeBlockContainer,{withControls:!0},s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),n&&React.createElement(StyledShowMoreLabel,{onClick:()=>{r(!o)}},o?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
+import React,{useState}from"react";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{CodeBlockContainer}from"@redocly/theme";import{ResponseHeader}from"./styled";import{globalOptionsSelector}from"../../recoil/store";export function ResponseHeadersList({headers:e}){const t=useRecoilValue(globalOptionsSelector),[o,r]=useState(!0),{maxResponseHeadersToShowInTryIt:a}=t,l=Object.keys(e),n=!!a&&l.length>a,s=n&&o?[...l].splice(0,a):[...l];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(CodeBlockContainer,{withControls:!0},s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),n&&React.createElement(StyledShowMoreLabel,{onClick:()=>{r(!o)}},o?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
   text-transform: capitalize;
   display: inline-block;
   padding-right: 5px;