@redocly/openapi-docs 0.0.0-beta-20240223133421 → 0.0.0-beta-20240227165736

package/lib/components/Search/SearchBox.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchBox=void 0;const hotkeys_js_1=__importDefault(require("hotkeys-js")),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),hooks_1=require("../../hooks"),common_1=require("../common"),utils_1=require("../../utils"),MenuItemSearch_1=require("./MenuItemSearch"),styled_1=require("./styled"),utils_2=require("./utils"),SearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:l,flatItems:u,options:n,hidePopUp:c,showPopUp:o})=>{const s=(0,react_1.useRef)(null),i=(0,react_1.useRef)(null),[_,d]=(0,react_1.useState)(null),[h,f]=(0,react_1.useState)(-1),[m,p]=(0,react_1.useState)(!1),[y,S]=(0,react_1.useState)(""),k=(0,hooks_1.usePrevious)(t),g=(0,react_1.useCallback)((e=>{s.current&&(clearTimeout(s.current),s.current=null),d(null),S(e),p(!1),l.unmark()}),[l]);(0,theme_1.useMount)((()=>{n.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),n.disableSearch||o(),!1)))})),(0,react_1.useEffect)((()=>{var e;!k&&t&&(null===(e=i.current)||void 0===e||e.focus())}),[k,t]),(0,react_1.useEffect)((()=>{!k&&t&&!r&&y&&g("")}),[g,k,e,r,t,y]),(0,theme_1.useUnmount)((()=>{hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}));const v=()=>{d(null),S(""),f(-1),a(""),l.unmark()},E=(0,utils_1.debounce)(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),b=e=>{let t=!1;return E(e,(r=>{e.length<3&&g(e),t||(e=>{s.current&&(clearTimeout(s.current),s.current=null),d((0,utils_2.enhanceResults)(e,(e=>u.find((t=>t.id===e))))),p(!1)})(r)})),()=>{t=!0}},x=e=>{if(c(),n.searchAutoExpand)try{(0,utils_2.expandResults)(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return t?react_1.default.createElement(theme_1.Portal,{mountId:"api-content"},react_1.default.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(v(),c())}},react_1.default.createElement(styled_1.SearchPopUpWrap,null,react_1.default.createElement(styled_1.SearchPopUpHeader,null,react_1.default.createElement(styled_1.SearchInput,{ref:i,value:y,onKeyDown:e=>{if("Escape"===e.key&&i.current&&(i.current.blur(),c()),_&&("Escape"===e.key&&v(),"ArrowDown"===e.key&&(f(Math.min(h+1,_.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(f(Math.max(0,h-1)),e.preventDefault()),"Enter"===e.key)){const e=_[h];e&&x(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<n.minCharacterLengthToInitSearch)return g(t),void a("");(e=>{S(e),a(e),s.current&&(clearTimeout(s.current),s.current=null),s.current=setTimeout((()=>{p(!0)}),500),l.mark(e)})(t),b(t)},autoFocus:!0}),y&&react_1.default.createElement(styled_1.ButtonClear,{onClick:v},"Clear"),react_1.default.createElement(styled_1.ButtonClose,{onClick:()=>{v(),c()}})),react_1.default.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},m&&react_1.default.createElement(styled_1.TextContainer,null,"Loading..."),!m&&!(null==_?void 0:_.length)&&react_1.default.createElement(styled_1.TextContainer,null,"No results found"),(null==_?void 0:_.length)?react_1.default.createElement(common_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},react_1.default.createElement(styled_1.SearchResultsItems,null,_.slice(0,50).map(((e,t)=>react_1.default.createElement(MenuItemSearch_1.MenuItemSearch,{key:e.index+e.item.id,result:e,active:t===h,term:y,onClick:c}))))):null)))):null};exports.SearchBox=SearchBox;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),hotkeys_js_1=__importDefault(require("hotkeys-js")),react_1=require("react"),theme_1=require("@redocly/theme"),hooks_1=require("../../hooks"),common_1=require("../common"),utils_1=require("../../utils"),MenuItemSearch_1=require("./MenuItemSearch"),styled_1=require("./styled"),utils_2=require("./utils"),SearchBox=({search:e,shown:t,searchValue:r,setSearchValue:s,marker:n,flatItems:u,options:l,hidePopUp:a,showPopUp:c})=>{const o=(0,react_1.useRef)(null),i=(0,react_1.useRef)(null),[_,h]=(0,react_1.useState)(null),[m,d]=(0,react_1.useState)(-1),[x,p]=(0,react_1.useState)(!1),[j,f]=(0,react_1.useState)(""),y=(0,hooks_1.usePrevious)(t),S=(0,react_1.useCallback)((e=>{o.current&&(clearTimeout(o.current),o.current=null),h(null),f(e),p(!1),n.unmark()}),[n]);(0,theme_1.useMount)((()=>{l.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),l.disableSearch||c(),!1)))})),(0,react_1.useEffect)((()=>{var e;!y&&t&&(null===(e=i.current)||void 0===e||e.focus())}),[y,t]),(0,react_1.useEffect)((()=>{!y&&t&&!r&&j&&S("")}),[S,y,e,r,t,j]),(0,theme_1.useUnmount)((()=>{hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}));const k=()=>{h(null),f(""),d(-1),s(""),n.unmark()},v=(0,utils_1.debounce)(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),g=e=>{let t=!1;return v(e,(r=>{e.length<3&&S(e),t||(e=>{o.current&&(clearTimeout(o.current),o.current=null),h((0,utils_2.enhanceResults)(e,(e=>u.find((t=>t.id===e))))),p(!1)})(r)})),()=>{t=!0}},C=e=>{if(a(),l.searchAutoExpand)try{(0,utils_2.expandResults)(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return t?(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(styled_1.SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(k(),a())},children:(0,jsx_runtime_1.jsxs)(styled_1.SearchPopUpWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.SearchPopUpHeader,{children:[(0,jsx_runtime_1.jsx)(styled_1.SearchInput,{ref:i,value:j,onKeyDown:e=>{if("Escape"===e.key&&i.current&&(i.current.blur(),a()),_&&("Escape"===e.key&&k(),"ArrowDown"===e.key&&(d(Math.min(m+1,_.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(d(Math.max(0,m-1)),e.preventDefault()),"Enter"===e.key)){const e=_[m];e&&C(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<l.minCharacterLengthToInitSearch)return S(t),void s("");(e=>{f(e),s(e),o.current&&(clearTimeout(o.current),o.current=null),o.current=setTimeout((()=>{p(!0)}),500),n.mark(e)})(t),g(t)},autoFocus:!0}),j&&(0,jsx_runtime_1.jsx)(styled_1.ButtonClear,{onClick:k,children:"Clear"}),(0,jsx_runtime_1.jsx)(styled_1.ButtonClose,{onClick:()=>{k(),a()}})]}),(0,jsx_runtime_1.jsxs)(styled_1.SearchResultsBox,{"data-role":"search:results",children:[x&&(0,jsx_runtime_1.jsx)(styled_1.TextContainer,{children:"Loading..."}),!x&&!(null==_?void 0:_.length)&&(0,jsx_runtime_1.jsx)(styled_1.TextContainer,{children:"No results found"}),(null==_?void 0:_.length)?(0,jsx_runtime_1.jsx)(common_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1},children:(0,jsx_runtime_1.jsx)(styled_1.SearchResultsItems,{children:_.slice(0,50).map(((e,t)=>(0,jsx_runtime_1.jsx)(MenuItemSearch_1.MenuItemSearch,{result:e,active:t===m,term:j,onClick:a},e.index+e.item.id)))})}):null]})]})})}):null};exports.SearchBox=SearchBox;
 //# sourceMappingURL=SearchBox.js.map

package/lib/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;const react_1=__importDefault(require("react")),styled_1=require("./styled"),SearchField=({showPopUp:e,searchValue:t,marker:r,setSearchValue:a})=>{const l=!!t;return react_1.default.createElement(styled_1.SearchFieldWrap,{onClick:e,className:`button-field-search ${!!t&&"active"}`},react_1.default.createElement("span",null),t||"Search",react_1.default.createElement(styled_1.SearchIcon,null),l&&react_1.default.createElement(styled_1.ButtonClear,{onClick:e=>{e.stopPropagation(),r.unmark(),a("")}},react_1.default.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_1=require("./styled"),SearchField=({showPopUp:e,searchValue:r,marker:s,setSearchValue:t})=>{const a=!!r;return(0,jsx_runtime_1.jsxs)(styled_1.SearchFieldWrap,{onClick:e,className:`button-field-search ${!!r&&"active"}`,children:[(0,jsx_runtime_1.jsx)("span",{}),r||"Search",(0,jsx_runtime_1.jsx)(styled_1.SearchIcon,{}),a&&(0,jsx_runtime_1.jsx)(styled_1.ButtonClear,{onClick:e=>{e.stopPropagation(),s.unmark(),t("")},children:(0,jsx_runtime_1.jsx)(styled_1.CrossIcon,{})})]})};exports.SearchField=SearchField;
 //# sourceMappingURL=SearchField.js.map

package/lib/components/Search/styled.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.MarkedSpan=exports.Place=exports.ResultMeta=exports.SearchInput=exports.SearchResultsItems=exports.SearchResultsBox=exports.TextContainer=exports.SearchPopUpHeader=exports.SearchPopUpWrap=exports.SearchPopUpBG=exports.SearchFieldWrap=exports.SearchIcon=exports.ButtonClear=exports.ButtonClose=exports.CrossIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),CrossIcon=()=>react_1.default.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},react_1.default.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),react_1.default.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));exports.CrossIcon=CrossIcon,exports.ButtonClose=styled_components_1.default.i.attrs((()=>({className:"button-close"})))`
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MarkedSpan=exports.Place=exports.ResultMeta=exports.SearchInput=exports.SearchResultsItems=exports.SearchResultsBox=exports.TextContainer=exports.SearchPopUpHeader=exports.SearchPopUpWrap=exports.SearchPopUpBG=exports.SearchFieldWrap=exports.SearchIcon=exports.ButtonClear=exports.ButtonClose=exports.CrossIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),CrossIcon=()=>(0,jsx_runtime_1.jsxs)("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon",children:[(0,jsx_runtime_1.jsx)("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime_1.jsx)("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});exports.CrossIcon=CrossIcon,exports.ButtonClose=styled_components_1.default.i.attrs((()=>({className:"button-close"})))`
   cursor: pointer;
   position: absolute;
   right: 15px;
@@ -6,7 +6,7 @@
 `,exports.ButtonClear=styled_components_1.default.i.attrs((()=>({className:"button-clear"})))`
   cursor: pointer;
   position: absolute;
-`;const SearchIcon=()=>react_1.default.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},react_1.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),react_1.default.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),react_1.default.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));exports.SearchIcon=SearchIcon,exports.SearchFieldWrap=styled_components_1.default.button`
+`;const SearchIcon=()=>(0,jsx_runtime_1.jsxs)("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon",children:[(0,jsx_runtime_1.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),(0,jsx_runtime_1.jsx)("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,jsx_runtime_1.jsx)("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});exports.SearchIcon=SearchIcon,exports.SearchFieldWrap=styled_components_1.default.button`
   cursor: text;
   margin: 10px 20px 13px;
   padding: 0 18px 0 3px;

package/lib/components/SectionContent/SectionContent.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:a},routingBasePath:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,react_1.useMemo)((()=>t?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,null))),[t]),i=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!a?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,a?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:a,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[a,t]);return 0===e.length?null:react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(Container,null,react_1.default.createElement(SectionContainer,{layout:r},e.filter((({type:e})=>["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:n})))),react_1.default.createElement(RightPanelContainer,{layout:r},react_1.default.createElement(RightPanel_1.RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:n}))),o)}exports.SectionContent=SectionContent;const Container=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.SectionContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:n},routingBasePath:i}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),r=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(Panel_1.MiddlePanelWrapper,{children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t]),a=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(Panel_1.MiddlePanelWrapper,{children:n?(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:n,props:void 0}):(0,jsx_runtime_1.jsx)(theme_1.OpenApiHeader,{})})),[n,t]);return 0===e.length?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[a,(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsx)(SectionContainer,{layout:o,children:e.filter((({type:e})=>["section"].includes(e))).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:i},e.id)))}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{layout:o,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>!["section"].includes(e))).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:i},e.id))),r]})}exports.SectionContent=SectionContent;const Container=styled_components_1.default.div`
   display: flex;
   width: 100%;
 `,SectionContainer=styled_components_1.default.div`

package/lib/components/SectionItem/SectionItem.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import type { GroupModel } from '../../models';
 export interface SectionItemProps {
     item: GroupModel;
 }
-export declare const SectionItem: React.NamedExoticComponent<SectionItemProps>;
+export declare const SectionItem: import("react").NamedExoticComponent<SectionItemProps>;

package/lib/components/SectionItem/SectionItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionItem=void 0;const react_1=__importStar(require("react")),common_1=require("../common"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation");function SectionItemComponent({item:e}){const{externalDocs:t,ast:r,description:n}=e;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Markdown_1.Markdown,{ast:r,source:n,htmlWrap:e=>react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0},e)}),t&&react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0},react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t}))))}exports.SectionItem=(0,react_1.memo)(SectionItemComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation");function SectionItemComponent({item:e}){const{externalDocs:t,ast:n,description:r}=e;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{ast:n,source:r,htmlWrap:e=>(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0,children:e})}),t&&(0,jsx_runtime_1.jsx)(common_1.Row,{children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0,children:(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t})})})]})}exports.SectionItem=(0,react_1.memo)(SectionItemComponent);
 //# sourceMappingURL=SectionItem.js.map

package/lib/components/Security/Divider.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare function Divider({ label }: {
     label: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/Security/Divider.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.Divider=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled");function Divider({label:e}){return react_1.default.createElement(Wrapper,null,react_1.default.createElement(styled_1.Tag,{className:"tag-grey"},e)," ",react_1.default.createElement("hr",null))}exports.Divider=Divider;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.Divider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled");function Divider({label:e}){return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e})," ",(0,jsx_runtime_1.jsx)("hr",{})]})}exports.Divider=Divider;const Wrapper=styled_components_1.default.div`
   font-size: var(--font-size-sm);
   width: 100%;
   display: flex;

package/lib/components/Security/OAuthFlow.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { OpenAPISecurityScheme } from '../../types';
 export interface OAuthFlowProps {
     flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
 }
-export declare const OAuthFlow: React.NamedExoticComponent<React.PropsWithChildren<OAuthFlowProps>>;
+export declare const OAuthFlow: import("react").NamedExoticComponent<PropsWithChildren<OAuthFlowProps>>;

package/lib/components/Security/OAuthFlow.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,a)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled");function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&react_1.default.createElement(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl},null==e?void 0:e.authorizationUrl)}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{key:t,label:react_1.default.createElement(StyledTag,{className:"tag-grey"},t),value:react_1.default.createElement(Markdown_1.Markdown,{source:(null==e?void 0:e.scopes[t])||""})}))))||null)}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled");function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl,children:null==e?void 0:e.authorizationUrl})}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:(0,jsx_runtime_1.jsx)(StyledTag,{className:"tag-grey",children:t}),value:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:(null==e?void 0:e.scopes[t])||""})},t)))]})||null]})}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
   margin-left: var(--spacing-xs);
 `;exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
 //# sourceMappingURL=OAuthFlow.js.map

package/lib/components/Security/Security.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 u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,u)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),SecurityButton_1=require("./SecurityButton"),SecurityModal_1=require("./SecurityModal");function Security({securities:e}){const{options:{hideSecuritySection:t}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[r,i]=(0,react_1.useState)(!1);return!e.length||t?null:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecurityButton_1.SecurityButton,{securities:e,onClick:()=>i(!0)}),r&&react_1.default.createElement(theme_1.Portal,{mountId:"api-content"},react_1.default.createElement(SecurityModal_1.SecurityModal,{securities:e,onClose:()=>i(!1)})))}exports.Security=Security;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),SecurityButton_1=require("./SecurityButton"),SecurityModal_1=require("./SecurityModal");function Security({securities:e}){const{options:{hideSecuritySection:t}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[r,i]=(0,react_1.useState)(!1);return!e.length||t?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityButton_1.SecurityButton,{securities:e,onClick:()=>i(!0)}),r&&(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(SecurityModal_1.SecurityModal,{securities:e,onClose:()=>i(!1)})})]})}exports.Security=Security;
 //# sourceMappingURL=Security.js.map

package/lib/components/Security/SecurityButton.js

@@ -1,19 +1,15 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return react_1.default.createElement(StyledButton,{onClick:t},react_1.default.createElement(theme_1.SecurityIcon,null),react_1.default.createElement(Title,null,"Security:"),react_1.default.createElement(SecurityList,null,e.map((t=>{const r=e.length>1&&t.schemes.length>1;return`\n          ${r?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${r?")":""}\n          `})).join(" or ")))}exports.SecurityButton=SecurityButton;const StyledButton=styled_components_1.default.button`
-  display: flex;
-  align-items: center;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return(0,jsx_runtime_1.jsxs)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{}),variant:"link",onClick:t,children:[(0,jsx_runtime_1.jsx)(Title,{children:"Security:"}),(0,jsx_runtime_1.jsx)(SecurityList,{children:e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${n?")":""}\n          `})).join(" or ")})]})}exports.SecurityButton=SecurityButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
   align-self: flex-start;
   gap: var(--spacing-xxs);
   min-height: 32px;
   background: var(--color-info-bg);
-  color: var(--link-color-primary);
-  border: none;
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
   padding: 0 var(--spacing-xs);
-  border-radius: var(--border-radius-md);
   margin-top: var(--spacing-base);
-  max-width: 100%;
+
+  &:hover {
+    background: var(--color-info-bg);
+    color: var(--link-color-primary);
+  }
 `,Title=styled_components_1.default.span`
   font-family: var(--font-family-monospaced);
   font-weight: var(--font-weight-semibold);

package/lib/components/Security/SecurityFlow.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.SecurityFlow=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),SecuritySchemeItem_1=require("./SecuritySchemeItem"),utils_1=require("../../utils"),OAuthFlow_1=require("./OAuthFlow"),styled_1=require("./styled"),Markdown_1=require("../Markdown"),helper_1=require("./helper");function SecurityFlow({type:e,bearerFormat:t,name:r,flows:a,openIdConnectUrl:l,description:c,id:u,securities:n,in:i}){if(!e||!u)return null;const o=(0,helper_1.getRequiredScopes)(u,n),m={http:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Bearer Format",value:t})),apiKey:react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(i||"")} parameter name:`,value:r}),oauth2:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Flow type:",value:e}),a&&Object.keys(a).map((e=>react_1.default.createElement(OAuthFlow_1.OAuthFlow,{flow:a[e],key:e})))),openIdConnect:react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Connect URL:",value:l&&react_1.default.createElement(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:l},l)})};return react_1.default.createElement(Wrapper,null,react_1.default.createElement(TitleSchema,null,u),react_1.default.createElement(Markdown_1.Markdown,{source:c}),react_1.default.createElement(List,null,m[e]||null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Required scopes",value:o.length&&react_1.default.createElement(Row,null,o.map((e=>react_1.default.createElement(styled_1.Tag,{key:e,className:"tag-grey"},e))))})))}exports.SecurityFlow=SecurityFlow;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.SecurityFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),SecuritySchemeItem_1=require("./SecuritySchemeItem"),utils_1=require("../../utils"),OAuthFlow_1=require("./OAuthFlow"),styled_1=require("./styled"),Markdown_1=require("../Markdown"),helper_1=require("./helper");function SecurityFlow({type:e,bearerFormat:t,name:r,flows:i,openIdConnectUrl:s,description:n,id:u,securities:l,in:a}){if(!e||!u)return null;const o=(0,helper_1.getRequiredScopes)(u,l),c={http:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Bearer Format",value:t})]}),apiKey:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(a||"")} parameter name:`,value:r}),oauth2:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Flow type:",value:e}),i&&Object.keys(i).map((e=>(0,jsx_runtime_1.jsx)(OAuthFlow_1.OAuthFlow,{flow:i[e]},e)))]}),openIdConnect:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Connect URL:",value:s&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:s,children:s})})};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(TitleSchema,{children:u}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n}),(0,jsx_runtime_1.jsxs)(List,{children:[c[e]||null,(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Required scopes",value:o.length&&(0,jsx_runtime_1.jsx)(Row,{children:o.map((e=>(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e},e)))})})]})]})}exports.SecurityFlow=SecurityFlow;const Wrapper=styled_components_1.default.div`
   background: var(--layer-color);
   padding: var(--spacing-base);
   border-radius: var(--border-radius);

package/lib/components/Security/SecurityModal.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,i)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityModal=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[r,a]=(0,react_1.useState)(0),{schemes:i}=e[r]||{};(0,react_1.useEffect)((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const o=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return react_1.default.createElement(StyledBackground,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(Close,{onClick:t,"data-cy":"close"},react_1.default.createElement(theme_1.CloseIcon,null)),react_1.default.createElement(Title,null,react_1.default.createElement(theme_1.SecurityIcon,{size:"24px"}),"Security"),react_1.default.createElement(theme_1.Segmented,{value:r,onChange:({value:e})=>a(e),options:o}),i.map(((t,r)=>react_1.default.createElement(react_1.Fragment,{key:t.id},react_1.default.createElement(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==i.length-1&&react_1.default.createElement(Divider_1.Divider,{label:"and"}))))))}exports.SecurityModal=SecurityModal;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.SecurityModal=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[r,i]=(0,react_1.useState)(0),o=(0,react_1.useRef)(null),{schemes:s}=e[r]||{};(0,react_1.useEffect)((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]),(0,theme_1.useOutsideClick)(o,t);const n=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return(0,jsx_runtime_1.jsx)(StyledBackground,{children:(0,jsx_runtime_1.jsxs)(Wrapper,{ref:o,children:[(0,jsx_runtime_1.jsx)(Close,{onClick:t,"data-cy":"close",variant:"ghost",icon:(0,jsx_runtime_1.jsx)(theme_1.CloseIcon,{})}),(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{size:"24px"}),"Security"]}),(0,jsx_runtime_1.jsx)(theme_1.Segmented,{value:r,onChange:({value:e})=>i(e),options:n}),s.map(((t,r)=>(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==s.length-1&&(0,jsx_runtime_1.jsx)(Divider_1.Divider,{label:"and"})]},t.id)))]})})}exports.SecurityModal=SecurityModal;const Wrapper=styled_components_1.default.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -7,40 +7,31 @@
   flex-direction: column;
   align-items: flex-start;
   position: absolute;
-  width: 700px;
+  width: 720px;
   max-width: 100%;
   height: auto;
-  max-height: 500px;
+  max-height: 600px;
   overflow-y: scroll;
   left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 2;
+  top: 30%;
+  transform: translate(-50%, -30%);
   .tag-grey span {
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
 `,StyledBackground=styled_components_1.default.div`
-  background: rgba(0, 0, 0, 0.5);
+  background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: 2;
+  z-index: var(--z-index-popover);
   left: 0;
   top: 0;
   pointer-events: auto;
-`,Close=styled_components_1.default.button`
-  border: none;
-  background: none;
+`,Close=(0,styled_components_1.default)(theme_1.Button)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-  cursor: pointer;
-  svg {
-    width: 18px;
-    height: 18px;
-    fill: var(--text-color-primary);
-  }
 `,Title=(0,styled_components_1.default)(theme_1.Typography)`
   display: flex;
   align-items: center;

package/lib/components/Security/SecuritySchemeItem.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { ReactNode } from 'react';
 interface SecuritySchemeItemProps {
     label: string | ReactNode;
     value: string | ReactNode;
 }
-export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): React.JSX.Element | null;
+export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/components/Security/SecuritySchemeItem.js

@@ -1,18 +1,18 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecuritySchemeItem=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?react_1.default.createElement(Row,null,react_1.default.createElement(Label,null,e),react_1.default.createElement(Value,null,t)):null}exports.SecuritySchemeItem=SecuritySchemeItem;const Row=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.SecuritySchemeItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsx)(Label,{children:e}),(0,jsx_runtime_1.jsx)(Value,{children:t})]}):null}exports.SecuritySchemeItem=SecuritySchemeItem;const Row=styled_components_1.default.div`
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   margin-bottom: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   color: var(--text-color-secondary);
 `,Label=styled_components_1.default.div`
-  width: 296px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
+  flex: 1;
 `,Value=styled_components_1.default.div`
-  width: calc(100% - 296px);
+  flex: 1;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
 `;

package/lib/components/SecurityRequirement/PanelDescription.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelDescription=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),constants_1=require("./constants");function PanelDescription({securities:e,showSecuritySchemeType:t}){const n=(0,react_1.useRef)(null),[r,i]=(0,react_1.useState)("");return(0,react_1.useLayoutEffect)((()=>{var e;i((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),react_1.default.createElement(StyledDescription,{ref:n,title:r},e.map(((n,r)=>{let i="",a="";const o=n.schemes.length;return e.length>1&&o>1&&(i=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or "),react_1.default.createElement(react_1.Fragment,{key:n.schemes.map((({id:e})=>e)).join("")},i,o?n.schemes.map((e=>react_1.default.createElement(StyledRequirementElement,{key:e.id},t?`${constants_1.AUTH_TYPES[e.type]||e.type}: `:null,e.id))).reduce(((e,t)=>[e," and ",t])):null,a)})))}exports.PanelDescription=PanelDescription;const StyledDescription=styled_components_1.default.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelDescription=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),constants_1=require("./constants");function PanelDescription({securities:e,showSecuritySchemeType:t}){const n=(0,react_1.useRef)(null),[s,r]=(0,react_1.useState)("");return(0,react_1.useLayoutEffect)((()=>{var e;r((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),(0,jsx_runtime_1.jsx)(StyledDescription,{ref:n,title:s,children:e.map(((n,s)=>{let r="",i="";const o=n.schemes.length;return e.length>1&&o>1&&(r=0===s?"(":"",i=")"),s!==e.length-1&&(i+=" or "),(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[r,o?n.schemes.map((e=>(0,jsx_runtime_1.jsxs)(StyledRequirementElement,{children:[t?`${constants_1.AUTH_TYPES[e.type]||e.type}: `:null,e.id]},e.id))).reduce(((e,t)=>[e," and ",t])):null,i]},n.schemes.map((({id:e})=>e)).join(""))}))})}exports.PanelDescription=PanelDescription;const StyledDescription=styled_components_1.default.span`
   font-size: var(--font-size-base);
 `,StyledRequirementElement=styled_components_1.default.span``;
 //# sourceMappingURL=PanelDescription.js.map

package/lib/components/SecurityRequirement/RequiredScopesRow.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequiredScopesRow=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function RequiredScopesRow({scopes:e}){return e.length?react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Required scopes: "),e.map((e=>react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement("code",null,e)," ")))):null}exports.RequiredScopesRow=RequiredScopesRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequiredScopesRow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled");function RequiredScopesRow({scopes:e}){return e.length?(0,jsx_runtime_1.jsxs)(styled_1.Row,{children:[(0,jsx_runtime_1.jsx)("b",{children:"Required scopes: "}),e.map((e=>(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("code",{children:e})," "]},e)))]}):null}exports.RequiredScopesRow=RequiredScopesRow;
 //# sourceMappingURL=RequiredScopesRow.js.map

package/lib/components/SecurityRequirement/RequirementElement.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.RequirementElement=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("./constants"),common_1=require("../common");function RequirementElement({showSecuritySchemeType:e,security:t}){return react_1.default.createElement(SecurityRequirementOrWrap,null,t.schemes.map((t=>{const r=t.scopes.length>0;return react_1.default.createElement(SecurityRequirementAndWrap,{key:t.id},e?`${constants_1.AUTH_TYPES[t.type]||t.type}: `:null,react_1.default.createElement(common_1.Link,{to:t.id,security:!0,"aria-label":`link to ${t.id}`},react_1.default.createElement("b",null,t.id)),r?["(",t.scopes.map((e=>react_1.default.createElement(ScopeName,{key:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null)})))}exports.RequirementElement=RequirementElement;const SecurityRequirementAndWrap=styled_components_1.default.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequirementElement=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("./constants"),common_1=require("../common");function RequirementElement({showSecuritySchemeType:e,security:t}){return(0,jsx_runtime_1.jsx)(SecurityRequirementOrWrap,{children:t.schemes.map((t=>{const n=t.scopes.length>0;return(0,jsx_runtime_1.jsxs)(SecurityRequirementAndWrap,{children:[e?`${constants_1.AUTH_TYPES[t.type]||t.type}: `:null,(0,jsx_runtime_1.jsx)(common_1.Link,{to:t.id,security:!0,"aria-label":`link to ${t.id}`,children:(0,jsx_runtime_1.jsx)("b",{children:t.id})}),n?["(",t.scopes.map((e=>(0,jsx_runtime_1.jsx)(ScopeName,{children:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null]},t.id)}))})}exports.RequirementElement=RequirementElement;const SecurityRequirementAndWrap=styled_components_1.default.span`
   &:after {
     content: ' and ';
     font-weight: normal;

package/lib/components/SecurityRequirement/SecurityDefs.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.SecurityDefs=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),models_1=require("../../models"),styled_1=require("./styled");function SecurityDefs(){const{parser:e}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),t=(0,models_1.getSecuritySchemes)({parser:e});return react_1.default.createElement(react_1.default.Fragment,null,null==t?void 0:t.map((e=>react_1.default.createElement(common_1.Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(theme_1.H4,null,react_1.default.createElement(common_1.ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(theme_1.Markdown,null,react_1.default.createElement(styled_1.Container,{className:"security-details"},react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,"Security Scheme Type"),react_1.default.createElement(styled_1.Title,null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name"),react_1.default.createElement(styled_1.Title,null,e.apiKey.name)):e.http?[react_1.default.createElement(styled_1.Item,{key:"scheme"},react_1.default.createElement(styled_1.Label,null,"HTTP Authorization Scheme"),react_1.default.createElement(styled_1.Title,null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement(styled_1.Item,{key:"bearer"},react_1.default.createElement(styled_1.Label,null,"Bearer format"),react_1.default.createElement(styled_1.Title,null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,"Connect URL"),react_1.default.createElement(styled_1.Title,null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))):e.flows?Object.keys(e.flows).map((t=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}exports.SecurityDefs=SecurityDefs;const Description=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityDefs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),models_1=require("../../models"),styled_1=require("./styled");function SecurityDefs(){const{parser:e}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),t=(0,models_1.getSecuritySchemes)({parser:e});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:null==t?void 0:t.map((e=>(0,jsx_runtime_1.jsxs)(common_1.Section,{id:e.sectionId,sectionId:e.sectionId,children:[(0,jsx_runtime_1.jsxs)(theme_1.H4,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id]}),(0,jsx_runtime_1.jsx)(Description,{source:e.description||""}),(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:(0,jsx_runtime_1.jsxs)(styled_1.Container,{className:"security-details",children:[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[(0,jsx_runtime_1.jsx)(styled_1.Label,{children:"Security Scheme Type"}),(0,jsx_runtime_1.jsx)(styled_1.Title,{children:constants_1.AUTH_TYPES[e.type]||e.type})]}),e.apiKey?(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Label,{children:[(0,utils_1.titleize)(e.apiKey.in||"")," parameter name"]}),(0,jsx_runtime_1.jsx)(styled_1.Title,{children:e.apiKey.name})]}):e.http?[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[(0,jsx_runtime_1.jsx)(styled_1.Label,{children:"HTTP Authorization Scheme"}),(0,jsx_runtime_1.jsx)(styled_1.Title,{children:e.http.scheme})]},"scheme"),"bearer"===e.http.scheme&&e.http.bearerFormat&&(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[(0,jsx_runtime_1.jsx)(styled_1.Label,{children:"Bearer format"}),(0,jsx_runtime_1.jsxs)(styled_1.Title,{children:['"',e.http.bearerFormat,'"']})]},"bearer")]:e.openId?(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[(0,jsx_runtime_1.jsx)(styled_1.Label,{children:"Connect URL"}),(0,jsx_runtime_1.jsx)(styled_1.Title,{children:(0,jsx_runtime_1.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl,children:e.openId.connectUrl})})]}):e.flows?Object.keys(e.flows).map((t=>(0,jsx_runtime_1.jsx)(SecuritySchemes_1.OAuthFlow,{type:t,flow:e.flows[t]},t))):null]})})]},e.id)))})}exports.SecurityDefs=SecurityDefs;const Description=(0,styled_components_1.default)((e=>(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,Object.assign({},e))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

package/lib/components/SecurityRequirement/SecurityRequirement.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { SecurityRequirementsProps } from './types';
-export declare const SecurityRequirements: React.NamedExoticComponent<SecurityRequirementsProps>;
+export declare const SecurityRequirements: import("react").NamedExoticComponent<SecurityRequirementsProps>;

package/lib/components/SecurityRequirement/SecurityRequirement.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),styled_1=require("./styled"),constants_1=require("./constants"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../jotai/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,t){const r=[];let a=t.length;for(;a--;){const n=t[a];let l=n.schemes.length;for(;l--;){const t=n.schemes[l];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:a,hideSecuritySection:n},parser:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:l,securities:e});return!e.length||n?null:react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:"Security",onToggle:e=>r(e),description:!t&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:a}),expanded:t},t&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,l,c="";return e.length>1&&t.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",n=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},l,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:a}),c,n)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(theme_1.Markdown,{key:t.id},t.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(t.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,t.apiKey.name)),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,t.http.scheme)),react_1.default.createElement(styled_1.Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("code",null,t.http.bearerFormat))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Connect URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,flow:t.flows[e]},react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})))):null))})):null)}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=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.SecurityRequirements=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"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),styled_1=require("./styled"),constants_1=require("./constants"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../jotai/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,r){const t=[];let s=r.length;for(;s--;){const i=r[s];let n=i.schemes.length;for(;n--;){const r=i.schemes[n];r.id===e&&t.push(...r.scopes)}}return Array.from(new Set(t))}function SecurityRequirementsComponent({securities:e}){const[r,t]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:s,hideSecuritySection:i},parser:n}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),o=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:n,securities:e});return!e.length||i?null:(0,jsx_runtime_1.jsxs)(Panel_1.ContentPanel,{className:"panel-security-schemas",header:"Security",onToggle:e=>t(e),description:!r&&(0,jsx_runtime_1.jsx)(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:s}),expanded:r,children:[r&&o&&o.length>1?(0,jsx_runtime_1.jsx)(SecurityRequirementBlock,{children:e.map(((r,t)=>{let i,n,o="";return e.length>1&&r.schemes.length>1&&(n=0===t?"(":"",o=")"),t!==e.length-1&&(o+=" or",i=(0,jsx_runtime_1.jsx)("br",{})),(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[n,(0,jsx_runtime_1.jsx)(RequirementElement_1.RequirementElement,{security:r,showSecuritySchemeType:s}),o,i]},r.schemes.map((({id:e})=>e)).join(""))}))}):null,r?o.map((r=>{const t=getRequiredScopes(r.id,e);return(0,jsx_runtime_1.jsxs)(SecurityDetails,{children:[(0,jsx_runtime_1.jsxs)("h5",{children:[constants_1.AUTH_TYPES[r.type]||r.type,": ",r.id]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:r.description||""}),(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:r.apiKey?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Row,{children:[(0,jsx_runtime_1.jsxs)("b",{children:[(0,utils_1.titleize)(r.apiKey.in||"")," parameter name: "]}),(0,jsx_runtime_1.jsx)("code",{children:r.apiKey.name})]}),(0,jsx_runtime_1.jsx)(RequiredScopesRow_1.RequiredScopesRow,{scopes:t})]}):r.http?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Row,{children:[(0,jsx_runtime_1.jsx)("b",{children:"HTTP Authorization Scheme: "}),(0,jsx_runtime_1.jsx)("code",{children:r.http.scheme})]}),(0,jsx_runtime_1.jsx)(styled_1.Row,{children:"bearer"===r.http.scheme&&r.http.bearerFormat&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("b",{children:"Bearer format: "}),(0,jsx_runtime_1.jsx)("code",{children:r.http.bearerFormat})]})}),(0,jsx_runtime_1.jsx)(RequiredScopesRow_1.RequiredScopesRow,{scopes:t})]}):r.openId?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Row,{children:[(0,jsx_runtime_1.jsx)("b",{children:"Connect URL: "}),(0,jsx_runtime_1.jsx)("code",{children:(0,jsx_runtime_1.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:r.openId.connectUrl,children:r.openId.connectUrl})})]}),(0,jsx_runtime_1.jsx)(RequiredScopesRow_1.RequiredScopesRow,{scopes:t})]}):r.flows?Object.keys(r.flows).map((e=>(0,jsx_runtime_1.jsx)(SecuritySchemes_1.OAuthFlow,{type:e,flow:r.flows[e],children:(0,jsx_runtime_1.jsx)(RequiredScopesRow_1.RequiredScopesRow,{scopes:t})},e))):null},r.id)]},r.id)})):null]})}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=styled_components_1.default.div`
   border-bottom: 1px solid var(--border-color-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

package/lib/components/SecuritySchemes/OAuthFlow.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { OAuthFlowProps } from './types';
-export declare const OAuthFlow: React.NamedExoticComponent<React.PropsWithChildren<OAuthFlowProps>>;
+export declare const OAuthFlow: import("react").NamedExoticComponent<PropsWithChildren<OAuthFlowProps>>;

package/lib/components/SecuritySchemes/OAuthFlow.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,u)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const react_1=__importStar(require("react")),Markdown_1=require("../Markdown"),SeeMore_1=require("../SeeMore"),SecurityRequirement_1=require("../SecurityRequirement"),helpers_1=require("./helpers");function OAuthFlowComponent({type:e,flow:t,children:r}){const l=Object.keys((null==t?void 0:t.scopes)||{});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Flow type "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,e)," ")),(0,helpers_1.hasAuthorizationUrl)(e,t)?react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Authorization URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:null==t?void 0:t.authorizationUrl},null==t?void 0:t.authorizationUrl))):null,(0,helpers_1.hasTokenUrl)(e,t)?react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Token URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,null==t?void 0:t.tokenUrl))):null,(null==t?void 0:t.refreshUrl)&&react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Refresh URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,null==t?void 0:t.refreshUrl))),l.length?react_1.default.createElement(react_1.default.Fragment,null,r,react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Scopes")),react_1.default.createElement(SeeMore_1.SeeMore,{height:"5em"},react_1.default.createElement(SecurityRequirement_1.Container,null,l.map((e=>react_1.default.createElement(SecurityRequirement_1.Item,{key:e},react_1.default.createElement(SecurityRequirement_1.Label,null,react_1.default.createElement("code",null,e)),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement(Markdown_1.Markdown,{source:(null==t?void 0:t.scopes[e])||"",base:!0})))))))):null)}exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Markdown_1=require("../Markdown"),SeeMore_1=require("../SeeMore"),SecurityRequirement_1=require("../SecurityRequirement"),helpers_1=require("./helpers");function OAuthFlowComponent({type:e,flow:r,children:i}){const t=Object.keys((null==r?void 0:r.scopes)||{});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Item,{children:[(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:"Flow type "}),(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Title,{children:[(0,jsx_runtime_1.jsx)("code",{children:e})," "]})]}),(0,helpers_1.hasAuthorizationUrl)(e,r)?(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Item,{children:[(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:"Authorization URL "}),(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Title,{children:(0,jsx_runtime_1.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:null==r?void 0:r.authorizationUrl,children:null==r?void 0:r.authorizationUrl})})]}):null,(0,helpers_1.hasTokenUrl)(e,r)?(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Item,{children:[(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:"Token URL "}),(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Title,{children:(0,jsx_runtime_1.jsx)("code",{children:null==r?void 0:r.tokenUrl})})]}):null,(null==r?void 0:r.refreshUrl)&&(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Item,{children:[(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:"Refresh URL "}),(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Title,{children:(0,jsx_runtime_1.jsx)("code",{children:null==r?void 0:r.refreshUrl})})]}),t.length?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i,(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Item,{children:(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:"Scopes"})}),(0,jsx_runtime_1.jsx)(SeeMore_1.SeeMore,{height:"5em",children:(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Container,{children:t.map((e=>(0,jsx_runtime_1.jsxs)(SecurityRequirement_1.Item,{children:[(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Label,{children:(0,jsx_runtime_1.jsx)("code",{children:e})}),(0,jsx_runtime_1.jsx)(SecurityRequirement_1.Title,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:(null==r?void 0:r.scopes[e])||"",base:!0})})]},e)))})})]}):null]})}exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
 //# sourceMappingURL=OAuthFlow.js.map

package/lib/components/SeeMore/SeeMore.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SeeMore=void 0;const styled_components_1=__importDefault(require("styled-components")),react_1=__importStar(require("react")),TOLERANCE_PX=20;function SeeMore({children:e,height:t}){const r=(0,react_1.createRef)(),[n,o]=(0,react_1.useState)(!1),[a,i]=(0,react_1.useState)(!1);(0,react_1.useLayoutEffect)((()=>{r.current&&r.current.clientHeight+TOLERANCE_PX<r.current.scrollHeight&&i(!0)}),[r]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Container,{ref:r,className:n?"":"container",style:{height:n?"auto":t}},e),react_1.default.createElement(ButtonContainer,{dimmed:!n},a&&react_1.default.createElement(ButtonLinkStyled,{onClick:()=>{o(!n)}},n?"See less":"See more")))}exports.SeeMore=SeeMore;const Container=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.SeeMore=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_1=require("react"),TOLERANCE_PX=20;function SeeMore({children:e,height:t}){const r=(0,react_1.createRef)(),[n,o]=(0,react_1.useState)(!1),[i,s]=(0,react_1.useState)(!1);(0,react_1.useLayoutEffect)((()=>{r.current&&r.current.clientHeight+TOLERANCE_PX<r.current.scrollHeight&&s(!0)}),[r]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Container,{ref:r,className:n?"":"container",style:{height:n?"auto":t},children:e}),(0,jsx_runtime_1.jsx)(ButtonContainer,{dimmed:!n,children:i&&(0,jsx_runtime_1.jsx)(ButtonLinkStyled,{onClick:()=>{o(!n)},children:n?"See less":"See more"})})]})}exports.SeeMore=SeeMore;const Container=styled_components_1.default.div`
   overflow-y: hidden;
 `,ButtonContainer=styled_components_1.default.div`
   text-align: center;

package/lib/components/ServerList/ServerList.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.ServerList=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),PanelItem_1=require("../PanelItem"),ViewNested_1=require("../ViewNested"),common_1=require("../common"),ServerList=({servers:e,path:t,expandVariables:a,hideHostname:r})=>react_1.default.createElement(ItemsList,null,e.map((e=>{const l=a?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,i=(0,utils_1.getBasePath)(l),n=(r?"/"===i?"":i:l)+t,s=Object.keys(e.variables||{}).length,o=`${1===Number(s)?"":s} ${1!==s?"variables":"variable"}`;return react_1.default.createElement("div",{key:l},react_1.default.createElement(PanelItem_1.PanelItemDescription,null,e.description),react_1.default.createElement(TitleWrap,null,react_1.default.createElement(PanelItem_1.Title,{suppressHydrationWarning:!0},n),react_1.default.createElement(theme_1.CopyButton,{data:n,key:n})),e.variables&&react_1.default.createElement(ViewNested_1.ViewNested,{expandText:`Show ${o}`,hideText:`Hide ${o}`,propertyLength:Object.keys(e.variables).length,expandable:!0,isArray:!0,hideDivider:!0},react_1.default.createElement(ServerVariablesContainer,null,Object.entries(e.variables||{}).map((([e,t])=>react_1.default.createElement(ServerVariableContainer,{key:e},react_1.default.createElement(ServerVariableName,null,e),react_1.default.createElement(Variable,null,"Default ",react_1.default.createElement(StyledTag,null,t.default)),react_1.default.createElement(Variable,null,t.description),t.enum&&react_1.default.createElement(Variable,null,"Enum",react_1.default.createElement(TagWrapper,null,t.enum.map((e=>react_1.default.createElement(StyledTag,{key:e},e)))))))))))})));exports.ServerList=ServerList;const ItemsList=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.ServerList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),PanelItem_1=require("../PanelItem"),ViewNested_1=require("../ViewNested"),common_1=require("../common"),ServerList=({servers:e,path:r,expandVariables:t,hideHostname:i})=>(0,jsx_runtime_1.jsx)(ItemsList,{children:e.map((e=>{const s=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,a=(0,utils_1.getBasePath)(s),n=(i?"/"===a?"":a:s)+r,l=Object.keys(e.variables||{}).length,o=`${1===Number(l)?"":l} ${1!==l?"variables":"variable"}`;return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.description}),(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.Title,{suppressHydrationWarning:!0,children:n}),(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:n},n)]}),e.variables&&(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandText:`Show ${o}`,hideText:`Hide ${o}`,propertyLength:Object.keys(e.variables).length,expandable:!0,isArray:!0,hideDivider:!0,children:(0,jsx_runtime_1.jsx)(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,r])=>(0,jsx_runtime_1.jsxs)(ServerVariableContainer,{children:[(0,jsx_runtime_1.jsx)(ServerVariableName,{children:e}),(0,jsx_runtime_1.jsxs)(Variable,{children:["Default ",(0,jsx_runtime_1.jsx)(StyledTag,{children:r.default})]}),(0,jsx_runtime_1.jsx)(Variable,{children:r.description}),r.enum&&(0,jsx_runtime_1.jsxs)(Variable,{children:["Enum",(0,jsx_runtime_1.jsx)(TagWrapper,{children:r.enum.map((e=>(0,jsx_runtime_1.jsx)(StyledTag,{children:e},e)))})]})]},e)))})})]},s)}))});exports.ServerList=ServerList;const ItemsList=styled_components_1.default.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerListDropdown=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),shared_1=require("../shared"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),ServerListDropdown=({operation:e,className:t})=>{const r=(0,react_1.useMemo)((()=>e.servers.filter((({description:e,url:t})=>e&&t)).map((({description:e,url:t})=>react_1.default.createElement(styled_1.ServerItemWrap,{key:t},react_1.default.createElement(PanelItem_1.PanelItem,{header:e,title:t,actions:[react_1.default.createElement(theme_1.CopyButton,{data:t,key:t})]}))))),[e.servers]);return react_1.default.createElement(theme_1.Dropdown,{items:r,withArrow:!0,className:t},react_1.default.createElement(styled_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(styled_1.Path,null,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"),shared_1=require("../shared"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),ServerListDropdown=({operation:e,className:r})=>{const t=(0,react_1.useMemo)((()=>e.servers.filter((({description:e,url:r})=>e&&r)).map((({description:e,url:r})=>(0,jsx_runtime_1.jsx)(styled_1.ServerItemWrap,{children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:e,title:r,actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:r},r)]})},r)))),[e.servers]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:t,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/ServerListDropdown/styled.js

@@ -4,13 +4,10 @@
   overflow-x: hidden;
 `,exports.Path=styled_components_1.default.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--text-color-secondary);
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
   display: inline-block;
-  word-break: break-all;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
 `,exports.ServerItemWrap=styled_components_1.default.div`

package/lib/components/SideMenu/Actions.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const Actions: () => React.JSX.Element;
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

package/lib/components/SideMenu/Actions.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.Actions=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),Actions=()=>{const{showChangeLayoutButton:e}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[t,a]=(0,jotai_1.useAtom)(app_1.layoutAtom),[o,r]=(0,jotai_1.useAtom)(app_1.collapsedSidebarAtom);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(theme_1.SidebarActions,{showChangeLayoutButton:e,layout:t,onChangeViewClick:()=>a(t===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:o,onChangeCollapseSidebarClick:()=>r(!o),isOpenapiDocs:!0})))};exports.Actions=Actions;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.Actions=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),Actions=()=>{const{showChangeLayoutButton:e}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[t,o]=(0,jotai_1.useAtom)(app_1.layoutAtom),[a,i]=(0,jotai_1.useAtom)(app_1.collapsedSidebarAtom);return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(Wrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.SidebarActions,{showChangeLayoutButton:e,layout:t,onChangeViewClick:()=>o(t===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:a,onChangeCollapseSidebarClick:()=>i(!a),isOpenapiDocs:!0})})})};exports.Actions=Actions;const Wrapper=styled_components_1.default.div`
   position: sticky;
   top: calc(100vh);
   padding: var(--spacing-sm) var(--spacing-md);

package/lib/components/SideMenu/MenuItem.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { ExtendedMenuItem } from './types';
 interface MenuItemProps {
     active?: boolean;
     item: ExtendedMenuItem;
     onClick?: () => void;
 }
-export declare const MenuItem: React.NamedExoticComponent<React.PropsWithChildren<MenuItemProps>>;
+export declare const MenuItem: import("react").NamedExoticComponent<PropsWithChildren<MenuItemProps>>;
 export {};

package/lib/components/SideMenu/MenuItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n}){var r;const[i,a]=(0,hooks_1.useMenuItemExpanded)(e),u=(0,utils_1.encodeBackSlashes)(e.href),o=(0,react_1.useCallback)((()=>{u&&e.hasActiveSubItem||a(!i)}),[u,e.hasActiveSubItem,a,i]),l=(null===(r=e.items)||void 0===r?void 0:r.length)>0;return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:u,active:e.active},t):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:u,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:o},e.depth>0&&l&&(i?react_1.default.createElement(theme_1.ChevronDownIcon,null):react_1.default.createElement(theme_1.ChevronRightIcon,null))||null,e.isSchema?react_1.default.createElement(theme_1.Tag,{color:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,t)),l&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:i,items:e.items}))}exports.MenuItem=(0,react_1.memo)(MenuItemComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n}){var i;const[r,s]=(0,hooks_1.useMenuItemExpanded)(e),u=(0,utils_1.encodeBackSlashes)(e.href),m=(0,react_1.useCallback)((()=>{u&&e.hasActiveSubItem||s(!r)}),[u,e.hasActiveSubItem,s,r]),o=(null===(i=e.items)||void 0===i?void 0:i.length)>0;return(0,jsx_runtime_1.jsxs)(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n,children:["operation"===e.type?(0,jsx_runtime_1.jsx)(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:u,active:e.active,children:t}):(0,jsx_runtime_1.jsxs)(MenuItemLink_1.MenuItemLink,{to:u,depth:e.depth,type:e.type,hasChildren:o,active:e.active,onClick:m,children:[e.depth>0&&o&&(r?(0,jsx_runtime_1.jsx)(theme_1.ChevronDownIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.ChevronRightIcon,{}))||null,e.isSchema?(0,jsx_runtime_1.jsx)(theme_1.Tag,{color:"schema",children:"schema"}):null,(0,jsx_runtime_1.jsxs)(styled_1.MenuItemTitle,{title:e.name,children:[e.name,t]})]}),o&&(0,jsx_runtime_1.jsx)(MenuItems_1.MenuItems,{expanded:r,items:e.items})]})}exports.MenuItem=(0,react_1.memo)(MenuItemComponent);
 //# sourceMappingURL=MenuItem.js.map

package/lib/components/SideMenu/MenuItemEternalLink.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { ExternalLink } from '../../services';
-export declare const MenuExternalLink: React.NamedExoticComponent<React.PropsWithChildren<{
+export declare const MenuExternalLink: import("react").NamedExoticComponent<PropsWithChildren<{
     link: ExternalLink;
 }>>;

package/lib/components/SideMenu/MenuItemEternalLink.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuExternalLink=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=styled_1.StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return react_1.default.createElement(react_1.default.Fragment,null,isSeparator(e)?e.separator?react_1.default.createElement(styled_1.MenuItemLabel,{depth:0,active:!1},e.separator):null:react_1.default.createElement(styled_1.MenuItemLi,{depth:1},react_1.default.createElement(MenuItemExternalLink,{href:e.link,target:e.target,depth:1},react_1.default.createElement(styled_1.MenuItemTitle,{title:e.label},e.label))))}exports.MenuExternalLink=(0,react_1.memo)(MenuExternalLinkComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuExternalLink=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled");function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=styled_1.StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:isSeparator(e)?e.separator?(0,jsx_runtime_1.jsx)(styled_1.MenuItemLabel,{depth:0,active:!1,children:e.separator}):null:(0,jsx_runtime_1.jsx)(styled_1.MenuItemLi,{depth:1,children:(0,jsx_runtime_1.jsx)(MenuItemExternalLink,{href:e.link,target:e.target,depth:1,children:(0,jsx_runtime_1.jsx)(styled_1.MenuItemTitle,{title:e.label,children:e.label})})})})}exports.MenuExternalLink=(0,react_1.memo)(MenuExternalLinkComponent);
 //# sourceMappingURL=MenuItemEternalLink.js.map