@redocly/openapi-docs 3.0.0-alpha.14.beta.2 → 3.0.0-alpha.15

package/lib/components/Search/MenuItemSearch.d.ts

@@ -0,0 +1,2 @@
+import type { MenuItemSearchProps } from './types';
+export declare const MenuItemSearch: ({ result, term, active, onClick, }: MenuItemSearchProps) => JSX.Element;

package/lib/components/Search/MenuItemSearch.js

@@ -0,0 +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.MenuItemSearch=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),react_router_dom_1=require("react-router-dom"),SideMenu_1=require("../SideMenu"),services_1=require("../../services"),utils_1=require("./utils"),styled_1=require("./styled"),store_1=require("../../recoil/store");function markString(e,t){const r=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),a=e.split(r);for(let e=1,t=a.length;e<t;e+=2)a[e]=react_1.default.createElement(styled_1.MarkedSpan,{key:e},a[e]);return a}const MenuItemSearch=({result:e,term:t,active:r,onClick:a})=>{const{searchMode:l,sideNavStyle:i,pagination:u}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),c=(0,react_router_dom_1.useLocation)(),n="path-only"===l,o=i===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(SideMenu_1.MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:r,"data-role":"search:result",location:c,pagination:u,onClick:a},(o||n)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SideMenu_1.MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?react_1.default.createElement(styled_1.ResultMeta,null,e.count," matching ",(0,utils_1.formatPlaces)(e.places)):1===e.count?react_1.default.createElement(styled_1.ResultMeta,null,"in ",react_1.default.createElement(styled_1.Place,null,e.places[0].place)," ",(0,utils_1.formatPath)(t,e.places[0].paths[0])):null)};exports.MenuItemSearch=MenuItemSearch;
+//# sourceMappingURL=MenuItemSearch.js.map

package/lib/components/Search/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SearchProps } from './types';
+export declare const Search: React.NamedExoticComponent<SearchProps>;

package/lib/components/Search/Search.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var c=Object.getOwnPropertyDescriptor(r,t);c&&!("get"in c?!r.__esModule:c.writable||c.configurable)||(c={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,c)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Search=void 0;const react_1=__importStar(require("react")),SearchField_1=require("./SearchField"),SearchBox_1=require("./SearchBox"),useSearch_1=require("../../services/search/useSearch"),services_1=require("../../services"),marker=new services_1.MarkerService;function SearchComponent({contentItems:e,flatItems:r,options:t}){const[a,c]=(0,react_1.useState)(!1),[o,n]=(0,react_1.useState)(""),{search:i}=(0,useSearch_1.useSearch)({contentItems:e,options:t});return t.disableSearch?null:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SearchField_1.SearchField,{showPopUp:()=>c(!0),searchValue:o,marker:marker,setSearchValue:n}),react_1.default.createElement(SearchBox_1.SearchBox,{search:i,marker:marker,flatItems:r,options:t,shown:a,hidePopUp:()=>c(!1),showPopUp:()=>c(!0),setSearchValue:n,searchValue:o}))}exports.Search=(0,react_1.memo)(SearchComponent);
+//# sourceMappingURL=Search.js.map

package/lib/components/Search/SearchBox.d.ts

@@ -1,8 +1,2 @@
-import type { ProSearchBoxProps, SearchResultExtended } from './types';
-export interface SearchBoxState {
-    results: SearchResultExtended[] | null;
-    term: string;
-    activeItemIdx: number;
-    loading: boolean;
-}
-export declare const ProSearchBox: ({ search, shown, searchValue, setSearchValue, marker, menu, options, hidePopUp, showPopUp, onActivate, }: ProSearchBoxProps) => JSX.Element | null;
+import type { SearchBoxProps } from './types';
+export declare const SearchBox: ({ search, shown, searchValue, setSearchValue, marker, flatItems, options, hidePopUp, showPopUp, }: SearchBoxProps) => JSX.Element | null;

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.ProSearchBox=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"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./styled"),utils_2=require("./utils"),ProSearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:l,menu:u,options:n,hidePopUp:o,showPopUp:c,onActivate:s})=>{const i=(0,react_1.useRef)(null),_=(0,react_1.useRef)(null),[d,h]=(0,react_1.useState)(null),[m,f]=(0,react_1.useState)(-1),[p,y]=(0,react_1.useState)(!1),[S,k]=(0,react_1.useState)(""),P=(0,hooks_1.usePrevious)(e),g=(0,hooks_1.usePrevious)(t),v=(0,react_1.useCallback)((e=>{i.current&&(clearTimeout(i.current),i.current=null),h(null),k(e),y(!1),l.unmark()}),[l]);(0,react_1.useEffect)((()=>{(P!==e||!g&&t&&!r&&S)&&v("")}),[v,P,g,e,r,t,S]);const b=()=>{h(null),k(""),f(-1),a(""),l.unmark()},C=(0,utils_1.debounce)(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),x=e=>{let t=!1;return C(e,(r=>{e.length<3&&v(e),t||(e=>{i.current&&(clearTimeout(i.current),i.current=null),h((0,utils_2.enhanceResults)(e,u.getItemById)),y(!1)})(r)})),()=>{t=!0}},E=e=>{if(o(),s(e.item),n.searchAutoExpand)try{(0,utils_2.expandResults)(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return(0,theme_1.useMount)((()=>{n.ctrlFHijack&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),n.disableSearch||c(),!1)))})),(0,theme_1.useUnmount)((()=>{hotkeys_js_1.default.unbind("cmd+f,ctrl+f")})),t?react_1.default.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(b(),o())}},react_1.default.createElement(styled_1.SearchPopUpWrap,null,react_1.default.createElement(styled_1.SearchPopUpHeader,null,react_1.default.createElement(styled_1.SearchInput,{ref:_,value:S,onKeyDown:e=>{if(27===e.keyCode&&_.current&&(_.current.blur(),o()),d&&(27===e.keyCode&&b(),40===e.keyCode&&(f(Math.min(m+1,d.length-1)),e.preventDefault()),38===e.keyCode&&(f(Math.max(0,m-1)),e.preventDefault()),13===e.keyCode)){const e=d[m];e&&E(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<n.minCharacterLengthToInitSearch)return v(t),void a("");(e=>{k(e),a(e),i.current&&(clearTimeout(i.current),i.current=null),i.current=setTimeout((()=>{y(!0)}),500),l.mark(e)})(t),x(t)},autoFocus:!0}),react_1.default.createElement(styled_1.SearchIcon,null),S&&react_1.default.createElement(styled_1.ButtonClear,{onClick:b},"Clear"),react_1.default.createElement(styled_1.ButtonClose,{onClick:()=>{b(),o()}},react_1.default.createElement(styled_1.CrossIcon,null))),react_1.default.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},p&&react_1.default.createElement(styled_1.TextContainer,null,"Loading..."),!p&&!(null==d?void 0:d.length)&&react_1.default.createElement(styled_1.TextContainer,null,"No results found"),(null==d?void 0:d.length)?react_1.default.createElement(common_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},react_1.default.createElement(styled_1.SearchResultsItems,null,d.slice(0,50).map(((e,t)=>react_1.default.createElement(MenuItemProSearch_1.MenuItemPro,{key:e.index+e.item.id,result:e,active:t===m,onActivate:E,term:S,history:u.history}))))):null))):null};exports.ProSearchBox=ProSearchBox;
+"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(common_1.Portal,null,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}),react_1.default.createElement(styled_1.SearchIcon,null),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.CrossIcon,null))),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;
 //# sourceMappingURL=SearchBox.js.map

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

@@ -1,2 +1,3 @@
 export * from './SearchField';
 export * from './SearchBox';
+export * from './Search';

package/lib/components/Search/index.js

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

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

@@ -1,11 +1,10 @@
-import type { SearchResultMeta, IMenuItem, HistoryService, SearchStore, MarkerService, Options } from '../../services';
-import type { ProMenu } from 'src/services/ProMenu';
-export interface MenuItemProProps {
+import type { SearchResultMeta, IMenuItem, SearchStore, MarkerService, Options, ExtendedMenuItem } from '../../services';
+import type { ContentItemModel } from '../../models';
+export interface MenuItemSearchProps {
     result: SearchResultExtended;
     active: boolean;
-    onActivate: (res: SearchResultExtended) => void;
+    onClick: () => void;
     term: string;
-    history: HistoryService;
 }
 export type SearchResultExtended = {
     index: number;
@@ -24,11 +23,10 @@ export type SearchResult<T = GenericObject | undefined> = {
     score: number;
     meta: T;
 };
-export interface ProSearchBoxProps {
+export interface SearchBoxProps {
     search: SearchStore<SearchResultMeta>;
-    menu: ProMenu;
+    flatItems: SearchProps['flatItems'];
     marker: MarkerService;
-    onActivate: (item: IMenuItem) => void;
     className?: string;
     options: Options;
     shown: boolean;
@@ -37,3 +35,8 @@ export interface ProSearchBoxProps {
     setSearchValue: (value: string) => void;
     searchValue: string;
 }
+export interface SearchProps {
+    contentItems: ContentItemModel[];
+    flatItems: (ExtendedMenuItem & IMenuItem)[];
+    options: Options;
+}

package/lib/components/Search/utils.js

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

package/lib/components/SectionContent/SectionContent.d.ts

@@ -0,0 +1,15 @@
+import type { ContentItemModel } from 'src/models';
+import type { Options } from '../../services';
+import { Pagination } from '../../services';
+interface SectionContentProps {
+    items: ContentItemModel[];
+    pagination: Pagination;
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    showApiInfo: boolean;
+    showNextButton: Options['showNextButton'];
+}
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, showApiInfo, }: SectionContentProps): JSX.Element;
+export {};

package/lib/components/SectionContent/SectionContent.js

@@ -0,0 +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.SectionContent=void 0;const react_1=__importStar(require("react")),ApiInfo_1=require("../ApiInfo"),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),services_1=require("../../services");function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:r,showApiInfo:i}){const o=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:e.filter((e=>"section"===e.type))),[e,t]);return react_1.default.createElement(react_1.default.Fragment,null,i&&react_1.default.createElement(ApiInfo_1.ApiInfo,null),o.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:t,showNextButton:r}))),r&&n&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:n.href||"",label:n.name,pagination:t}))}exports.SectionContent=SectionContent;
+//# sourceMappingURL=SectionContent.js.map

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

@@ -0,0 +1 @@
+export { SectionContent } from './SectionContent';

package/lib/components/SectionContent/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;var SectionContent_1=require("./SectionContent");Object.defineProperty(exports,"SectionContent",{enumerable:!0,get:function(){return SectionContent_1.SectionContent}});
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { GroupModel } from '../../models';
-interface SectionItemProps {
+export interface SectionItemProps {
     item: GroupModel;
 }
-export declare const SectionItem: React.FC<SectionItemProps>;
-export {};
+export declare const SectionItem: 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")),mobx_react_1=require("mobx-react"),common_1=require("../common"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation");function SectionItemComponent({item:e}){const{name:t,description:r,externalDocs:n,level:a,id:o}=e,c=(0,react_1.useMemo)((()=>{switch(a){case 1:default:return common_1.H1;case 2:return common_1.H2;case 3:return common_1.H3;case 4:return common_1.H4;case 5:return common_1.H5;case 6:return common_1.H6}}),[a]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!1},react_1.default.createElement(c,null,react_1.default.createElement(common_1.ShareLink,{to:o}),t))),react_1.default.createElement(Markdown_1.AdvancedMarkdown,{source:r||"",htmlWrap:e=>react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!0},e)}),n&&react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:n}))))}exports.SectionItem=(0,mobx_react_1.observer)(SectionItemComponent);
+"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,null,e)}),t&&react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t}))))}exports.SectionItem=(0,react_1.memo)(SectionItemComponent);
 //# sourceMappingURL=SectionItem.js.map

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

@@ -1,7 +1,2 @@
-import type { SecurityRequirementModel } from '../../models';
-interface SecurityRequirementPanelDescriptionProps {
-    securities: SecurityRequirementModel[];
-    showSecuritySchemeType?: boolean;
-}
+import type { SecurityRequirementPanelDescriptionProps } from './types';
 export declare function PanelDescription({ securities, showSecuritySchemeType, }: SecurityRequirementPanelDescriptionProps): JSX.Element;
-export {};

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

@@ -1,7 +1,2 @@
-import type { SecurityRequirementModel } from '../../models';
-interface ElementProps {
-    security: SecurityRequirementModel;
-    showSecuritySchemeType?: boolean;
-}
-export declare function RequirementElement(props: ElementProps): JSX.Element;
-export {};
+import type { RequirementElementProps } from './types';
+export declare function RequirementElement({ showSecuritySchemeType, security, }: RequirementElementProps): JSX.Element;

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")),Markdown_1=require("../Markdown"),constants_1=require("./constants"),common_1=require("../common");function RequirementElement(e){const{showSecuritySchemeType:t,security:n}=e;return react_1.default.createElement(SecurityRequirementOrWrap,null,n.schemes.map((e=>{const n=e.scopes.length>0;return react_1.default.createElement(SecurityRequirementAndWrap,{key:e.id},t?`${constants_1.AUTH_TYPES[e.type]||e.type}: `:null,react_1.default.createElement(common_1.Link,{to:e.id,security:!0},react_1.default.createElement("b",null,e.id)),n?["(",e.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 react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),constants_1=require("./constants"),common_1=require("../common"),styled_1=require("../Markdown/styled");function RequirementElement({showSecuritySchemeType:e,security:t}){return react_1.default.createElement(SecurityRequirementOrWrap,null,t.schemes.map((t=>{const n=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},react_1.default.createElement("b",null,t.id)),n?["(",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`
   &:after {
     content: ' and ';
     font-weight: normal;
@@ -8,9 +8,9 @@
     content: none;
   }
 
-  ${Markdown_1.linksCss};
+  ${styled_1.linksCss};
 `,SecurityRequirementOrWrap=styled_components_1.default.span`
-  ${Markdown_1.linksCss};
+  ${styled_1.linksCss};
 `,ScopeName=styled_components_1.default.code`
   border: 1px solid var(--border-color);
   margin: 0 3px;

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

@@ -1,7 +1 @@
-import React from 'react';
-import type { SecuritySchemesModel } from '../../models';
-interface SecurityDefsProps {
-    securitySchemes: SecuritySchemesModel;
-}
-export declare const SecurityDefs: React.NamedExoticComponent<SecurityDefsProps>;
-export {};
+export declare function SecurityDefs(): JSX.Element;

package/lib/components/SecurityRequirement/SecurityDefs.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.SecurityDefs=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils");function SecurityDefsComponent({securitySchemes:e}){return react_1.default.createElement(react_1.default.Fragment,null,e.schemes.map((e=>react_1.default.createElement(common_1.Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(common_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:e.sectionId}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,react_1.default.createElement("div",{className:"security-details"},react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Security Scheme Type: "),react_1.default.createElement("span",null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement("div",null,react_1.default.createElement("b",null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("span",null,e.apiKey.name)):e.http?[react_1.default.createElement("div",{key:"scheme"},react_1.default.createElement("b",null,"HTTP Authorization Scheme "),react_1.default.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement("div",{key:"bearer"},react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Connect URL:"),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=(0,react_1.memo)(SecurityDefsComponent);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 react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),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("../../recoil/store"),models_1=require("../../models"),services_1=require("../../services");function SecurityDefs(){const{parser:e,options:t}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),r=(0,models_1.getSecuritySchemes)({parser:e}),a=t.pagination===services_1.Pagination.Item?"section/":"";return react_1.default.createElement(react_1.default.Fragment,null,null==r?void 0:r.map((e=>react_1.default.createElement(common_1.Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:`#${a}${e.sectionId}`}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,react_1.default.createElement("div",{className:"security-details"},react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Security Scheme Type: "),react_1.default.createElement("span",null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement("div",null,react_1.default.createElement("b",null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("span",null,e.apiKey.name)):e.http?[react_1.default.createElement("div",{key:"scheme"},react_1.default.createElement("b",null,"HTTP Authorization Scheme "),react_1.default.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement("div",{key:"bearer"},react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Connect URL:"),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))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

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

@@ -1,6 +1,3 @@
-import type { SecurityRequirementModel } from '../../models';
-interface SecurityRequirementsProps {
-    securities: SecurityRequirementModel[];
-}
-export declare function SecurityRequirements({ securities, }: SecurityRequirementsProps): JSX.Element | null;
-export {};
+import React from 'react';
+import type { SecurityRequirementsProps } from './types';
+export declare const SecurityRequirements: 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,n){void 0===n&&(n=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,n,l)}: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.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),icons_1=require("../icons"),styled_1=require("./styled"),constants_1=require("./constants"),services_1=require("../../services"),utils_1=require("../../utils"),context_1=require("../../context"),Panel_1=require("../Panel");function getRequiredScopes(e,t){const r=[];let n=t.length;for(;n--;){const l=t[n];let a=l.schemes.length;for(;a--;){const t=l.schemes[a];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirements({securities:e}){const t=(0,context_1.useStore)(),r=null==t?void 0:t.options.showSecuritySchemeType,[n,l]=(0,react_1.useState)(!1);if(!e.length||(null==t?void 0:t.options.hideSecuritySection))return null;const a=null==t?void 0:t.definition.securitySchemes.schemes,c=null==a?void 0:a.filter((({id:t})=>e.find((e=>e.schemes.find((e=>e.id===t))))));return react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:(0,services_1.l)("authorizations"),onToggle:e=>l(e),description:!n&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:r}),expanded:n},n&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,n)=>{let l,a,c="";return e.length>1&&t.schemes.length>1&&(a=0===n?"(":"",c=")"),n!==e.length-1&&(c+=" or",l=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},a,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:r}),c,l)}))):null,n&&c?c.map((t=>{const r=getRequiredScopes(t.id,e),n=react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r});return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,react_1.default.createElement(icons_1.LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,{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)),n):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))),n):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))),n):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,RequiredScopes:n,flow:t.flows[e]}))):null))})):null)}exports.SecurityRequirements=SecurityRequirements;const SecurityDetails=styled_components_1.default.div`
+"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")),recoil_1=require("recoil"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),icons_1=require("../icons"),styled_1=require("./styled"),constants_1=require("./constants"),services_1=require("../../services"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../recoil/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,recoil_1.useRecoilValue)(store_1.globalStoreSelector),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:(0,services_1.l)("authorizations"),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,react_1.default.createElement(icons_1.LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,{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`
   border-bottom: 1px solid var(--border-color);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

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

@@ -1,6 +1,6 @@
-export declare const AUTH_TYPES: {
-    oauth2: string;
-    apiKey: string;
-    http: string;
-    openIdConnect: string;
-};
+export declare enum AUTH_TYPES {
+    oauth2 = "OAuth2",
+    apiKey = "API Key",
+    http = "HTTP",
+    openIdConnect = "OpenID Connect"
+}

package/lib/components/SecurityRequirement/constants.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AUTH_TYPES=void 0,exports.AUTH_TYPES={oauth2:"OAuth2",apiKey:"API Key",http:"HTTP",openIdConnect:"OpenID Connect"};
+"use strict";var AUTH_TYPES;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AUTH_TYPES=void 0,function(e){e.oauth2="OAuth2",e.apiKey="API Key",e.http="HTTP",e.openIdConnect="OpenID Connect"}(AUTH_TYPES=exports.AUTH_TYPES||(exports.AUTH_TYPES={}));
 //# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,19 @@
+import type { OpenAPIParser } from '../../services';
+import type { SecurityRequirement, SecurityScheme } from '../../models';
+export interface SecurityRequirementsProps {
+    securities: SecurityRequirement[];
+}
+export interface SecurityDefsProps {
+    securitySchemes: SecurityScheme[];
+}
+export interface RequirementElementProps {
+    security: SecurityRequirement;
+    showSecuritySchemeType?: boolean;
+}
+export interface SecurityRequirementPanelDescriptionProps extends SecurityRequirementsProps {
+    showSecuritySchemeType?: boolean;
+}
+export type UseSecurityRequirementsInput = {
+    parser: Partial<OpenAPIParser>;
+    securities: SecurityRequirement[];
+};

package/lib/components/SecurityRequirement/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,3 @@
+import type { SecurityScheme } from '../../models';
+import type { UseSecurityRequirementsInput } from './types';
+export declare const useSecurityRequirements: ({ parser, securities, }: UseSecurityRequirementsInput) => Array<SecurityScheme>;

package/lib/components/SecurityRequirement/useSecurityRequirements.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSecurityRequirements=void 0;const models_1=require("../../models"),useSecurityRequirements=({parser:e,securities:r})=>{if(!e)return[];const s=(0,models_1.getSecuritySchemes)({parser:e});return null==s?void 0:s.filter((({id:e})=>r.find((r=>r.schemes.find((r=>r.id===e))))))};exports.useSecurityRequirements=useSecurityRequirements;
+//# sourceMappingURL=useSecurityRequirements.js.map

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

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

package/lib/components/SecuritySchemes/OAuthFlow.js

@@ -0,0 +1,2 @@
+"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};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.Row,null,react_1.default.createElement("b",null,"Flow type: "),react_1.default.createElement("code",null,e)," "),(0,helpers_1.hasAuthorizationUrl)(e,t)?react_1.default.createElement(SecurityRequirement_1.Row,null,react_1.default.createElement("b",null,"Authorization URL: "),react_1.default.createElement("code",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.Row,null,react_1.default.createElement("b",null,"Token URL: "),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.Row,null,react_1.default.createElement("b",null,"Refresh URL: "),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.Row,null,react_1.default.createElement("b",null,"Scopes:")),react_1.default.createElement(SeeMore_1.SeeMore,{height:"4em"},react_1.default.createElement("ul",null,l.map((e=>react_1.default.createElement("li",{key:e},react_1.default.createElement("code",null,e)," - ",react_1.default.createElement(Markdown_1.Markdown,{source:(null==t?void 0:t.scopes[e])||""}))))))):null)}exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map

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

@@ -18,12 +18,12 @@ export declare const hasTokenUrl: (type: string, flow: OAuthFlowProps['flow']) =
     scopes: Record<string, string>;
     tokenUrl: string;
     'x-defaultClientId'?: string | undefined;
-    'x-tokenEndpointAuthMethod'?: string | undefined;
 } | {
     refreshUrl?: string | undefined;
     scopes: Record<string, string>;
     tokenUrl: string;
     'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
 } | {
     refreshUrl?: string | undefined;
     scopes: Record<string, string>;

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

@@ -1,2 +1,2 @@
 export type { OAuthFlowProps } from './types';
-export { OAuthFlow } from './SecuritySchemes';
+export { OAuthFlow } from './OAuthFlow';

package/lib/components/SecuritySchemes/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;var SecuritySchemes_1=require("./SecuritySchemes");Object.defineProperty(exports,"OAuthFlow",{enumerable:!0,get:function(){return SecuritySchemes_1.OAuthFlow}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;var OAuthFlow_1=require("./OAuthFlow");Object.defineProperty(exports,"OAuthFlow",{enumerable:!0,get:function(){return OAuthFlow_1.OAuthFlow}});
 //# sourceMappingURL=index.js.map

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

@@ -2,5 +2,4 @@ import type { OpenAPISecurityScheme } from '../../types';
 export interface OAuthFlowProps {
     type: string;
     flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-    RequiredScopes?: JSX.Element;
 }

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

@@ -1,10 +1,12 @@
 import React from 'react';
-import type { PropsWithChildren, MouseEvent } from 'react';
-import type { IMenuItem } from '../../services';
+import type { Location } from 'react-router-dom';
+import type { IMenuItem, Pagination } from '../../services';
 interface MenuItemProps {
     item: IMenuItem;
-    onActivate?: (item: IMenuItem, event: MouseEvent<HTMLElement>) => void;
-    withoutChildren?: boolean;
+    location: Location;
+    active?: boolean;
+    pagination: Pagination;
+    onClick?: () => void;
 }
-export declare const MenuItem: React.FC<PropsWithChildren<MenuItemProps>>;
+export declare const MenuItem: React.NamedExoticComponent<React.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 a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}: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 mobx_react_1=require("mobx-react"),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLinkOrLabel_1=require("./MenuItemLinkOrLabel"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),icons_1=require("../icons"),common_1=require("../common");function MenuItemComponent(e){const{item:t,withoutChildren:n,onActivate:r}=e,a=(0,react_1.useRef)(null),[i,c]=(0,react_1.useState)(!1),[u,o]=(0,react_1.useState)("group"===t.type&&t.expanded);(0,react_1.useEffect)((()=>{c(t.active)}),[t.active]),(0,react_1.useEffect)((()=>{o(t.expanded)}),[t.expanded]);const l=(0,react_1.useCallback)((e=>{(0,common_1.userIsForcingNavigation)(e)||(null==r||r(t,e),e.stopPropagation())}),[r,t]);return(0,react_1.useEffect)((()=>{e.item.active&&a.current&&a.current.scrollIntoViewIfNeeded()}),[e.item,e.item.active,a]),react_1.default.createElement(styled_1.MenuItemLi,{onClick:l,depth:t.depth,"data-item-id":t.id},"operation"===t.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,Object.assign({},e,{item:t,ref:a})):react_1.default.createElement(MenuItemLinkOrLabel_1.MenuItemLinkOrLabel,{depth:t.depth,active:i,type:t.type,ref:a,href:t.href,hasChildren:t.items&&t.items.length>0},t.depth>0&&t.items.length>0&&react_1.default.createElement(icons_1.ShelfIcon,{direction:u?"down":"right"})||null,t.isSchema?react_1.default.createElement(theme_1.Badge,{type:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:t.name},t.name,e.children)),!n&&t.items&&t.items.length>0&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:u,items:t.items,onActivate:r}))}exports.MenuItem=(0,mobx_react_1.observer)(MenuItemComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=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"),icons_1=require("../icons"),useMenuItemLink_1=require("./useMenuItemLink");function MenuItemComponent({item:e,location:t,children:n,pagination:i,active:r,onClick:a}){var u;const o=(null===(u=e.items)||void 0===u?void 0:u.length)>0,{link:c,isActive:l,isExpanded:m}=(0,useMenuItemLink_1.useMenuItemLink)({item:e,pagination:i,active:r,location:t});return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:a},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:c,active:l},n):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:c,depth:e.depth,type:e.type,hasChildren:o,active:l},e.depth>0&&o&&react_1.default.createElement(icons_1.ShelfIcon,{direction:m?"down":"right"})||null,e.isSchema?react_1.default.createElement(theme_1.Badge,{type:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,n)),o&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:m,items:e.items,pagination:i}))}exports.MenuItem=(0,react_1.memo)(MenuItemComponent);
 //# sourceMappingURL=MenuItem.js.map

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

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

package/lib/components/SideMenu/MenuItemEternalLink.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.MenuExternalLink=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),styled_1=require("./styled");function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}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(styled_1.MenuItemLink,{href:e.link,target:e.target,active:!1,depth:1},react_1.default.createElement(styled_1.MenuItemTitle,{title:e.label},e.label))),e.separatorLine?react_1.default.createElement(styled_1.SeparatorLine,null):null)}exports.MenuExternalLink=(0,mobx_react_1.observer)(MenuExternalLinkComponent);
+"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))),e.separatorLine?react_1.default.createElement(styled_1.SeparatorLine,null):null)}exports.MenuExternalLink=(0,react_1.memo)(MenuExternalLinkComponent);
 //# sourceMappingURL=MenuItemEternalLink.js.map

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { MenuItemLinkProps } from './types';
+export declare const MenuItemLink: React.NamedExoticComponent<React.PropsWithChildren<MenuItemLinkProps>>;

package/lib/components/SideMenu/MenuItemLink.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}: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.MenuItemLink=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function MenuItemLinkComponent({href:e,children:t,to:r,hasChildren:n,deprecated:i,depth:a,active:o,type:u}){return r?react_1.default.createElement(styled_1.StyledMenuItemLink,{$active:o,$hasChildren:n,type:u,deprecated:i,depth:a,to:r},t):react_1.default.createElement(styled_1.MenuItemLabel,{type:u,active:o,deprecated:i,depth:a,href:e},t)}exports.MenuItemLink=(0,react_1.memo)(MenuItemLinkComponent);
+//# sourceMappingURL=MenuItemLink.js.map

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { MenuItemsProps } from './types';
-export declare const MenuItems: ({ items, root, className, linksBefore, linksAfter, expanded: rawExpanded, style, onActivate, }: MenuItemsProps) => JSX.Element;
+export declare const MenuItems: React.NamedExoticComponent<MenuItemsProps>;

package/lib/components/SideMenu/MenuItems.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.MenuItems=void 0;const mobx_react_1=require("mobx-react"),react_1=__importDefault(require("react")),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),MenuItemsComponents=({items:e,root:t,className:n,linksBefore:r=[],linksAfter:a=[],expanded:i,style:l,onActivate:u})=>{const s=null==i||i;return react_1.default.createElement(styled_1.MenuItemUl,Object.assign({className:n,style:l,expanded:s},t?{role:"navigation"}:{}),r.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e,onActivate:u}))),a.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))};exports.MenuItems=(0,mobx_react_1.observer)(MenuItemsComponents);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}: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.MenuItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink");function MenuItemsComponents({items:e,root:t,className:n,linksBefore:r=[],linksAfter:a=[],pagination:i,expanded:u=!0,style:o}){const l=(0,react_router_dom_1.useLocation)();return react_1.default.createElement(styled_1.MenuItemUl,Object.assign({className:n,style:o,expanded:u},t?{role:"navigation"}:{}),r.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e,location:l,pagination:i}))),a.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1,7 +1,9 @@
 import React from 'react';
-import type { OperationModel } from '../../models';
+import type { OperationMenuItem } from '../../models';
 interface MenuOperationItemContentProps {
-    item: OperationModel;
+    item: OperationMenuItem;
+    to: string;
+    active: boolean;
 }
-export declare const MenuOperationItemContent: React.ForwardRefExoticComponent<MenuOperationItemContentProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuOperationItemContent: React.NamedExoticComponent<React.PropsWithChildren<MenuOperationItemContentProps>>;
 export {};

package/lib/components/SideMenu/MenuOperationItemContent.js

@@ -1,8 +1,8 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuOperationItemContent=void 0;const mobx_react_1=require("mobx-react"),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled"),MenuItemLinkOrLabel_1=require("./MenuItemLinkOrLabel"),services_1=require("../../services"),utils_1=require("../../utils"),context_1=require("../../context"),MenuItemOperationLinkOrLabel=(0,styled_components_1.default)(MenuItemLinkOrLabel_1.MenuItemLinkOrLabel)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}: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.MenuOperationItemContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),styled_1=require("./styled"),MenuItemLink_1=require("./MenuItemLink"),services_1=require("../../services"),utils_1=require("../../utils"),store_1=require("../../recoil/store"),MenuItemOperationLink=(0,styled_components_1.default)(MenuItemLink_1.MenuItemLink)`
   flex-wrap: wrap;
 `,MenuItemDescription=styled_components_1.default.small`
   display: block;
   font-size: 0.87em;
   line-height: 1.2;
-`,MenuOperationItemContentComponent=(0,react_1.forwardRef)((({item:e,children:t},r)=>{let n,a;const{sideNavStyle:i,showWebhookVerb:o}=(0,react_1.useContext)(context_1.OptionsContext);return i!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(n=i===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,a=null):(n=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),a=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLinkOrLabel,{depth:e.depth,active:e.active,deprecated:e.deprecated,ref:r,href:e.href},e.isWebhook?react_1.default.createElement(theme_1.Badge,{type:"hook"},o?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.Badge,{type:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},n,t),a)}));exports.MenuOperationItemContent=(0,mobx_react_1.observer)(MenuOperationItemContentComponent);
+`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return a!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=a===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),o=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?react_1.default.createElement(theme_1.Badge,{type:"hook"},l?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.Badge,{type:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},i,r),o)}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
 //# sourceMappingURL=MenuOperationItemContent.js.map

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

@@ -1,5 +1,8 @@
-import type { ProMenu } from '../../services';
-export declare const SideMenu: ({ menu, className, }: {
-    menu: ProMenu;
-    className?: string | undefined;
-}) => JSX.Element;
+import React from 'react';
+import type { ExtendedMenuItem, IMenuItem } from '../../services';
+interface SideMenuProps {
+    items: (ExtendedMenuItem & IMenuItem)[];
+    className?: string;
+}
+export declare const SideMenu: React.NamedExoticComponent<SideMenuProps>;
+export {};

package/lib/components/SideMenu/SideMenu.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.SideMenu=void 0;const mobx_react_1=require("mobx-react"),react_1=__importStar(require("react")),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),context_1=require("../../context"),common_1=require("../common"),SideMenuComponent=({menu:e,className:t})=>{const{sidebarLinks:r,whiteLabel:n,menuToggle:o}=(0,react_1.useContext)(context_1.OptionsContext);let a;const i=e;return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{a=e},className:t,options:{wheelPropagation:!1}},react_1.default.createElement(MenuItems_1.MenuItems,{items:i.items,onActivate:t=>{t&&t.active&&o&&(t.expanded?t.collapse():t.expand()),e.activateAndScroll(t,!0),setTimeout((()=>{a&&a()}))},root:!0,linksBefore:null==r?void 0:r.beforeInfo,linksAfter:null==r?void 0:r.end}),n?react_1.default.createElement(styled_1.RedocAttribution,null,react_1.default.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")):react_1.default.createElement(react_1.default.Fragment,null))};exports.SideMenu=(0,mobx_react_1.observer)(SideMenuComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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.SideMenu=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),common_1=require("../common"),store_1=require("../../recoil/store"),SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:r,whiteLabel:o,pagination:n}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=(0,react_1.useRef)();return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{i.current=e},className:t,options:{wheelPropagation:!1}},react_1.default.createElement(MenuItems_1.MenuItems,{items:e,root:!0,linksBefore:null==r?void 0:r.beforeInfo,linksAfter:null==r?void 0:r.end,pagination:n}),o&&react_1.default.createElement(styled_1.RedocAttribution,null,react_1.default.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
 //# sourceMappingURL=SideMenu.js.map