@redocly/openapi-docs 0.0.0-beta-20240325163539 → 0.0.0-beta-20240327162249

package/lib/components/Language/LanguageDropdown.d.ts

@@ -1,9 +1,11 @@
 import type { ReactElement } from 'react';
 import type { TabType } from '../../models/tab';
 export interface LanguageDropdownProps {
-    samples: TabType[];
-    activeTab: TabType;
-    onChange: (sample: TabType) => void;
+    samples: TabType<{
+        lang: string;
+    }>[];
+    activeTab?: string;
+    onChange: (key: string) => void;
     controller?: ReactElement;
     withArrow?: boolean;
     withCheckmark?: boolean;

package/lib/components/Language/LanguageDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,controller:n,width:o,withArrow:a=!0,withCheckmark:i=!0,withIcon:s=!0})=>{const u=(0,react_1.useCallback)((t=>{const n=e.find((({key:e})=>e===t.key));n&&r(n)}),[r,e]),c=(0,react_1.useMemo)((()=>e.map((e=>(0,jsx_runtime_1.jsx)(styled_1.DropdownItemContainer,{width:o,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,active:t.key===e.key,withCheckmark:i,withIcon:s})},e.key)))),[t.key,e,o,i,s]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:c,withArrow:a,alignment:"end",onChange:u,children:n||(0,jsx_runtime_1.jsx)(styled_1.DropdownControllerText,{children:t.title})})};exports.LanguageDropdown=LanguageDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,controller:n,width:o,withArrow:a=!0,withCheckmark:i=!0,withIcon:s=!0})=>{const u=(0,react_1.useCallback)((t=>{const n=e.find((({key:e})=>e===t.key));n&&r(n.key)}),[r,e]),d=(0,react_1.useMemo)((()=>e.map((e=>(0,jsx_runtime_1.jsx)(styled_1.DropdownItemContainer,{width:o,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,active:t===e.key,withCheckmark:i,withIcon:s})},e.key)))),[t,e,o,i,s]),c=e.find((({key:e})=>e===t)),l=n||(0,jsx_runtime_1.jsx)(styled_1.DropdownControllerText,{children:null==c?void 0:c.title});return d.length>1?(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:d,withArrow:a,alignment:"end",onChange:u,children:l}):l};exports.LanguageDropdown=LanguageDropdown;
 //# sourceMappingURL=LanguageDropdown.js.map

package/lib/components/Language/LanguageItem.d.ts

@@ -1,6 +1,8 @@
 import type { TabType } from '../../models/tab';
 interface LanguageItemProps {
-    item: TabType;
+    item: TabType & {
+        lang: string;
+    };
     active?: boolean;
     withCheckmark?: boolean;
     withIcon?: boolean;

package/lib/components/Language/LanguageItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),styled_1=require("./styled"),iconsMap={curl_:(0,jsx_runtime_1.jsx)(CurlIcon_1.CurlIcon,{}),"C#_":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"C#+Newtonsoft_":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"Node.js_":(0,jsx_runtime_1.jsx)(NodeJSIcon_1.NodeJSIcon,{}),JavaScript_:(0,jsx_runtime_1.jsx)(JavaScriptIcon_1.JavaScriptIcon,{}),Python_:(0,jsx_runtime_1.jsx)(PythonIcon_1.PythonIcon,{}),R_:(0,jsx_runtime_1.jsx)(RIcon_1.RIcon,{}),Ruby_:(0,jsx_runtime_1.jsx)(RubyIcon_1.RubyIcon,{}),PHP_:(0,jsx_runtime_1.jsx)(PHPIcon_1.PHPIcon,{}),Go_:(0,jsx_runtime_1.jsx)(GOIcon_1.GOIcon,{}),Java_:(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{}),"Java8+Apache_":(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{})},LanguageItem=({item:e,active:n,withCheckmark:o,withIcon:_})=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageTitleContainer,{children:[_&&(0,jsx_runtime_1.jsx)(styled_1.LanguageIcon,{children:iconsMap[e.key]}),(0,jsx_runtime_1.jsx)(styled_1.LanguageTitle,{active:n,children:e.title})]}),o&&n&&(0,jsx_runtime_1.jsx)(theme_1.CheckmarkIcon,{})]});exports.LanguageItem=LanguageItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),PayloadIcon_1=require("../../icons/PayloadIcon"),styled_1=require("./styled"),iconsMap={Payload:(0,jsx_runtime_1.jsx)(PayloadIcon_1.PayloadIcon,{}),curl:(0,jsx_runtime_1.jsx)(CurlIcon_1.CurlIcon,{}),"C#":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"Node.js":(0,jsx_runtime_1.jsx)(NodeJSIcon_1.NodeJSIcon,{}),JavaScript:(0,jsx_runtime_1.jsx)(JavaScriptIcon_1.JavaScriptIcon,{}),Python:(0,jsx_runtime_1.jsx)(PythonIcon_1.PythonIcon,{}),R:(0,jsx_runtime_1.jsx)(RIcon_1.RIcon,{}),Ruby:(0,jsx_runtime_1.jsx)(RubyIcon_1.RubyIcon,{}),PHP:(0,jsx_runtime_1.jsx)(PHPIcon_1.PHPIcon,{}),Go:(0,jsx_runtime_1.jsx)(GOIcon_1.GOIcon,{}),Java:(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{}),"Java8+Apache":(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{})},LanguageItem=({item:n,active:e,withCheckmark:o,withIcon:c})=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageTitleContainer,{children:[c&&(0,jsx_runtime_1.jsx)(styled_1.LanguageIcon,{children:iconsMap[n.lang]}),(0,jsx_runtime_1.jsx)(styled_1.LanguageTitle,{active:e,children:n.title})]}),o&&e&&(0,jsx_runtime_1.jsx)(theme_1.CheckmarkIcon,{})]});exports.LanguageItem=LanguageItem;
 //# sourceMappingURL=LanguageItem.js.map

package/lib/components/Language/LanguageList.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import type { TabType } from '../../models/tab';
+type LangTypeType = TabType<{
+    lang: string;
+}>;
 interface LanguageListProps {
-    languages: TabType[];
-    activeLanguage: TabType;
+    languages: LangTypeType[];
+    activeLanguage: string;
 }
 export declare const LanguageList: import("react").NamedExoticComponent<LanguageListProps>;
 export {};

package/lib/components/Language/LanguageList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)(e),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:o,newHiddenItems:c}=calculateVisibleAndHiddenItems(u,[...n,...s]),l=c.findIndex((e=>e.key===t.key));-1!==l&&swapItems(o,c,l),a(o),i(c)}),[t.key,s,n]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[u,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsx)(styled_1.LanguageListContainer,{children:n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>o({activeLanguage:e}),active:t.key===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e.key));if(-1!==t){const r=[...s],u=[...n];swapItems(u,r,t),a(u),i(r),o({activeLanguage:e})}},controller:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)(e),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),u=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const o=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:u,newHiddenItems:c}=calculateVisibleAndHiddenItems(o,[...n,...s]),l=c.findIndex((e=>e.key===t));-1!==l&&swapItems(u,c,l),a(u),i(c)}),[t,s,n]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[o,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsx)(styled_1.LanguageListContainer,{children:n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>u(e.key),active:t===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e));if(-1!==t){const r=[...s],o=[...n];swapItems(o,r,t),a(o),i(r),u(e)}},controller:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
 //# sourceMappingURL=LanguageList.js.map

package/lib/components/Language/_tests_/LanguageDropdown.test.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_1.fireEvent.click(react_1.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_1.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"js",title:"JS",lang:"js"},{key:"node.js",title:"Node.JS",lang:"nodejs"}],mockActiveTab=mockSamples[0].key,mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockSamples[0].title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_1.fireEvent.click(react_1.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_1.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t.key)}))}));
 //# sourceMappingURL=LanguageDropdown.test.js.map

package/lib/components/Language/styled.js

@@ -67,5 +67,6 @@
   display: inline-block;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,6 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-left: auto;
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,s;const{parser:n,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=i,u=(0,operation_1.getOperation)(n,e,t,i,o),{name:c,deprecated:d,isWebhook:j,pointer:x}=u,k=(0,jotai_1.useSetAtom)((0,operation_2.operationStore)(x)),S=r===theme_1.LayoutVariant.STACKED,h=(null==p?void 0:p.type)||"sentiment",b=!0!==(null==p?void 0:p.hide),[R,O]=(0,react_1.useState)(null);(0,theme_1.useMount)((()=>{k((e=>Object.assign(Object.assign({},e),{activeExampleName:u.activeExampleName,activeServer:u.activeServer})))}));const y=(0,react_1.useCallback)((e=>{(null==l?void 0:l.key)!==e.key&&_(e)}),[null==l?void 0:l.key]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:u}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:o,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==m?void 0:m.BeforeOperationSummary),props:{operation:u}}),c,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==m?void 0:m.AfterOperationSummary),props:{operation:u}}),d&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}),j&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:u})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:u})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(null===(a=u.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:u.responses,operationId:u.id,operationPointer:u.pointer,callbackId:u.callbackId,activeResponseTab:l,onTabChange:y}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:u,activeResponseTab:l,onTabChange:y})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(null===(s=u.callbacks)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(u.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:u.callbacks,onExpand:O,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:u}})]}),R?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,fullWidth:!0,children:b?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:h,settings:p.settings,path:u.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
+  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:s}}){var o,a;const{parser:n,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=i,u=(0,operation_1.getOperation)(n,e,t,i,s),{name:c,deprecated:d,isWebhook:x}=u,j=r===theme_1.LayoutVariant.STACKED,k=(null==p?void 0:p.type)||"sentiment",S=!0!==(null==p?void 0:p.hide),[h,b]=(0,react_1.useState)(null),R=(0,react_1.useCallback)((e=>{l!==e&&_(e)}),[l]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:j,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:u}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:s,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==m?void 0:m.BeforeOperationSummary),props:{operation:u}}),c,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==m?void 0:m.AfterOperationSummary),props:{operation:u}}),d&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}),x&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:j,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:u})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:j,"data-cy":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:u})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:j,children:(null===(o=u.responses)||void 0===o?void 0:o.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:u.responses,operationId:u.id,operationPointer:u.pointer,callbackId:u.callbackId,activeResponseTab:l,onTabChange:R}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:j,"data-cy":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:u,activeResponseTab:l,onTabChange:R})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:j,children:[(null===(a=u.callbacks)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(u.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:u.callbacks,onExpand:b,selectedCallback:h})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:u}})]}),h?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:j,"data-cy":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:h})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:j,fullWidth:!0,children:S?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:k,settings:p.settings,path:u.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
   & > div {
     flex: 1 1 auto;
     display: flex;

package/lib/components/PanelItem/PanelItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_1=require("./styled"),PanelItem=({header:e,title:t,actions:s,active:r,withCheckmark:i})=>(0,jsx_runtime_1.jsxs)(styled_1.PanelItemWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[e&&("string"==typeof e?(0,jsx_runtime_1.jsx)(styled_1.Header,{children:e}):e),(0,jsx_runtime_1.jsx)(styled_1.Title,{active:r,suppressHydrationWarning:!0,children:t})]}),(0,jsx_runtime_1.jsx)(styled_1.ActionsWrap,{children:null==s?void 0:s.map((e=>e))}),i&&r&&(0,jsx_runtime_1.jsx)(styled_1.StyledCheckmarkIcon,{})]});exports.PanelItem=PanelItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_1=require("./styled"),PanelItem=({header:e,title:t,actions:s,active:r,withCheckmark:i})=>(0,jsx_runtime_1.jsxs)(styled_1.PanelItemWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[e&&("string"==typeof e?(0,jsx_runtime_1.jsx)(styled_1.Header,{children:e}):e),(0,jsx_runtime_1.jsxs)(styled_1.Title,{active:r,suppressHydrationWarning:!0,children:[i&&r&&(0,jsx_runtime_1.jsx)(styled_1.StyledCheckmarkIcon,{})," ",t]})]}),(0,jsx_runtime_1.jsx)(styled_1.ActionsWrap,{children:null==s?void 0:s.map((e=>e))})]});exports.PanelItem=PanelItem;
 //# sourceMappingURL=PanelItem.js.map

package/lib/components/PanelItem/styled.js

@@ -45,6 +45,6 @@
 `,exports.StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
   position: absolute;
   left: -18px;
-  top: 26px;
+  bottom: 3px;
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils");function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:r,properties:a,onChange:t,onCopyClick:s}){const m=e.examples||e.formExamples||{},n=e.name,l=Object.keys(m),{exampleKey:i,defaultExampleName:p}=(0,Samples_1.useExampleKey)(e.operation,m),_=1===l.length?Object.values(m)[0]:m[i];if(!l.length)return(0,jsx_runtime_1.jsx)(shared_1.NoSampleLabel,{children:"Sample not available"});const o=a?Object.assign(Object.assign({},_),{value:(0,deepmerge_1.default)(_.value,a,{arrayMerge:utils_1.arrayMergeStrategy})}):_,u=o.description;return p&&r?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[u&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:u}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:o,mimeType:n,onCopyClick:s})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:m,exampleKey:i,onChange:t}),u&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:u}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:o,mimeType:n,onCopyClick:s})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:t,onCopyClick:s}){const a=e.examples||e.formExamples||{},n=e.name,l=Object.keys(a),{exampleKey:i}=(0,Samples_1.useExampleKey)(e.operation,a),o=1===l.length?Object.values(a)[0]:a[i];if(!l.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:"No response example",header:{controls:!1}});const m=r?Object.assign(Object.assign({},o),{value:(0,deepmerge_1.default)(o.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):o,p=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:i,onChange:t}),p&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:p}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:n,onCopyClick:s})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: 0 var(--spacing-md) var(--spacing-sm);
 `;exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:r,content:t}=e,o=__rest(e,["onlyDefaultMimeType","content"]);const a=(0,hooks_1.useActivateExample)(t),n=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),i=r&&n,p=(0,react_1.useCallback)((e=>i?null:(0,jsx_runtime_1.jsx)(styled_1.DropdownWrapper,{children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))})),[i]),s=e=>a(e);return(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:t,renderDropdown:p,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},o,{onChange:s}),"samples")})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
+"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:r,content:t}=e,o=__rest(e,["onlyDefaultMimeType","content"]);const a=(0,hooks_1.useActivateExample)(t),n=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),s=r&&n,i=(0,react_1.useCallback)((e=>s?null:(0,jsx_runtime_1.jsx)(styled_1.DropdownWrapper,{children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))})),[s]),p=e=>a(e);return t?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:t,renderDropdown:i,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},o,{onChange:p}),"samples")}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:"No request payload",header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

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

@@ -13,7 +13,6 @@ export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyCl
 }
 export interface MediaTypeSamplesProps {
     mediaType: MediaTypeModel;
-    onlyDefaultSample?: boolean;
     properties?: GenericObject;
     onChange: (key: any) => void;
     onCopyClick?: () => void;

package/lib/components/RedoclyOpenAPIDocs/Providers.d.ts

@@ -1,4 +1,4 @@
 import type { PropsWithChildren, ReactElement } from 'react';
 import type { AppProviderProps, StoreProviderProps } from './types';
 export declare const AppProvider: ({ definitions, options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => ReactElement | null;
-export declare const StoreProvider: import("react").MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, }: PropsWithChildren<StoreProviderProps>) => import("react/jsx-runtime").JSX.Element>;
+export declare const StoreProvider: import("react").MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, withState, }: PropsWithChildren<StoreProviderProps>) => import("react/jsx-runtime").JSX.Element>;

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(n,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SecurityDefs_1=require("../SecurityDefs"),SchemaDefinition_1=require("../SchemaDefinition"),pluggable_1=require("../pluggable"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),nexus_1=__importDefault(require("../../jotai/nexus")),AppProvider=({definitions:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:n,children:o})=>{const[,a]=(0,react_1.useState)(),[s,l]=(0,react_1.useState)(!0),[u,c]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{c(e?yield(0,utils_1.loadMany)(e):yield(0,utils_1.loadSingle)(r,i,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,r,i,t]);const p=(0,react_1.useMemo)((()=>{var e,r,o;if(u)return(null===(e=null==t?void 0:t.unstable_hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(r=t.unstable_hooks)||void 0===r?void 0:r.onInit)||void 0===o||o.call(r,{store:{definition:u,options:t,definitionUrl:i,activeSampleLanguage:n}})),{definition:u,options:t,definitionUrl:i,activeSampleLanguage:n}}),(0,utils_1.useDeepCompareMemoize)([u,t,i]));return(0,react_1.useEffect)((()=>{p&&l(!1)}),[p]),p?s?(0,utils_2.argValueToBoolean)(null==t?void 0:t.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(o)?(0,react_1.cloneElement)(o,{store:p}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{securityDefinitions:{render:"SecurityDefinitions"},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),n="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:n,level:e.attributes.level}),r)}}},components:{SecurityDefinitions:SecurityDefs_1.SecurityDefs,SchemaDefinition:SchemaDefinition_1.SchemaDefinition,RedocResponse:pluggable_1.RedocResponse,PullRight:pluggable_1.PullRight,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:n,portalOptions:o})=>{const a=(0,react_1.useRef)(),s=(0,react_1.useCallback)((()=>{var e;const n=(0,services_1.normalizeOptions)(Object.assign({},t),DEFAULT_OPTIONS),o=isVersioned(r)?(null===(e=r.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:i,url:r},o)=>{if(e){const a=t||`Definition_${o}`;return{id:a,title:i||`Definition_${o}`,url:r,parser:new services_1.OpenAPIParser(e,void 0,Object.assign(Object.assign({},n),{versionId:a}))}}})).filter(Boolean))||[]:[{url:i,parser:new services_1.OpenAPIParser(r,i,n)}];return{options:n,versions:o}}),[r,i,t]),l=(0,react_1.useMemo)((()=>{const e=(0,jotai_1.createStore)();a.current=e.set;const t=s(),i=t.options,r=JSON.parse((0,utils_2.fromLocalStorage)("appLocalStore")||"{}");if(e.set(app_1.appSessionStore,(e=>Object.assign(Object.assign({},e),{activeVersionIdx:0}))),e.set(app_1.appLocalStore,(e=>Object.assign(Object.assign({},e),{layout:r.layout||i.layout,activeSampleLanguage:n||r.activeSampleLanguage}))),e.set(store_1.globalStore,(e=>Object.assign(Object.assign({},e),t))),e.set(app_1.appStore,{isSidebarOpened:!1,activeMimeName:(null==o?void 0:o.defaultMimeType)||"",menuNextLinks:[]}),null==o?void 0:o.operation){const{pointer:t,activeExampleName:i,activeServer:r}=o.operation;e.set((0,operation_1.operationStore)(t),(e=>Object.assign(Object.assign({},e),{activeExampleName:i,activeOneOf:{},activeServer:r,requestValues:{}})))}return e}),[n,s,null==o?void 0:o.defaultMimeType,null==o?void 0:o.operation]);return(0,react_1.useEffect)((()=>{a.current&&setTimeout((()=>{a.current(store_1.globalStore,s())}),0)}),[s,r]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:l,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]},(null==o?void 0:o.definitionId)||"openapi")}));const isVersioned=e=>"versions"in e;
+"use strict";var __awaiter=this&&this.__awaiter||function(e,i,t,n){return new(t||(t=Promise))((function(r,o){function s(e){try{l(n.next(e))}catch(e){o(e)}}function a(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var i;e.done?r(e.value):(i=e.value,i instanceof t?i:new t((function(e){e(i)}))).then(s,a)}l((n=n.apply(e,i||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SecurityDefs_1=require("../SecurityDefs"),SchemaDefinition_1=require("../SchemaDefinition"),pluggable_1=require("../pluggable"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),nexus_1=__importDefault(require("../../jotai/nexus")),object_1=require("../../utils/object"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),environments_1=require("../../utils/environments"),AppProvider=({definitions:e,options:i,definitionUrl:t,definition:n,activeSampleLanguage:r,children:o})=>{const[,s]=(0,react_1.useState)(),[a,l]=(0,react_1.useState)(!0),[u,c]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{c(e?yield(0,utils_1.loadMany)(e):yield(0,utils_1.loadSingle)(n,t,i))}catch(e){s((()=>{throw e}))}}))}()}),[e,n,t,i]);const d=(0,react_1.useMemo)((()=>{var e,n,o;if(u)return(null===(e=null==i?void 0:i.unstable_hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(n=i.unstable_hooks)||void 0===n?void 0:n.onInit)||void 0===o||o.call(n,{store:{definition:u,options:i,definitionUrl:t,activeSampleLanguage:r}})),{definition:u,options:i,definitionUrl:t,activeSampleLanguage:r}}),(0,utils_1.useDeepCompareMemoize)([u,i,t]));return(0,react_1.useEffect)((()=>{d&&l(!1)}),[d]),d?a?(0,utils_2.argValueToBoolean)(null==i?void 0:i.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(o)?(0,react_1.cloneElement)(o,{store:d}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{securityDefinitions:{render:"SecurityDefinitions"},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,i){const t=e.transformAttributes(i),n=e.transformChildren(i),r="string"==typeof t.id?t.id:(0,utils_1.getMarkdownHeaderId)(n);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},t),{id:r,level:e.attributes.level}),n)}}},components:{SecurityDefinitions:SecurityDefs_1.SecurityDefs,SchemaDefinition:SchemaDefinition_1.SchemaDefinition,RedocResponse:pluggable_1.RedocResponse,PullRight:pluggable_1.PullRight,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:i,definitionUrl:t,definition:n,withState:r})=>{const o=(0,react_1.useCallback)((()=>{var e;const r=(0,services_1.normalizeOptions)(Object.assign({},i),DEFAULT_OPTIONS),o=isVersioned(n)?(null===(e=n.versions)||void 0===e?void 0:e.map((({spec:e,id:i,title:t,url:n},o)=>{if(e){const s=i||`Definition_${o}`;return{id:s,title:t||`Definition_${o}`,url:n,parser:new services_1.OpenAPIParser(e,void 0,Object.assign(Object.assign({},r),{versionId:s}))}}})).filter(Boolean))||[]:[{url:t,parser:new services_1.OpenAPIParser(n,t,r)}];return{options:r,versions:o}}),[n,t,i]),s=(0,react_1.useMemo)((()=>{var e;const i=(0,jotai_1.createStore)(),t=o();i.set(store_1.globalStore,t);const n=(0,utils_2.normalizeServers)(t.versions[0].parser.definitionUrl,(0,operation_1.mergeInMockServer)((null===(e=t.versions[0].parser.definition)||void 0===e?void 0:e.servers)||[],t.options.mockServer)),s=Object.fromEntries(n.map((e=>[(0,environments_1.getServerEnvName)(e),Object.assign({server:e.url},(0,object_1.mapObject)(e.variables||{},(e=>e.default||"")))])));return i.sub(app_1.appStore,(()=>{})),i.set(app_1.environmentAtom,{environments:s}),((null==r?void 0:r.environment)||(null==r?void 0:r.environments))&&i.set(app_1.environmentAtom,{environment:r.environment,environments:r.environments,asOverride:!0}),(null==r?void 0:r.operation)&&i.set((0,operation_2.operationStore)(r.operation.pointer),(0,operation_2.getDefaultOperationStore)(r.operation.pointer,r.operation.state.requestValues)),i}),[o,null==r?void 0:r.environment,null==r?void 0:r.environments,null==r?void 0:r.operation]);return(0,react_1.useEffect)((()=>{(null==r?void 0:r.layout)&&s.set(app_1.layoutAtom,null==r?void 0:r.layout)}),[s,null==r?void 0:r.layout]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:s,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]})}));const isVersioned=e=>"versions"in e;
 //# sourceMappingURL=Providers.js.map

package/lib/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),UnsupportedFeatureScreen_1=require("../UnsupportedFeatureScreen"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),VersionSwitcher_1=require("../VersionSwitcher"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:i,children:o,options:n,versions:t,layout:r,activeVersionIdx:s,onChangeActiveVersion:l,collapsedSidebar:d,parser:u})=>{var a,c,_,p,v;const m=(0,react_1.useRef)(null),{isValid:x,licenseInfo:h}=(0,useLicense_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==i||i()}));const{hideSidebar:S,scrollYOffset:j}=n||{},{contentItems:y}=(0,hooks_1.useContentItems)({parser:u,options:n}),P=null===(c=null===(a=u.definition)||void 0===a?void 0:a.info)||void 0===c?void 0:c["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrapStyled,{className:"redoc-wrap",ref:m,children:[(0,jsx_runtime_1.jsx)(UnsupportedFeatureScreen_1.UnsupportedFeatureScreen,{}),!x&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:h}),(0,jsx_runtime_1.jsx)(styled_1.CssFixes,{layout:r}),!S&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:j,className:"menu-content",collapsedSidebar:!d,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==P?void 0:P.url,href:(null==P?void 0:P.href)||(null===(v=null===(p=null===(_=u.definition)||void 0===_?void 0:_.info)||void 0===p?void 0:p.contact)||void 0===v?void 0:v.url),altText:null==P?void 0:P.altText,backgroundColor:null==P?void 0:P.backgroundColor}),t.length>1&&(0,jsx_runtime_1.jsx)(VersionSwitcher_1.VersionSwitcher,{versions:t,activeVersionIdx:s,onChange:l}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:x?y:[]})]}),(0,jsx_runtime_1.jsxs)(styled_1.ApiContentWrap,{className:"api-content",id:"api-content",layout:r===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:d,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:x?y:[],routingBasePath:n.routingBasePath}),o]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:i,store:o}){var n,t,r;return(null==o?void 0:o.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},o,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=o.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(t=o.options)||void 0===t?void 0:t.licenseKey,disableRouter:null===(r=o.options)||void 0===r?void 0:r.disableRouter,portalOptions:null==o?void 0:o.portalOptions,children:i})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:i,options:o={},activeItemId:n,activeSampleLanguage:t,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:i,options:o,activeItemId:n,activeSampleLanguage:t,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{})})}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),UnsupportedFeatureScreen_1=require("../UnsupportedFeatureScreen"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),VersionSwitcher_1=require("../VersionSwitcher"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:i,children:o,options:n,versions:t,layout:r,activeVersionIdx:s,onChangeActiveVersion:l,collapsedSidebar:d,parser:u})=>{var a,c,_,p,v;const m=(0,react_1.useRef)(null),{isValid:x,licenseInfo:h}=(0,useLicense_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==i||i()}));const{hideSidebar:S,scrollYOffset:j}=n||{},{contentItems:y}=(0,hooks_1.useContentItems)({parser:u,options:n}),P=null===(c=null===(a=u.definition)||void 0===a?void 0:a.info)||void 0===c?void 0:c["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrapStyled,{className:"redoc-wrap",ref:m,children:[(0,jsx_runtime_1.jsx)(UnsupportedFeatureScreen_1.UnsupportedFeatureScreen,{}),!x&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:h}),(0,jsx_runtime_1.jsx)(styled_1.CssFixes,{layout:r}),!S&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:j,className:"menu-content",collapsedSidebar:!d,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==P?void 0:P.url,href:(null==P?void 0:P.href)||(null===(v=null===(p=null===(_=u.definition)||void 0===_?void 0:_.info)||void 0===p?void 0:p.contact)||void 0===v?void 0:v.url),altText:null==P?void 0:P.altText,backgroundColor:null==P?void 0:P.backgroundColor}),t.length>1&&(0,jsx_runtime_1.jsx)(VersionSwitcher_1.VersionSwitcher,{versions:t,activeVersionIdx:s,onChange:l}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:x?y:[]})]}),(0,jsx_runtime_1.jsxs)(styled_1.ApiContentWrap,{className:"api-content",id:"api-content",layout:r===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:d,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:x?y:[],routingBasePath:n.routingBasePath}),o]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:i,store:o}){var n,t,r;return(null==o?void 0:o.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},o,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=o.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(t=o.options)||void 0===t?void 0:t.licenseKey,disableRouter:null===(r=o.options)||void 0===r?void 0:r.disableRouter,children:i})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:i,options:o={},activeItemId:n,activeSampleLanguage:t,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:i,options:o,activeItemId:n,activeSampleLanguage:t,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{})})}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -3,7 +3,7 @@ import type { LayoutVariant } from '@redocly/theme';
 import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
 import type { OpenAPIDefinition } from '../../types';
 import type { RoutingProps, StoreProps } from '../../hoc/types';
-import type { OperationModel } from '../../models';
+import type { OperationStore } from '../../jotai/operation';
 export interface RedoclyOpenAPIDocsProps extends RoutingProps, StoreProps {
     onLoaded?: () => void;
     store?: StoreProviderProps;
@@ -13,12 +13,14 @@ export interface StoreProviderProps {
     options?: RawOptions;
     definition: OpenAPIDefinition | SpecVersions;
     definitionUrl?: string;
-    activeSampleLanguage?: string;
-    portalOptions?: {
-        defaultMimeType?: string;
-        operation?: OperationModel;
+    withState?: {
+        environment?: string;
+        environments?: Record<string, Record<string, string>>;
         layout?: LayoutVariant;
-        definitionId?: string;
+        operation?: {
+            pointer: string;
+            state: Partial<OperationStore>;
+        };
     };
 }
 export interface ProvidersProps {

package/lib/components/Replay/Replay.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),replay_1=require("@redocly/replay"),utils_1=require("./utils"),store_1=require("../../jotai/store"),replay_2=require("../../jotai/replay"),operation_1=require("../../jotai/operation"),constants_1=require("../../constants"),app_1=require("../../jotai/app"),utils_2=require("../../utils");function ReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const{routingBasePath:a,mockServer:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[s,i]=(0,react_1.useState)(!1),[n,_]=(0,jotai_1.useAtom)(replay_2.replayStateAtom),[,u]=(0,jotai_1.useAtom)(app_1.unsupportedFeatureScreenAtom),[{activeServer:p},c]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e.pointer)),[l,m]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),d=(0,react_1.useCallback)((({requestValues:e,activeExampleName:t,activeMimeName:r,activeServer:a})=>{c((r=>Object.assign(Object.assign({},r),{requestValues:e,activeExampleName:t,activeServer:a||r.activeServer}))),m(r||l)}),[m,c,l]),j=()=>{(0,utils_2.isMobile)({tablet:!0})?u(!0):(n!==constants_1.LOADING_STATE.LOADING&&i(!s),n===constants_1.LOADING_STATE.NOT_LOADED&&_(constants_1.LOADING_STATE.LOADING))};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)("span",{children:"Experience it firsthand in the API Explorer!"}),(0,jsx_runtime_1.jsx)(theme_1.Button,{onClick:j,variant:"primary",iconPosition:"left",icon:n===constants_1.LOADING_STATE.LOADING?(0,jsx_runtime_1.jsx)(theme_1.CircleDashIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.RocketIcon,{}),children:n===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"}),s&&(0,jsx_runtime_1.jsx)(react_1.Suspense,{children:(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(replay_1.ReplayOverlay,{value:{name:e.name,method:e.httpVerb,parameters:(0,utils_1.convertParameters)(e.parameters),body:(0,utils_1.convertRequestBody)(e.requestBody,r),path:e.path,servers:e.servers,security:(0,utils_1.convertRequestSecurity)(e.security)},onRequestChange:d,onClose:j,corsProxyUrl:t,operationUrl:a+e.href,onLoad:()=>_(constants_1.LOADING_STATE.LOADED),mockServer:o,defaultServer:p})})})]})}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),replay_1=require("@redocly/replay"),utils_1=require("./utils"),store_1=require("../../jotai/store"),replay_2=require("../../jotai/replay"),operation_1=require("../../jotai/operation"),constants_1=require("../../constants"),app_1=require("../../jotai/app"),utils_2=require("../../utils");function ReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const{routingBasePath:o,mockServer:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[n,s]=(0,react_1.useState)(!1),[i,_]=(0,jotai_1.useAtom)(replay_2.replayStateAtom),[,u]=(0,jotai_1.useAtom)(app_1.unsupportedFeatureScreenAtom),p=(0,jotai_1.useSetAtom)((0,operation_1.operationStore)(e.pointer)),[l,c]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),[m,d]=(0,jotai_1.useAtom)(app_1.environmentAtom),j=(0,react_1.useCallback)((({requestValues:e,activeExampleName:t,activeMimeName:r,environment:o,environments:a})=>{p((r=>Object.assign(Object.assign({},r),{requestValues:e,activeExampleName:t}))),c(r||l),d({environment:o,environments:a})}),[p,c,l,d]),v=()=>{(0,utils_2.isMobile)({tablet:!0})?u(!0):(i!==constants_1.LOADING_STATE.LOADING&&s(!n),i===constants_1.LOADING_STATE.NOT_LOADED&&_(constants_1.LOADING_STATE.LOADING))};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)("span",{children:"Experience it firsthand in the API Explorer!"}),(0,jsx_runtime_1.jsx)(theme_1.Button,{onClick:v,variant:"primary",iconPosition:"left",icon:i===constants_1.LOADING_STATE.LOADING?(0,jsx_runtime_1.jsx)(theme_1.CircleDashIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.RocketIcon,{}),children:i===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"}),n&&(0,jsx_runtime_1.jsx)(react_1.Suspense,{children:(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(replay_1.ReplayOverlay,{value:{name:e.name,method:e.httpVerb,parameters:(0,utils_1.convertParameters)(e.parameters),body:(0,utils_1.convertRequestBody)(e.requestBody,r),path:e.path,servers:e.servers,security:(0,utils_1.convertRequestSecurity)(e.security)},onRequestChange:j,onClose:v,corsProxyUrl:t,operationUrl:o+e.href,onLoad:()=>_(constants_1.LOADING_STATE.LOADED),mockServer:a,defaultServer:e.servers.find((e=>e.url===m.server))})})})]})}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/lib/components/RequestSamples/CodeSample.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)o.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var o,{onlyDefaultSample:r,onlyDefaultMimeType:t,onCopyClick:l}=e,a=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","onCopyClick"]);const n=null===(o=a.operation.requestBody)||void 0===o?void 0:o.content,i=(0,react_1.useCallback)((e=>{var o,r,l;const a=t&&(null===(o=e.operation)||void 0===o?void 0:o.defaultMimeType);return(null!==(l=null===(r=null==n?void 0:n.mediaTypes)||void 0===r?void 0:r.length)&&void 0!==l?l:0)>1&&!a?(0,jsx_runtime_1.jsx)(PayloadSamples_1.DropdownWrapper,{children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))}):null}),[n,t]),p=e=>a.source?(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:a.lang,source:a.source,header:{className:"code-block-header",controls:{copy:{onClick:l}}}}):(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:a.lang,externalSource:{sample:a.externalSample,exampleName:e,operation:a.operation,pathParams:a.pathParams,properties:a.properties},header:{className:"code-block-header",controls:{copy:{onClick:l}}}});return void 0===n||null!=a.source?p():(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:n,renderDropdown:i,children:e=>(0,jsx_runtime_1.jsx)(Example_1.Example,{mediaType:e,mediaContent:n,renderSample:p,onlyDefaultSample:r})})}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);const StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
+"use strict";var __rest=this&&this.__rest||function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]])}return o},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var r,{onCopyClick:o}=e,t=__rest(e,["onCopyClick"]);const a=null===(r=t.operation.requestBody)||void 0===r?void 0:r.content,n=(0,react_1.useCallback)((e=>{var r,o;return(null!==(o=null===(r=null==a?void 0:a.mediaTypes)||void 0===r?void 0:r.length)&&void 0!==o?o:0)>1?(0,jsx_runtime_1.jsx)(PayloadSamples_1.DropdownWrapper,{children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))}):null}),[a]),l=e=>t.source?(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:t.lang,source:t.source,header:{className:"code-block-header",controls:{copy:{onClick:o}}}}):(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:t.lang,externalSource:{sample:t.externalSample,exampleName:e,operation:t.operation,pathParams:t.pathParams,properties:t.properties},header:{className:"code-block-header",controls:{copy:{onClick:o}}}});return void 0===a||null!=t.source?l():(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n,children:e=>(0,jsx_runtime_1.jsx)(Example_1.Example,{mediaType:e,mediaContent:a,renderSample:l})})}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);const StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
   border: none;
   margin: 0;
 

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

@@ -3,7 +3,6 @@ import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface ExampleProps {
     mediaType: MediaTypeModel;
     mediaContent: MediaContentModel;
-    onlyDefaultSample?: boolean;
     renderSample: (exampleName?: string) => ReactElement;
 }
 export declare const Example: import("react").NamedExoticComponent<ExampleProps>;

package/lib/components/RequestSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Samples_1=require("../Samples"),hooks_1=require("../../hooks");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:r,onlyDefaultSample:a}){const m=e.examples||{},n=Object.keys(m),s=(0,hooks_1.useActivateExample)(t),{exampleKey:l,defaultExampleName:p}=(0,Samples_1.useExampleKey)(e.operation,m);if(!n.length||1===n.length)return r();if(p&&a)return r(l);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:m,exampleKey:l,onChange:e=>s(e)}),r(l)]})}exports.Example=(0,react_1.memo)(ExampleComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Samples_1=require("../Samples"),hooks_1=require("../../hooks");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:r}){const m=e.examples||{},s=Object.keys(m),a=(0,hooks_1.useActivateExample)(t),{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,m);if(!s.length||1===s.length)return r();return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:m,exampleKey:n,onChange:e=>a(e)}),r(n)]})}exports.Example=(0,react_1.memo)(ExampleComponent);
 //# sourceMappingURL=Example.js.map

package/lib/components/RequestSamples/RequestSamples.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(a[o[r]]=e[o[r]])}return a},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),Tabs_1=require("../Tabs"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay"),common_1=require("../common");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a="",disableHeader:o,disableFooter:r,content:s}=e,l=__rest(e,["operation","defaultLanguage","disableHeader","disableFooter","content"]);const[{activeLanguage:n},i]=(0,jotai_1.useAtom)(app_1.languageAtom),{events:u,corsProxyUrl:p}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{samples:d}=(0,useCodeSamples_1.useCodeSamples)(t),{parser:_}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),m=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var o;const r=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(o=null==u?void 0:u.codeSamplesCopy)||void 0===o||o.call(u,r)}),[t,u]),c=(0,react_1.useMemo)((()=>d.map((({key:e,title:t,order:a})=>({key:e,title:t,order:a})))),[d]),y=(0,react_1.useMemo)((()=>d.find((({lang:e,key:t})=>[e,t].some((e=>e.toLowerCase()===a.toLowerCase()||e.toLowerCase()===n.key.toLowerCase()))))),[d,a,n.key]),{activeTab:g,handleTabChange:S}=(0,Tabs_1.useTabsState)({tabs:c,defaultTab:y});(0,react_1.useEffect)((()=>{(null==g?void 0:g.key)!==n.key&&c.some((({key:e})=>e===n.key))&&S(n)}),[n,null==g?void 0:g.key,S,c]);const b=(0,react_1.useCallback)((e=>{S(e),i({activeLanguage:{key:e.key,title:e.title}})}),[S,i]),j=(0,react_1.useMemo)((()=>{if(!r&&!t.isWebhook)return(0,jsx_runtime_1.jsx)(Replay_1.Replay,{operation:t,corsProxyUrl:p,fullOpenApi:_.definition})}),[p,r,t,_.definition]),v=(0,react_1.useMemo)((()=>d.map((e=>e.key===(null==g?void 0:g.key)?(0,jsx_runtime_1.jsx)("div",{children:(0,models_1.isPayloadSample)(e)?(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:m(e)},l)):(0,jsx_runtime_1.jsx)(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:t,onCopyClick:m(e)},l))},e.key+t.id):null))),[null==g?void 0:g.key,m,t,l,d]);return d.length?(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-request-samples",header:()=>o?void 0:(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:t}),(0,jsx_runtime_1.jsx)(Language_1.LanguageDropdown,{activeTab:g,samples:d,onChange:b})]}),footer:j,isExpandable:!1,children:v}):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);const StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+"use strict";var __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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(o[r[a]]=e[r[a]])}return o},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay"),common_1=require("../common"),useActiveWithFallback_1=require("../../hooks/useActiveWithFallback");function RequestSamplesComponent(e){var{operation:t,disableHeader:o,disableFooter:r,content:a}=e,s=__rest(e,["operation","disableHeader","disableFooter","content"]);const[{activeLanguage:l},n]=(0,jotai_1.useAtom)(app_1.languageAtom),{events:i,corsProxyUrl:p}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{samples:u}=(0,useCodeSamples_1.useCodeSamples)(t),{parser:_}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),d=(0,useActiveWithFallback_1.useActiveWithFallback)(u,l),m=(0,react_1.useCallback)((({lang:e,title:o})=>()=>{var r;const a=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:o,lang:e,type:"request"});null===(r=null==i?void 0:i.codeSamplesCopy)||void 0===r||r.call(i,a)}),[t,i]),c=(0,react_1.useMemo)((()=>{if(!r&&!t.isWebhook)return(0,jsx_runtime_1.jsx)(Replay_1.Replay,{operation:t,corsProxyUrl:p,fullOpenApi:_.definition})}),[p,r,t,_.definition]),y=(0,react_1.useMemo)((()=>u.map((e=>e.key===d?(0,jsx_runtime_1.jsx)("div",{children:(0,models_1.isPayloadSample)(e)?(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:m(e)},s)):(0,jsx_runtime_1.jsx)(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:t,onCopyClick:m(e)},s))},e.key+t.id):null))),[d,m,t,s,u]);return u.length?(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-request-samples",header:()=>o?void 0:(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:t}),(0,jsx_runtime_1.jsx)(Language_1.LanguageDropdown,{activeTab:d,samples:u,onChange:n})]}),footer:c,isExpandable:!1,children:y}):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);const StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   flex-wrap: nowrap;
 `,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
   padding-right: var(--spacing-base);

package/lib/components/RequestSamples/useCodeSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCodeSamples=void 0;const jotai_1=require("jotai"),services_1=require("../../services"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app");function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:t}){var s;const{parser:r,options:{generateCodeSamples:l,generatedPayloadSamplesMaxDepth:i}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),n=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(t)),{languages:p}=(0,jotai_1.useAtomValue)(app_1.languageAtom),u=new Map(null==p?void 0:p.map((({title:e,order:a})=>[e.toLowerCase(),a]))),g=(null==l?void 0:l.defaultLanguages)?o:o.filter((({lang:e})=>u.has(e.toLowerCase()))),d=new Set(g.map((({lang:e})=>e.toLowerCase())));let m=[];if(!a){m=createCodeSamples((null===(s=l.languages)||void 0===s?void 0:s.filter((({lang:e})=>"Payload"!==e&&!d.has(e.toLowerCase()))))||[],l,r.definition,i,n)}const c=[...g,...m];e&&c.push(Object.assign(Object.assign({},e),{order:u.has(e.lang.toLowerCase())?u.get(e.lang.toLowerCase()):-1}));const C=c.map((e=>{var a,o;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:`${e.lang}_${null!==(o=e.label)&&void 0!==o?o:""}`,title:t,order:"number"==typeof u.get(t.toLowerCase())?u.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:C}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},t,s,r){return e.map((({lang:e,label:l,options:i})=>({lang:e,label:l,get:l=>(0,services_1.getCodeSample)(Object.assign(Object.assign({},l),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:o,spec:t,generatedPayloadSamplesMaxDepth:s,store:r})}))})))}exports.useCodeSamples=useCodeSamples;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCodeSamples=void 0;const jotai_1=require("jotai"),services_1=require("../../services"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app");function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o}){var s;const{parser:r,options:{codeSamples:n,generatedPayloadSamplesMaxDepth:l}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(o)),{languages:p}=(0,jotai_1.useAtomValue)(app_1.languageAtom),g=(0,jotai_1.useAtomValue)(app_1.environmentAtom),u=new Map(null==p?void 0:p.map((({key:e,order:a})=>[e,a]))),d=t.filter((e=>u.has((0,app_1.getLangKey)(e)))),m=new Set(d.map(app_1.getLangKey));let c=[];if(!a){c=createCodeSamples((null===(s=n.languages)||void 0===s?void 0:s.filter((({lang:e,label:a})=>"Payload"!==e&&!m.has((0,app_1.getLangKey)({lang:e,label:a})))))||[],n,r.definition,l,i,g)}const _=[...d,...c];e&&u.has(e.lang.toLowerCase())&&_.push(Object.assign(Object.assign({},e),{order:u.get(e.lang.toLowerCase())}));const j=_.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:(0,app_1.getLangKey)(e),title:t,order:"number"==typeof u.get(t.toLowerCase())?u.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:j}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,s,r,n){return e.map((({lang:e,label:l,options:i})=>({lang:e,label:l,get:l=>(0,services_1.getCodeSample)(Object.assign(Object.assign({},l),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:s,store:r}),environment:n}))})))}exports.useCodeSamples=useCodeSamples;
 //# sourceMappingURL=useCodeSamples.js.map

package/lib/components/ResponseSamples/ResponseSamples.d.ts

@@ -1,10 +1,9 @@
 import type { ReactElement } from 'react';
 import type { OperationModel } from '../../models';
-import type { TabType } from '../../models/tab';
 export interface ResponseSamplesProps {
     operation: OperationModel;
-    activeResponseTab?: TabType;
-    onTabChange: (tab: TabType) => void;
+    activeResponseTab?: string;
+    onTabChange: (tab: string) => void;
 }
 declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, }: ResponseSamplesProps): ReactElement | null;
 export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;

package/lib/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),store_1=require("../../jotai/store"),Summary_1=require("./Summary"),Tabs_1=require("../Tabs"),common_1=require("../common");function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:s}){const{events:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=e.responses.filter((e=>{var o,s;return null!==(s=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==s&&s})),r=n.map((({code:e})=>({key:e,title:e}))),t=(null==r?void 0:r.find((({key:e})=>e===(null==o?void 0:o.key))))||(null==r?void 0:r[0]),l=(0,react_1.useCallback)((()=>{var o;const s=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(o=null==a?void 0:a.codeSamplesCopy)||void 0===o||o.call(a,s)}),[e,a]);if(!n.length)return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",header:()=>(0,jsx_runtime_1.jsx)(Summary_1.Summary,{tabs:(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:r,activeTab:t||(null==r?void 0:r[0]),onChange:s})}),isExpandable:!1,children:n.map((e=>e.code===t.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:l})},e.code):null))})}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),store_1=require("../../jotai/store"),Summary_1=require("./Summary"),Tabs_1=require("../Tabs"),common_1=require("../common");function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:s}){const{events:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=e.responses.filter((e=>{var o,s;return null!==(s=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==s&&s})),r=n.map((({code:e})=>({key:e,title:e}))),t=(null==r?void 0:r.find((({key:e})=>e===o)))||(null==r?void 0:r[0]),l=(0,react_1.useCallback)((()=>{var o;const s=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(o=null==a?void 0:a.codeSamplesCopy)||void 0===o||o.call(a,s)}),[e,a]);if(!n.length)return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",header:()=>(0,jsx_runtime_1.jsx)(Summary_1.Summary,{tabs:(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:r,activeTab:t,onChange:e=>s(e.key)})}),isExpandable:!1,children:n.map((e=>e.code===t.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:l})},e.code):null))})}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

package/lib/components/Responses/OperationResponseList.d.ts

@@ -7,8 +7,8 @@ interface IOperationResponseList {
     operationPointer: string;
     callbackId: string;
     renderTitle?: (tab: TabType) => ReactNode;
-    activeResponseTab?: TabType;
-    onTabChange?: (tab: TabType) => void;
+    activeResponseTab?: string;
+    onTabChange?: (key: string) => void;
 }
 export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
 export {};

package/lib/components/Responses/OperationResponseList.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton");exports.OperationResponseList=(0,react_1.memo)((({responses:e,renderTitle:t,operationId:s,operationPointer:r,activeResponseTab:n,onTabChange:i,callbackId:o})=>{const a=(0,react_router_dom_1.useLocation)(),l=e.map((({code:e})=>({key:e,title:e}))),_=l.find((({key:e})=>e===(null==n?void 0:n.key)||(0,utils_1.pathIncludesLink)(a,s)&&(0,utils_1.pathIncludesLink)(a,`c=${e}`))),{activeTab:u,handleTabChange:d}=(0,Tabs_1.useTabsState)({tabs:l,defaultTab:_,onChange:i}),p=n||u;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(null==t?void 0:t(p))||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`response&c=${p.key}`)}),"Responses"]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:l,activeTab:p,onChange:d}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:r})]}),e.map((e=>e.code===p.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:e,operationId:s,operationPointer:r,callbackId:o})},e.code):null))]})}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton");exports.OperationResponseList=(0,react_1.memo)((({responses:e,renderTitle:t,operationId:s,operationPointer:r,activeResponseTab:n,onTabChange:i,callbackId:o})=>{const a=(0,react_router_dom_1.useLocation)(),l=e.map((({code:e})=>({key:e,title:e}))),_=l.find((({key:e})=>e===n||(0,utils_1.pathIncludesLink)(a,s)&&(0,utils_1.pathIncludesLink)(a,`c=${e}`))),{activeTab:u,handleTabChange:d}=(0,Tabs_1.useTabsState)({tabs:l,defaultTab:null==_?void 0:_.key,onChange:i}),p=l.find((e=>e.key===(n||u)));return p?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(null==t?void 0:t(p))||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`response&c=${p.key}`)}),"Responses"]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:l,activeTab:p,onChange:d}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:r})]}),e.map((e=>e.code===p.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:e,operationId:s,operationPointer:r,callbackId:o})},e.code):null))]}):null}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
   flex-wrap: wrap;
   gap: var(--spacing-unit);
 `;

package/lib/components/Samples/ExampleSwitch.d.ts

@@ -10,4 +10,4 @@ export interface ExampleSwitchProps extends ExampleSwitchOptions {
     examples: ExampleModelsMap;
     onChange: (key: string) => void;
 }
-export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => ReactElement;
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => ReactElement | null;

package/lib/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),shared_1=require("../shared"),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),utils_1=require("../../utils"),ExampleSwitch=({exampleKey:e,examples:r,onChange:o})=>{var a,t;const n=Object.keys(r),i=e?n.indexOf(e):0,[s,l]=(0,react_1.useState)(i>-1?i:0);(0,react_1.useEffect)((()=>l(i>-1?i:0)),[e,i]);const u=n.map(((e,o)=>({value:(0,utils_1.normalizeText)(r[e].summary)||e,idx:o})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:["default"!==(null===(a=u[s])||void 0===a?void 0:a.value)&&(0,jsx_runtime_1.jsx)(common_1.FormControl,{"data-cy":"example-switch",children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,{Dropdown:common_1.Dropdown,Label:shared_1.MimeLabel,variant:"dark",fullWidth:!0,options:u,value:null===(t=u[s])||void 0===t?void 0:t.value,onChange:({idx:e})=>{l(e),o(n[e])}})}),e&&-1===i&&(0,jsx_runtime_1.jsx)(shared_1.WarnMessage,{children:"Provided sample not found"})]})};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),shared_1=require("../shared"),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),utils_1=require("../../utils"),ExampleSwitch=({exampleKey:e,examples:r,onChange:o})=>{var t;const a=Object.keys(r),n=e?a.indexOf(e):0,[i,l]=(0,react_1.useState)(n>-1?n:0);(0,react_1.useEffect)((()=>l(n>-1?n:0)),[e,n]);const s=a.map(((e,o)=>({value:(0,utils_1.normalizeText)(r[e].summary)||e,idx:o})));return s.length<2?null:(0,jsx_runtime_1.jsx)(common_1.FormControl,{"data-cy":"example-switch",children:(0,jsx_runtime_1.jsx)(DropdownOrLabel_1.DropdownOrLabel,{Dropdown:common_1.Dropdown,Label:shared_1.MimeLabel,variant:"dark",fullWidth:!0,options:s,value:null===(t=s[i])||void 0===t?void 0:t.value,onChange:({idx:e})=>{l(e),o(a[e])}})})};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/use-example-key.d.ts

@@ -1,7 +1,6 @@
 import type { OperationModel } from '../../models';
 interface ExampleName {
     exampleKey: string;
-    defaultExampleName?: string | false;
 }
-export declare function useExampleKey({ defaultExampleName, pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export declare function useExampleKey({ pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
 export {};

package/lib/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),jotai_1=require("jotai"),operation_1=require("../../jotai/operation");function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,r]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(t)),{activeExampleName:s}=o,[i,p]=(0,react_1.useState)(s&&a[s]?s:Object.keys(a)[0]);return(0,react_1.useEffect)((()=>{s&&a[s]&&(p(s),r((e=>Object.assign(Object.assign({},e),{activeExampleName:s}))))}),[s,a,r]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}exports.useExampleKey=useExampleKey;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),jotai_1=require("jotai"),operation_1=require("../../jotai/operation");function useExampleKey({pointer:e}={},t){const[a,o]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e)),{activeExampleName:r}=a,[s,i]=(0,react_1.useState)(r&&t[r]?r:Object.keys(t)[0]);return(0,react_1.useEffect)((()=>{r&&t[r]&&(i(r),o((e=>Object.assign(Object.assign({},e),{activeExampleName:r}))))}),[r,t,o]),{exampleKey:t[s]?s:Object.keys(t)[0]}}exports.useExampleKey=useExampleKey;
 //# sourceMappingURL=use-example-key.js.map

package/lib/components/Schema/ArraySchema.js

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
-  margin-top: var(--spacing-xxs);
+  margin-top: var(--spacing-xs);
 
   :after {
     content: '';

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerListDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),shared_1=require("../shared"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),services_1=require("../../services"),operation_1=require("../../jotai/operation"),utils_1=require("../../utils"),ServerListDropdown=({operation:e,className:r})=>{var t;const[i,s]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(null==e?void 0:e.pointer)),o=(0,react_1.useMemo)((()=>e.servers.filter((({description:e,url:r})=>e&&r)).map((r=>{var t;const o=(0,utils_1.replaceVariables)(r),a=(0,services_1.joinWithSeparator)(o,e.path);return(0,jsx_runtime_1.jsx)(styled_1.ServerItemWrap,{onClick:()=>(e=>{s((r=>Object.assign(Object.assign({},r),{activeServer:e})))})(r),children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:r.description,title:(0,utils_1.replaceVariables)(r),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:a},a)],active:r.url===(null===(t=null==i?void 0:i.activeServer)||void 0===t?void 0:t.url),withCheckmark:!0})},a)}))),[e.path,e.servers,null===(t=null==i?void 0:i.activeServer)||void 0===t?void 0:t.url,s]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:o,withArrow:!0,className:r,children:(0,jsx_runtime_1.jsxs)(styled_1.PathWrapper,{children:[(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:e.httpVerb,children:e.httpVerb}),(0,jsx_runtime_1.jsx)(styled_1.Path,{children:e.path})]})})};exports.ServerListDropdown=ServerListDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerListDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),shared_1=require("../shared"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),services_1=require("../../services"),utils_1=require("../../utils"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),environments_1=require("../../utils/environments"),ServerListDropdown=({operation:e,className:r})=>{const[t,s]=(0,jotai_1.useAtom)(app_1.environmentAtom),i=(0,hooks_1.useActiveWithFallback)(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),t.server),n=(0,react_1.useMemo)((()=>e.servers.map((r=>{const t=(0,utils_1.replaceVariables)(r),n=(0,services_1.joinWithSeparator)(t,e.path);return(0,jsx_runtime_1.jsx)(styled_1.ServerItemWrap,{onClick:()=>(r=>{1!==e.servers.length&&s({environment:(0,environments_1.getServerEnvName)(r)})})(r),children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:r.description,title:(0,utils_1.replaceVariables)(r),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:n},n)],active:r.url===i,withCheckmark:!0})},n)}))),[e.servers,e.path,s,i]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:n,withArrow:!0,className:r,children:(0,jsx_runtime_1.jsxs)(styled_1.PathWrapper,{children:[(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:e.httpVerb,children:e.httpVerb}),(0,jsx_runtime_1.jsx)(styled_1.Path,{children:e.path})]})})};exports.ServerListDropdown=ServerListDropdown;
 //# sourceMappingURL=ServerListDropdown.js.map

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

@@ -1,11 +1,11 @@
 import type { TabType } from '../../models/tab';
 interface UseTabsStateProps {
     tabs: TabType[];
-    defaultTab?: TabType;
-    onChange?: (tab: TabType) => void;
+    defaultTab?: string;
+    onChange?: (key: string) => void;
 }
 export declare function useTabsState({ tabs, defaultTab, onChange }: UseTabsStateProps): {
-    activeTab: TabType;
+    activeTab: string;
     handleTabChange: (tab: TabType) => void;
 };
 export {};

package/lib/components/Tabs/useTabsState.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=void 0;const react_1=require("react"),theme_1=require("@redocly/theme");function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[s,u]=(0,react_1.useState)(t||e[0]);(0,theme_1.useMount)((()=>{t&&(u(t),null==a||a(t))}));const r=(0,react_1.useCallback)((e=>{s.key!==e.key&&u(e),null==a||a(e)}),[null==s?void 0:s.key,a]);return{activeTab:s,handleTabChange:r}}exports.useTabsState=useTabsState;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=void 0;const react_1=require("react"),theme_1=require("@redocly/theme");function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[s,u]=(0,react_1.useState)(t||e[0].key);(0,theme_1.useMount)((()=>{t&&(u(t),null==a||a(t))}));const r=(0,react_1.useCallback)((e=>{s!==e.key&&u(e.key),null==a||a(e.key)}),[s,a]);return{activeTab:s,handleTabChange:r}}exports.useTabsState=useTabsState;
 //# sourceMappingURL=useTabsState.js.map

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

@@ -1,3 +1,2 @@
 export * from './HttpVerb';
-export * from './NoSampleLabel';
 export * from './MimeLabel';

package/lib/components/shared/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./HttpVerb"),exports),__exportStar(require("./NoSampleLabel"),exports),__exportStar(require("./MimeLabel"),exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./HttpVerb"),exports),__exportStar(require("./MimeLabel"),exports);
 //# sourceMappingURL=index.js.map

package/lib/events/codeSampleCopy.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCodeSampleCopyEvent=void 0;const nexus_1=require("../jotai/nexus"),creator_1=require("./creator"),types_1=require("./types"),app_1=require("../jotai/app"),operation_1=require("../jotai/operation"),codeSampleCopyEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.CodeSampleCopied),createCodeSampleCopyEvent=({operation:e,type:t,lang:o="",label:a=""})=>{const{activeExampleName:p}=(0,nexus_1.readAtom)((0,operation_1.operationStore)(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:p||e.activeExampleName,exampleMimeType:(0,nexus_1.readAtom)(app_1.activeMimeNameAtom),label:a,lang:o,type:t})};exports.createCodeSampleCopyEvent=createCodeSampleCopyEvent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCodeSampleCopyEvent=void 0;const nexus_1=require("../jotai/nexus"),creator_1=require("./creator"),types_1=require("./types"),app_1=require("../jotai/app"),operation_1=require("../jotai/operation"),codeSampleCopyEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.CodeSampleCopied),createCodeSampleCopyEvent=({operation:e,type:t,lang:o="",label:a=""})=>{const{activeExampleName:p}=(0,nexus_1.readAtom)((0,operation_1.operationStore)(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:p,exampleMimeType:(0,nexus_1.readAtom)(app_1.activeMimeNameAtom),label:a,lang:o,type:t})};exports.createCodeSampleCopyEvent=createCodeSampleCopyEvent;
 //# sourceMappingURL=codeSampleCopy.js.map

package/lib/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { usePrevious } from './usePrevious';
 export { useActivateExample } from './useActivateExample';
 export { useRouter } from './useRouter';
 export { useContentItems } from './useContentItems';
+export { useActiveWithFallback } from './useActiveWithFallback';

package/lib/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useContentItems=exports.useRouter=exports.useActivateExample=exports.usePrevious=exports.useDimensions=void 0;var useDimensions_1=require("./useDimensions");Object.defineProperty(exports,"useDimensions",{enumerable:!0,get:function(){return useDimensions_1.useDimensions}});var usePrevious_1=require("./usePrevious");Object.defineProperty(exports,"usePrevious",{enumerable:!0,get:function(){return usePrevious_1.usePrevious}});var useActivateExample_1=require("./useActivateExample");Object.defineProperty(exports,"useActivateExample",{enumerable:!0,get:function(){return useActivateExample_1.useActivateExample}});var useRouter_1=require("./useRouter");Object.defineProperty(exports,"useRouter",{enumerable:!0,get:function(){return useRouter_1.useRouter}});var useContentItems_1=require("./useContentItems");Object.defineProperty(exports,"useContentItems",{enumerable:!0,get:function(){return useContentItems_1.useContentItems}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useActiveWithFallback=exports.useContentItems=exports.useRouter=exports.useActivateExample=exports.usePrevious=exports.useDimensions=void 0;var useDimensions_1=require("./useDimensions");Object.defineProperty(exports,"useDimensions",{enumerable:!0,get:function(){return useDimensions_1.useDimensions}});var usePrevious_1=require("./usePrevious");Object.defineProperty(exports,"usePrevious",{enumerable:!0,get:function(){return usePrevious_1.usePrevious}});var useActivateExample_1=require("./useActivateExample");Object.defineProperty(exports,"useActivateExample",{enumerable:!0,get:function(){return useActivateExample_1.useActivateExample}});var useRouter_1=require("./useRouter");Object.defineProperty(exports,"useRouter",{enumerable:!0,get:function(){return useRouter_1.useRouter}});var useContentItems_1=require("./useContentItems");Object.defineProperty(exports,"useContentItems",{enumerable:!0,get:function(){return useContentItems_1.useContentItems}});var useActiveWithFallback_1=require("./useActiveWithFallback");Object.defineProperty(exports,"useActiveWithFallback",{enumerable:!0,get:function(){return useActiveWithFallback_1.useActiveWithFallback}});
 //# sourceMappingURL=index.js.map

package/lib/hooks/useActiveWithFallback.d.ts

@@ -0,0 +1,3 @@
+export declare function useActiveWithFallback<TOption extends {
+    key: string;
+}>(options: TOption[], activeKey: string): string | undefined;

package/lib/hooks/useActiveWithFallback.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useActiveWithFallback=void 0;const react_1=require("react");function useActiveWithFallback(e,t){var c;const i=e.find((({key:e})=>e===t)),[a,r]=(0,react_1.useState)((null==i?void 0:i.key)||(null===(c=e[0])||void 0===c?void 0:c.key));return(0,react_1.useEffect)((()=>{i&&r(i.key)}),[i]),a}exports.useActiveWithFallback=useActiveWithFallback;
+//# sourceMappingURL=useActiveWithFallback.js.map