@redocly/reference-docs 2.45.5 → 2.45.6

package/lib/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import type { TabsProps } from './CollapsingTabsBase';
-export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;
+declare type CollapsingTabsProps = TabsProps & {
+    onChange?: (key: string) => void;
+};
+export declare const CollapsingTabs: ({ children, ...props }: CollapsingTabsProps) => JSX.Element;
+export {};

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),mobx_react_1=require("mobx-react"),CollapsingTabsBase_1=require("./CollapsingTabsBase");function getActiveIndexFromOperation(e,t,r){var a;return t?"number"==typeof r&&r>0?hasActiveExampleName(null===(a=e[r])||void 0===a?void 0:a.content,t)?r:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}exports.CollapsingTabs=(0,mobx_react_1.observer)((function(e){var t=e.children,r=(0,tslib_1.__rest)(e,["children"]),a=(0,react_1.useState)(0),n=a[0],i=a[1],s=r.operation,o=r.operation.activeExampleName;(0,react_1.useEffect)((function(){var e=getActiveIndexFromOperation(s.responses,o,n);e>-1&&i(e)}),[o]);var c=(0,react_1.useCallback)((function(e){n!==e&&i(e)}),[n]);return(0,jsx_runtime_1.jsx)(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},r,{activeIndex:n,onChange:c},{children:t}),void 0)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),mobx_react_1=require("mobx-react"),CollapsingTabsBase_1=require("./CollapsingTabsBase");function getActiveIndexFromOperation(e,t,r){var n;return t?"number"==typeof r&&r>0?hasActiveExampleName(null===(n=e[r])||void 0===n?void 0:n.content,t)?r:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}exports.CollapsingTabs=(0,mobx_react_1.observer)((function(e){var t=e.children,r=(0,tslib_1.__rest)(e,["children"]),n=(0,react_1.useState)(0),a=n[0],i=n[1],s=r.operation,o=r.operation.activeExampleName,c=r.onChange;(0,react_1.useEffect)((function(){var e=getActiveIndexFromOperation(s.responses,o,a);e>-1&&i(e)}),[o]);var l=(0,react_1.useCallback)((function(e){a!==e&&i(e),c&&c(e)}),[a,c]);return(0,jsx_runtime_1.jsx)(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},r,{activeIndex:a,onChange:l},{children:t}),void 0)}));
 //# sourceMappingURL=CollapsingTabs.js.map

package/lib/redoc-lib/src/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),OptionsProvider_1=require("../OptionsProvider"),PayloadSamples_1=require("../PayloadSamples"),Labels_1=require("../../services/Labels"),events_1=require("../../../../events"),ResponseSamples=function(e){var s=e.operation,n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),a=n.events,r=n.collapseResponseSamplePanel,o=s.responses.filter((function(e){var s,n;return null!==(n=null===(s=e.content)||void 0===s?void 0:s.hasSample)&&void 0!==n&&n})),l=(0,react_1.useCallback)((function(){var e,n=(0,events_1.createCodeSampleCopyEvent)({operation:s,type:"response"});null===(e=null==a?void 0:a.codeSamplesCopy)||void 0===e||e.call(a,n)}),[s,a]);if(!o.length)return null;var t=o.map((function(e){var s=e.code;return{key:s,title:s}}));return(0,jsx_runtime_1.jsx)(Panel_1.CodePanel,(0,tslib_1.__assign)({dataHeaderTestId:"response-samples",header:(0,Labels_1.l)("responseSamples"),onToggle:function(e){var n,r=(0,events_1.createPanelToggleEvent)({operation:s,isExpanded:e,panelType:"response-samples"});null===(n=null==a?void 0:a.panelToggle)||void 0===n||n.call(a,r)},expanded:!r},{children:(0,jsx_runtime_1.jsx)(Tabs_1.CollapsingTabs,(0,tslib_1.__assign)({tabs:t,operation:s},{children:o.map((function(e){return(0,jsx_runtime_1.jsx)(Tabs_1.TabPanel,(0,tslib_1.__assign)({value:e.code},{children:(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:l},void 0)},void 0)}),e.code)}))}),void 0)}),void 0)};exports.ResponseSamples=ResponseSamples;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),OptionsProvider_1=require("../OptionsProvider"),PayloadSamples_1=require("../PayloadSamples"),Labels_1=require("../../services/Labels"),events_1=require("../../../../events"),ResponseSamples=function(e){var n=e.operation,s=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),a=s.events,o=s.collapseResponseSamplePanel,t=n.responses.filter((function(e){var n,s;return null!==(s=null===(n=e.content)||void 0===n?void 0:n.hasSample)&&void 0!==s&&s})),l=(0,react_1.useCallback)((function(){var e,s=(0,events_1.createCodeSampleCopyEvent)({operation:n,type:"response"});null===(e=null==a?void 0:a.codeSamplesCopy)||void 0===e||e.call(a,s)}),[n,a]),r=(0,react_1.useCallback)((function(e){var n,s,a;(null===(a=null===(s=null===(n=t[e])||void 0===n?void 0:n.content)||void 0===s?void 0:s.active)||void 0===a?void 0:a.examples)&&"object"==typeof t[e].content.active.examples&&t[e].content.activateExampleName(Object.keys(t[e].content.active.examples)[0])}),[t]);if(!t.length)return null;var i=t.map((function(e){var n=e.code;return{key:n,title:n}}));return(0,jsx_runtime_1.jsx)(Panel_1.CodePanel,(0,tslib_1.__assign)({dataHeaderTestId:"response-samples",header:(0,Labels_1.l)("responseSamples"),onToggle:function(e){var s,o=(0,events_1.createPanelToggleEvent)({operation:n,isExpanded:e,panelType:"response-samples"});null===(s=null==a?void 0:a.panelToggle)||void 0===s||s.call(a,o)},expanded:!o},{children:(0,jsx_runtime_1.jsx)(Tabs_1.CollapsingTabs,(0,tslib_1.__assign)({tabs:i,operation:n,onChange:r},{children:t.map((function(e){return(0,jsx_runtime_1.jsx)(Tabs_1.TabPanel,(0,tslib_1.__assign)({value:e.code},{children:(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:l},void 0)},void 0)}),e.code)}))}),void 0)}),void 0)};exports.ResponseSamples=ResponseSamples;
 //# sourceMappingURL=ResponseSamples.js.map

package/lib-browser/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import type { TabsProps } from './CollapsingTabsBase';
-export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;
+declare type CollapsingTabsProps = TabsProps & {
+    onChange?: (key: string) => void;
+};
+export declare const CollapsingTabs: ({ children, ...props }: CollapsingTabsProps) => JSX.Element;
+export {};

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

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

package/lib-browser/redoc-lib/src/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useCallback}from"react";import{CodePanel}from"../../../../components/Panel";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples";import{l}from"../../services/Labels";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../../../events";export const ResponseSamples=({operation:e})=>{const{events:o,collapseResponseSamplePanel:n}=useContext(OptionsContext),a=e.responses.filter((e=>{var o,n;return null!==(n=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==n&&n})),s=useCallback((()=>{var n;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(n=null==o?void 0:o.codeSamplesCopy)||void 0===n||n.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return _jsx(CodePanel,Object.assign({dataHeaderTestId:"response-samples",header:l("responseSamples"),onToggle:n=>{var a;const l=createPanelToggleEvent({operation:e,isExpanded:n,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,l)},expanded:!n},{children:_jsx(CollapsingTabs,Object.assign({tabs:t,operation:e},{children:a.map((e=>_jsx(TabPanel,Object.assign({value:e.code},{children:_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:s},void 0)},void 0)}),e.code)))}),void 0)}),void 0)};
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useCallback}from"react";import{CodePanel}from"../../../../components/Panel";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples";import{l}from"../../services/Labels";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../../../events";export const ResponseSamples=({operation:e})=>{const{events:o,collapseResponseSamplePanel:n}=useContext(OptionsContext),a=e.responses.filter((e=>{var o,n;return null!==(n=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==n&&n})),t=useCallback((()=>{var n;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(n=null==o?void 0:o.codeSamplesCopy)||void 0===n||n.call(o,a)}),[e,o]),s=useCallback((e=>{var o,n,l;(null===(l=null===(n=null===(o=a[e])||void 0===o?void 0:o.content)||void 0===n?void 0:n.active)||void 0===l?void 0:l.examples)&&"object"==typeof a[e].content.active.examples&&a[e].content.activateExampleName(Object.keys(a[e].content.active.examples)[0])}),[a]);if(!a.length)return null;const p=a.map((({code:e})=>({key:e,title:e})));return _jsx(CodePanel,Object.assign({dataHeaderTestId:"response-samples",header:l("responseSamples"),onToggle:n=>{var a;const l=createPanelToggleEvent({operation:e,isExpanded:n,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,l)},expanded:!n},{children:_jsx(CollapsingTabs,Object.assign({tabs:p,operation:e,onChange:s},{children:a.map((e=>_jsx(TabPanel,Object.assign({value:e.code},{children:_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:t},void 0)},void 0)}),e.code)))}),void 0)}),void 0)};
 //# sourceMappingURL=ResponseSamples.js.map

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import type { TabsProps } from './CollapsingTabsBase';
-export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;
+declare type CollapsingTabsProps = TabsProps & {
+    onChange?: (key: string) => void;
+};
+export declare const CollapsingTabs: ({ children, ...props }: CollapsingTabsProps) => JSX.Element;
+export {};

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

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

package/lib-esm/redoc-lib/src/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useCallback}from"react";import{CodePanel}from"../../../../components/Panel";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples";import{l}from"../../services/Labels";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../../../events";export const ResponseSamples=({operation:e})=>{const{events:o,collapseResponseSamplePanel:n}=useContext(OptionsContext),a=e.responses.filter((e=>{var o,n;return null!==(n=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==n&&n})),s=useCallback((()=>{var n;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(n=null==o?void 0:o.codeSamplesCopy)||void 0===n||n.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return _jsx(CodePanel,Object.assign({dataHeaderTestId:"response-samples",header:l("responseSamples"),onToggle:n=>{var a;const l=createPanelToggleEvent({operation:e,isExpanded:n,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,l)},expanded:!n},{children:_jsx(CollapsingTabs,Object.assign({tabs:t,operation:e},{children:a.map((e=>_jsx(TabPanel,Object.assign({value:e.code},{children:_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:s},void 0)},void 0)}),e.code)))}),void 0)}),void 0)};
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useCallback}from"react";import{CodePanel}from"../../../../components/Panel";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples";import{l}from"../../services/Labels";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../../../events";export const ResponseSamples=({operation:e})=>{const{events:o,collapseResponseSamplePanel:n}=useContext(OptionsContext),a=e.responses.filter((e=>{var o,n;return null!==(n=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==n&&n})),t=useCallback((()=>{var n;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(n=null==o?void 0:o.codeSamplesCopy)||void 0===n||n.call(o,a)}),[e,o]),s=useCallback((e=>{var o,n,l;(null===(l=null===(n=null===(o=a[e])||void 0===o?void 0:o.content)||void 0===n?void 0:n.active)||void 0===l?void 0:l.examples)&&"object"==typeof a[e].content.active.examples&&a[e].content.activateExampleName(Object.keys(a[e].content.active.examples)[0])}),[a]);if(!a.length)return null;const p=a.map((({code:e})=>({key:e,title:e})));return _jsx(CodePanel,Object.assign({dataHeaderTestId:"response-samples",header:l("responseSamples"),onToggle:n=>{var a;const l=createPanelToggleEvent({operation:e,isExpanded:n,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,l)},expanded:!n},{children:_jsx(CollapsingTabs,Object.assign({tabs:p,operation:e,onChange:s},{children:a.map((e=>_jsx(TabPanel,Object.assign({value:e.code},{children:_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:t},void 0)},void 0)}),e.code)))}),void 0)}),void 0)};
 //# sourceMappingURL=ResponseSamples.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/reference-docs",
-  "version": "2.45.5",
+  "version": "2.45.6",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",