@redocly/openapi-docs 3.0.0-alpha.14.beta.1 → 3.0.0-alpha.14.beta.3

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

@@ -1,18 +1,23 @@
-import type { MenuItemLabelType } from './types';
 export declare const MenuItemUl: import("styled-components").StyledComponent<"ul", any, {
     expanded: boolean;
 }, never>;
 export declare const MenuItemLi: import("styled-components").StyledComponent<"li", any, {
     depth: number;
 }, never>;
-export declare const MenuItemLabel: import("styled-components").StyledComponent<"label", any, {
+export declare const StyledMenuItemLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {
     role: "menuitem";
     className: `-depth${number} ` | `-depth${number} active`;
-} & MenuItemLabelType, "className" | "role">;
-export declare const MenuItemLink: import("styled-components").StyledComponent<"a", any, {
+} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
+    $active: boolean;
+    $hasChildren: boolean | undefined;
+}, "className" | "role">;
+export declare const MenuItemLabel: import("styled-components").StyledComponent<any, any, {
     role: "menuitem";
     className: `-depth${number} ` | `-depth${number} active`;
-} & MenuItemLabelType, "className" | "role">;
+} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
+    $active: boolean;
+    $hasChildren: boolean | undefined;
+} & object, string | number | symbol>;
 export declare const MenuItemTitle: import("styled-components").StyledComponent<"span", any, {
     width?: string | undefined;
 }, never>;

package/lib/components/SideMenu/styled.js

@@ -1,4 +1,4 @@
-"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]}),__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.SeparatorLine=exports.MenuItemPath=exports.RedocAttribution=exports.MenuItemTitle=exports.MenuItemLink=exports.MenuItemLabel=exports.MenuItemLi=exports.MenuItemUl=void 0;const styled_components_1=__importStar(require("styled-components")),icons_1=require("../icons"),common_1=require("../common");exports.MenuItemUl=styled_components_1.default.ul`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SeparatorLine=exports.MenuItemPath=exports.RedocAttribution=exports.MenuItemTitle=exports.MenuItemLabel=exports.StyledMenuItemLink=exports.MenuItemLi=exports.MenuItemUl=void 0;const styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),icons_1=require("../icons"),common_1=require("../common");exports.MenuItemUl=styled_components_1.default.ul`
   margin: 0;
   padding: 0;
 
@@ -13,7 +13,7 @@
   text-overflow: ellipsis;
   padding: 0;
   ${({depth:e})=>0===e?"margin-top: 10px":""};
-`,exports.MenuItemLabel=styled_components_1.default.label.attrs((e=>({role:"menuitem",className:`-depth${e.depth} ${e.active?"active":""}`})))`
+`,exports.StyledMenuItemLink=(0,styled_components_1.default)(react_router_dom_1.Link).attrs((({depth:e,$active:t})=>({role:"menuitem",className:`-depth${e} ${t?"active":""}`})))`
   cursor: pointer;
   position: relative;
   margin: ${({depth:e})=>`1px 0 1px calc( var(--sidebar-offset-left) + var(--sidebar-item-nested-offset) * ${e>0?e-1:e})`};
@@ -21,15 +21,15 @@
   text-decoration: none;
   line-height: 15px;
 
-  ${({active:e})=>e?styled_components_1.css`
-          background-color: var(--sidebar-item-active-background-color);
-          color: var(--sidebar-item-active-color);
-        `:styled_components_1.css`
-          background-color: var(--sidebar-background-color);
-          color: var(--sidebar-item-text-color);
-        `};
+  background-color: var(--sidebar-background-color);
+  color: var(--sidebar-item-text-color);
 
-  align-items: ${({hasChildren:e})=>e?"center":""};
+  &.active {
+    background-color: var(--sidebar-item-active-background-color);
+    color: var(--sidebar-item-active-color);
+  }
+
+  align-items: ${({$hasChildren:e})=>e?"center":""};
 
   font-family: var(--sidebar-item-font-family);
   font-size: var(--sidebar-item-font-size);
@@ -43,7 +43,7 @@
 
   padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal)
     var(--sidebar-item-padding-vertical)
-    ${({hasChildren:e,depth:t})=>e&&0!==t?"var(--sidebar-item-padding-horizontal)":"calc(var(--sidebar-item-padding-horizontal) + var(--sidebar-chevron-size) + var(--sidebar-spacing-unit) * 0.5)"};
+    ${({$hasChildren:e,depth:t})=>e&&0!==t?"var(--sidebar-item-padding-horizontal)":"calc(var(--sidebar-item-padding-horizontal) + var(--sidebar-chevron-size) + var(--sidebar-spacing-unit) * 0.5)"};
 
   ${({deprecated:e})=>e&&common_1.deprecatedCss||""};
 
@@ -59,7 +59,7 @@
     fill: var(--sidebar-group-item-chevron-color);
     margin-right: calc(var(--sidebar-spacing-unit) / 2);
   }
-`,exports.MenuItemLink=exports.MenuItemLabel.withComponent("a"),exports.MenuItemTitle=styled_components_1.default.span`
+`,exports.MenuItemLabel=exports.StyledMenuItemLink.withComponent("label"),exports.MenuItemTitle=styled_components_1.default.span`
   display: inline-block;
   vertical-align: middle;
   width: ${e=>e.width?e.width:"auto"};

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

@@ -1,19 +1,25 @@
-import type { CSSProperties, MouseEvent } from 'react';
-import type { IMenuItem, ExternalLink } from '../../services';
-export interface MenuItemLabelType {
+import type { CSSProperties } from 'react';
+import type { IMenuItem, ExternalLink, Pagination } from '../../services';
+export interface MenuItemLinkProps {
     depth: number;
     active: boolean;
     deprecated?: boolean;
     type?: string;
     hasChildren?: boolean;
+    to: string;
+    href?: string;
 }
 export interface MenuItemsProps {
     items: IMenuItem[];
     expanded?: boolean;
-    onActivate?: (item: IMenuItem, evt: MouseEvent<HTMLElement>) => void;
     style?: CSSProperties;
     root?: boolean;
     className?: string;
     linksBefore?: ExternalLink[];
     linksAfter?: ExternalLink[];
+    pagination: Pagination;
 }
+export type StyledMenuItemLinkProps = Omit<MenuItemLinkProps, 'active' | 'hasChildren'> & {
+    $active: MenuItemLinkProps['active'];
+    $hasChildren: MenuItemLinkProps['hasChildren'];
+};

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

@@ -0,0 +1,18 @@
+import type { IMenuItem } from '../../services';
+import type { Location } from 'react-router-dom';
+import { Pagination } from '../../services';
+type UseMenuItemLinkProps = {
+    item: IMenuItem;
+    pagination: Pagination;
+    active?: boolean;
+    location: Location;
+};
+type UseMenuItemLnkReturnType = {
+    link: string;
+    isExpanded: boolean;
+    isActive: boolean;
+};
+export declare function useMenuItemLink({ item, pagination, active, location, }: UseMenuItemLinkProps): UseMenuItemLnkReturnType;
+export declare function checkIfPathIncludes(location: Location, link?: string): boolean;
+export declare function checkIfPathMatched(location: Location, link?: string): boolean;
+export {};

package/lib/components/SideMenu/useMenuItemLink.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.checkIfPathMatched=exports.checkIfPathIncludes=exports.useMenuItemLink=void 0;const services_1=require("../../services"),utils_1=require("../../utils");function useMenuItemLink({item:e,pagination:t,active:n,location:c}){const i=e.href;if("group"===e.type)return{link:"",isActive:Boolean(n),isExpanded:!0};if(!(0,utils_1.isUndefined)(n))return{link:i,isExpanded:n,isActive:n};const s=checkIfPathMatched(c,i),a=s||e.items.some((e=>checkIfPathMatched(c,e.href)));if(t===services_1.Pagination.Item){return{link:i.startsWith("#")?`/${i}`:i.replace(/\\/g,"%5C"),isExpanded:a,isActive:s}}return{link:i,isExpanded:a,isActive:s}}function checkIfPathIncludes(e,t){return!!t&&decodeURIComponent(e.pathname+e.hash).includes(t)}function checkIfPathMatched(e,t=""){return decodeURIComponent(e.pathname)===t||decodeURIComponent(e.hash)===t||decodeURIComponent(e.pathname+e.hash)===t}exports.useMenuItemLink=useMenuItemLink,exports.checkIfPathIncludes=checkIfPathIncludes,exports.checkIfPathMatched=checkIfPathMatched;
+//# sourceMappingURL=useMenuItemLink.js.map

package/lib/components/StickySidebar/StickyResponsiveSidebar.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { RawOptions } from '../../services';
-import type { ProMenu } from '../../services/ProMenu';
+import type { Options } from '../../services';
 interface StickySidebarProps {
     className?: string;
-    scrollYOffset?: RawOptions['scrollYOffset'];
-    menu: ProMenu;
+    scrollYOffset: Options['scrollYOffset'];
+    hideFab: Options['hideFab'];
 }
-export declare const StickyResponsiveSidebar: React.FC<PropsWithChildren<StickySidebarProps>>;
+export declare const StickyResponsiveSidebar: React.NamedExoticComponent<React.PropsWithChildren<StickySidebarProps>>;
 export {};

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,8 +1,7 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const mobx_react_1=require("mobx-react"),react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),context_1=require("../../context"),helpers_1=require("../../services/Options/helpers");let Stickyfill;utils_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),utils_1=require("../../utils"),app_1=require("../../recoil/app");let Stickyfill;utils_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
-  /* contain: strict; TODO: breaks layout since Chrome 80*/
   height: 100vh;
   top: 0;
   flex: 0 0 auto;
@@ -36,5 +35,5 @@
       display: none;
     }
   `}
-`;function StickyResponsiveSidebarComponent({menu:e,scrollYOffset:t,className:i,children:r}){const[o,n]=(0,react_1.useState)("0px"),l=(0,react_1.useContext)(context_1.OptionsContext),a=(0,react_1.useRef)(null);(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(a.current),n(s(l))})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(a.current)}));const s=e=>{let i;return i=void 0!==t?(0,helpers_1.normalizeScrollYOffset)(t)():e.scrollYOffset(),i+"px"},c=e.sideBarOpened,d=o;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(StyledStickySidebar,{open:c,className:i,style:{top:d,height:`calc(100vh - ${d})`},ref:a},r),!l.hideFab&&react_1.default.createElement(FloatingButton,{opened:c,onClick:()=>{e.toggleSidebar()}}))}exports.StickyResponsiveSidebar=(0,mobx_react_1.observer)(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:r}){const[o,n]=(0,react_1.useState)("0px"),l=(0,react_1.useRef)(null),[a,c]=(0,recoil_1.useRecoilState)(app_1.isSidebarOpenedSelector);(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(l.current);const t=e();n(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(l.current)}));return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(StyledStickySidebar,{open:a,className:i,style:{top:o,height:`calc(100vh - ${o})`},ref:l},r),!t&&react_1.default.createElement(FloatingButton,{opened:a,onClick:()=>{c(!a)}}))}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { TabsProps } from './CollapsingTabsBase';
-export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;
+export declare const CollapsingTabs: React.NamedExoticComponent<TabsProps>;

package/lib/components/Tabs/CollapsingTabs/CollapsingTabs.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},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),CollapsingTabsBase_1=require("./CollapsingTabsBase");function getActiveIndexFromOperation(e,t,r){var n;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(n=e[r])||void 0===n?void 0:n.content,t)?r:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}exports.CollapsingTabs=(0,mobx_react_1.observer)((e=>{var{children:t}=e,r=__rest(e,["children"]);const[n,a]=(0,react_1.useState)(0),{operation:o,operation:{activeExampleName:i}}=r;(0,react_1.useEffect)((()=>{const e=getActiveIndexFromOperation(o.responses,i,n);e>-1&&a(e)}),[i]);const s=(0,react_1.useCallback)((e=>{n!==e&&a(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,Object.assign({},r,{activeIndex:n,onChange:s}),t)}));
+"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},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),CollapsingTabsBase_1=require("./CollapsingTabsBase"),operation_1=require("../../../recoil/operation");function getActiveIndexFromOperation(e,t,r){var n;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(n=e[r])||void 0===n?void 0:n.content,t)?r:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,r=__rest(e,["children"]);const[n,o]=(0,react_1.useState)(0),{operation:{pointer:a,responses:i}}=r,l=(0,recoil_1.useRecoilValue)((0,operation_1.operationStore)(a)),s=null==l?void 0:l.activeExampleName;(0,react_1.useEffect)((()=>{const e=getActiveIndexFromOperation(i,s,n);e>-1&&o(e)}),[s]);const c=(0,react_1.useCallback)((e=>{n!==e&&o(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,Object.assign({},r,{activeIndex:n,onChange:c}),t)}exports.CollapsingTabs=(0,react_1.memo)(CollapsingTabsComponent);
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -11,7 +11,7 @@ export interface TabsProps {
     children: ReactNode;
     operation: OperationModel;
 }
-interface CollapsingTabsComponentProps extends TabsProps {
+interface CollapsingTabsComponentProps extends Omit<TabsProps, 'operation'> {
     activeIndex: number;
     onChange: (idx: number) => void;
 }

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.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.CollapsingTabsBase=void 0;const react_1=__importDefault(require("react")),react_tabs_1=require("react-tabs"),context_1=require("../../../context"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:l,onChange:o}){const{samplesTabsMaxCount:n}=react_1.default.useContext(context_1.OptionsContext),s=react_1.default.useMemo((()=>e.slice(n).map((({title:e},t)=>({idx:t,value:e})))),[e,n]),r=`${s.length} more`,[i,c]=react_1.default.useState(r),u=react_1.default.useCallback((()=>{const t=l>=n;i!==r&&i===e[l].title||!t?i===r||t||c(r):c(e[l].title)}),[l,n,i,r,e]);react_1.default.useEffect((()=>{setTimeout(u,0)}),[l,n,u]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:l,onSelect:o},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=n},e.title))),s.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:s,onChange:e=>{o(n+e.idx)},placeholder:r,value:i,active:l>=n}):null),t)}exports.CollapsingTabsBase=react_1.default.memo(CollapsingTabsBaseComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;const react_1=__importDefault(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("recoil"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),store_1=require("../../../recoil/store");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:l,onChange:o}){const{samplesTabsMaxCount:r}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),s=react_1.default.useMemo((()=>e.slice(r).map((({title:e},t)=>({idx:t,value:e})))),[e,r]),i=`${s.length} more`,[n,c]=react_1.default.useState(i),u=react_1.default.useCallback((()=>{const t=l>=r;n!==i&&n===e[l].title||!t?n===i||t||c(i):c(e[l].title)}),[l,r,n,i,e]);react_1.default.useEffect((()=>{setTimeout(u,0)}),[l,r,u]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:l,onSelect:o},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=r},e.title))),s.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:s,onChange:e=>{o(r+e.idx)},placeholder:i,value:n,active:l>=r}):null),t)}exports.CollapsingTabsBase=react_1.default.memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/TagItem/TagItem.d.ts

@@ -0,0 +1,2 @@
+import type { SectionItemProps } from '../SectionItem/SectionItem';
+export declare function TagItem({ item }: SectionItemProps): JSX.Element;

package/lib/components/TagItem/TagItem.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.TagItem=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),common_1=require("../common"),Markdown_1=require("../Markdown");function TagItem({item:e}){const{description:t,name:r,href:a}=e;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),r)),react_1.default.createElement(Markdown_1.Markdown,{source:t,htmlWrap:e=>react_1.default.createElement(common_1.SamplesMiddlePanel,null,e)}))}exports.TagItem=TagItem;
+//# sourceMappingURL=TagItem.js.map

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

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

package/lib/components/TagItem/index.js

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

package/lib/components/TagItems/TagItems.d.ts

@@ -0,0 +1,13 @@
+import type { ContentItemModel } from '../../models';
+import type { Options } from '../../services';
+interface TagItemsProps {
+    tag: ContentItemModel;
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    pagination: Options['pagination'];
+    showNextButton?: boolean;
+}
+export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, }: TagItemsProps): JSX.Element;
+export {};

package/lib/components/TagItems/TagItems.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.TagItems=void 0;const react_1=__importDefault(require("react")),services_1=require("../../services"),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),SectionContent_1=require("../SectionContent");function TagItems({tag:e,nextSectionLink:t,pagination:n,showNextButton:i}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:i,withChildren:n!==services_1.Pagination.Item}),n===services_1.Pagination.Item&&react_1.default.createElement(SectionContent_1.SectionContent,{items:e.items,pagination:n,showNextButton:!1,showApiInfo:!1}),i&&t&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:t.href||"",label:t.name,pagination:n}))}exports.TagItems=TagItems;
+//# sourceMappingURL=TagItems.js.map

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

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

package/lib/components/TagItems/index.js

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

package/lib/components/ToggleRightPanelButton/ToggleRightPanelButton.d.ts

@@ -0,0 +1 @@
+export declare function ToggleRightPanelButton(): JSX.Element | null;

package/lib/components/ToggleRightPanelButton/ToggleRightPanelButton.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.ToggleRightPanelButton=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),constants_1=require("../../constants"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),styled_1=require("./styled");function ToggleRightPanelButton(){const e=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[t,l]=(0,recoil_1.useRecoilState)(app_1.showRightPanelToggleSelector),o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector)===constants_1.LayoutVariant.THREE_PANEL;return e.showRightPanelToggle&&o?react_1.default.createElement(theme_1.Tooltip,{tip:""+(t?"Hide samples":"Show samples"),placement:"left"},react_1.default.createElement(styled_1.StyledToggleRightPanelButton,{onClick:()=>{l(!t)}},t?react_1.default.createElement(styled_1.HideRightPanelSVG,null):react_1.default.createElement(styled_1.ShowRightPanelSVG,null))):null}exports.ToggleRightPanelButton=ToggleRightPanelButton;
+//# sourceMappingURL=ToggleRightPanelButton.js.map

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

@@ -0,0 +1 @@
+export * from './ToggleRightPanelButton';

package/lib/components/ToggleRightPanelButton/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,n)}: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("./ToggleRightPanelButton"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/ToggleRightPanelButton/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const HideRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
+export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ShowRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;

package/lib/components/ToggleRightPanelButton/styled.js

@@ -0,0 +1,17 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShowRightPanelSVG=exports.StyledToggleRightPanelButton=exports.HideRightPanelSVG=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));exports.HideRightPanelSVG=(0,styled_components_1.default)((()=>react_1.default.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react_1.default.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"var(--color-emphasis-400)"}),react_1.default.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"var(--color-emphasis-400)"}),react_1.default.createElement("rect",{width:"2",height:"10",rx:"1",fill:"var(--color-emphasis-400)"}))))`
+  position: absolute;
+`,exports.StyledToggleRightPanelButton=styled_components_1.default.a`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  z-index: 1;
+  /* Rectangle 201 */
+  height: var(--layout-controls-height);
+  width: var(--layout-controls-width);
+  background: var(--color-emphasis-100);
+  border-radius: var(--border-radius);
+`,exports.ShowRightPanelSVG=(0,styled_components_1.default)((()=>react_1.default.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react_1.default.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"var(--color-emphasis-400)"}),react_1.default.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"var(--color-emphasis-400)"}),react_1.default.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"var(--color-emphasis-400)"}))))`
+  position: absolute;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/VersionSwitcher.d.ts

@@ -1,7 +1,8 @@
-import type { VersionedSpecStore } from '../services/VersionedSpecStore';
 import type { DropdownOption } from './common/Dropdown';
+import type { OpenAPIDefinitionVersion } from '../recoil/store';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;
-    spec: VersionedSpecStore;
+    versions: OpenAPIDefinitionVersion[];
+    activeVersionIdx: number;
 }
-export declare const VersionSwitcher: ({ spec, onChange }: VersionSwitcherProps) => JSX.Element;
+export declare const VersionSwitcher: ({ versions, onChange, activeVersionIdx, }: VersionSwitcherProps) => JSX.Element | null;

package/lib/components/VersionSwitcher.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.VersionSwitcher=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=({spec:e,onChange:t})=>{const r=e.versionsInfo.map(((e,t)=>({idx:t,value:e.title})));return react_1.default.createElement(VersionWrapper,null,react_1.default.createElement(Dropdown_1.VersionDropdown,{options:r,value:r[e.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;const VersionWrapper=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.VersionSwitcher=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=({versions:e,onChange:t,activeVersionIdx:r})=>{const o=e.map(((e,t)=>({idx:t,value:e.title||e.id})));return react_1.default.createElement(VersionWrapper,null,react_1.default.createElement(Dropdown_1.VersionDropdown,{options:o,value:o[r].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;const VersionWrapper=styled_components_1.default.div`
   padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
   width: 100%;
   display: inline-block;

package/lib/components/common/Dropdown/Dropdown.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.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(ArrowSvg)`
+"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.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(ArrowSvg)`
   position: absolute;
   pointer-events: none;
   z-index: 1;
@@ -12,5 +12,5 @@
   polyline {
     color: ${e=>"dark"===e.variant&&"white"};
   }
-`,DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:a,placeholder:n,value:o="",className:l,variant:i="light"})=>react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:i}),a&&(null==o?void 0:o.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:r=>{const{selectedIndex:a}=r.target;t(e[n||!o?a-1:a])},value:o,className:"dropdown-select"},n&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:n},n),!o&&!n&&react_1.default.createElement("option",{disabled:!0}),e.map((({idx:e,value:t,title:r},a)=>react_1.default.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},r||t)))),react_1.default.createElement("label",null,o));exports.Dropdown=(0,react_1.memo)(DropdownComponent);
+`,DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:a,placeholder:n,value:o="",className:l,variant:i="light"})=>{var s;const u=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},a)=>{const n=(0,utils_1.normalizeText)(t);return react_1.default.createElement("option",{key:e||n+a,value:n,className:"dropdown-option"},r||n)}))),[e]),c=(0,utils_1.normalizeText)(o),d=(null===(s=e.find((e=>e.value===o)))||void 0===s?void 0:s.title)||c;return react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:i}),a&&(null==c?void 0:c.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:r=>{const{selectedIndex:a}=r.target;t(e[n||!o?a-1:a])},value:c,className:"dropdown-select"},n&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:n},n),!c&&!n&&react_1.default.createElement("option",{disabled:!0}),u),react_1.default.createElement("label",null,d))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

package/lib/components/common/Dropdown/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,e,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,t,n)}:function(o,e,r,t){void 0===t&&(t=r),o[t]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&__createBinding(e,o,r);return __setModuleDefault(e,o),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.SchemaDiscriminatorDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),samplesDropdownStyle=styled_components_1.css`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,r,e,t){void 0===t&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(o,t,n)}:function(o,r,e,t){void 0===t&&(t=e),o[t]=r[e]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,r){Object.defineProperty(o,"default",{enumerable:!0,value:r})}:function(o,r){o.default=r}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var r={};if(null!=o)for(var e in o)"default"!==e&&Object.prototype.hasOwnProperty.call(o,e)&&__createBinding(r,o,e);return __setModuleDefault(r,o),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.SchemaDiscriminatorDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),darkDropdownStyle=styled_components_1.css`
   background-color: var(--panel-samples-dropdown-background-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);
@@ -47,7 +47,7 @@
       box-shadow: none;
     }
 
-    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
   }
 
   .dropdown-select {
@@ -66,7 +66,7 @@
     font-size: 14px;
     font-family: inherit;
     padding: var(--dropdown-padding);
-    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
   }
 `,exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)`
   svg {
@@ -94,7 +94,7 @@
     transform: translateY(-60%);
   }
   label {
-    ${samplesDropdownStyle};
+    ${darkDropdownStyle};
 
     height: 40px;
     border-radius: 0 var(--border-radius) 0 0;

package/lib/components/common/Fields/fields-layout.d.ts

@@ -12,5 +12,4 @@ export declare const PropertyNameCell: import("styled-components").StyledCompone
 export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
 export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

package/lib/components/common/Fields/fields-layout.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,a)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=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.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=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.PropertiesTable=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;
@@ -149,11 +149,6 @@
   }
 `,exports.InnerPropertiesWrap=styled_components_1.default.div`
   padding: var(--schema-nested-offset);
-`,exports.PropertiesTableWrap=styled_components_1.default.div`
-  display: block;
-  overflow-x: auto;
-  padding: 5px; /* hack to show overflown anchor icons */
-  margin: -5px;
 `,exports.PropertiesTable=styled_components_1.default.table`
   border-collapse: separate;
   border-radius: var(--border-radius);

package/lib/components/common/LinkToField.d.ts

@@ -1,9 +1,16 @@
+import type { Location } from 'react-router-dom';
 import type { PropsWithChildren } from 'react';
 import type { FieldModel } from '../../models';
+import { Pagination } from '../../services';
+import { ShareLink } from './linkify';
 interface LinkToFieldProps {
-    field: FieldModel;
     className?: string;
+    to?: string;
+    location?: Location;
 }
+export declare function generateDeepLink(field: FieldModel, options: {
+    pagination: Pagination;
+}): string;
 export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
-export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, any, {}, never>;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<typeof ShareLink, any, {}, never>;
 export {};

package/lib/components/common/LinkToField.js

@@ -1,27 +1,14 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,n){void 0===n&&(n=i);var r=Object.getOwnPropertyDescriptor(t,i);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,n,r)}:function(e,t,i,n){void 0===n&&(n=i),e[n]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);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.ShareLinkToField=exports.LinkToField=void 0;const styled_components_1=__importDefault(require("styled-components")),react_1=__importStar(require("react")),context_1=require("../../context"),constants_1=require("../../constants"),helpers_1=require("../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("../icons"),LinkToField=e=>{var t,i;const n=(0,react_1.useContext)(context_1.StoreContext),[r,o]=(0,react_1.useState)(!1),l=(null==n?void 0:n.menu.history.linkForId(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id))||"",s=(0,helpers_1.constructFieldDeepFragment)(e.field),a=n&&s?n.menu.history.generateDeepLink(s,l):null,c=n?{[constants_1.SECTION_ATTR]:(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id)+n.options.deepLinkPrefix+s,id:a&&a.split("#")[1]||void 0}:null;return(0,react_1.useEffect)((()=>{if(n&&c)return o(n.menu.history.currentId===c[constants_1.SECTION_ATTR]),n.menu.history.subscribe((e=>{o(e===c[constants_1.SECTION_ATTR])}))}),[null==n?void 0:n.menu.history,null==c?void 0:c[constants_1.SECTION_ATTR]]),s&&n&&a?react_1.default.createElement("a",Object.assign({className:e.className+(r?" active":""),href:a,onClick:e=>(((e,t,i)=>{t.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(t)||(t.preventDefault(),e.replaceForField(i))})(null==n?void 0:n.menu.history,e,a),e.stopPropagation(),e.preventDefault(),n.options.onDeepLinkClick&&n.options.onDeepLinkClick(a),!1)},c),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)`
-  ${(0,linkify_1.linkifyMixin)("&","13px")}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=exports.generateDeepLink=void 0;const styled_components_1=__importDefault(require("styled-components")),react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),useMenuItemLink_1=require("../SideMenu/useMenuItemLink"),linkify_1=require("./linkify");function generateDeepLink(e,i){const t=e.deps.operation,r=(0,helpers_1.constructFieldDeepFragment)(e);if(!(null==t?void 0:t.id)&&!t.isCallback)return"#"+r;let n=i.pagination===services_1.Pagination.Item?"#":t.href;return(0,services_1.joinWithSeparator)(n,r,"!")}exports.generateDeepLink=generateDeepLink;const LinkToField=e=>{const i=e.to,t=(null==e?void 0:e.location)&&(0,useMenuItemLink_1.checkIfPathMatched)(null==e?void 0:e.location,i)?" isActive":"";return react_1.default.createElement(exports.ShareLinkToField,{className:e.className+t,to:i,id:null==i?void 0:i.split("#")[1]})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
+  left: 10px;
+  display: flex;
 
-  & ${icons_1.LinkIcon} {
-    color: var(--schema-property-deep-link-icon-color);
-
-    background-image: var(--schema-property-deep-link-icon);
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-  }
-
-  & {
-    position: absolute;
-    padding-right: 4px;
-    transform: translateX(-90%);
-
-    .field-name:hover & ${icons_1.LinkIcon}, &:hover & ${icons_1.LinkIcon} {
-      visibility: visible;
-    }
+  :hover ${theme_1.AnchorIcon}, :focus ${theme_1.AnchorIcon}, &.isActive ${theme_1.AnchorIcon} {
+    visibility: visible;
   }
 
-  &.active ${icons_1.LinkIcon} {
-    visibility: visible;
+  ${theme_1.AnchorIcon} {
+    width: 13px;
+    height: 13px;
   }
 `;
 //# sourceMappingURL=LinkToField.js.map

package/lib/components/common/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+interface PortalProps {
+    mountId?: string;
+}
+export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => JSX.Element;
+export {};

package/lib/components/common/Portal/Portal.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.Portal=void 0;const react_1=__importStar(require("react")),react_dom_1=require("react-dom"),utils_1=require("../../../utils"),container=utils_1.IS_BROWSER?document.createElement("div"):null,Portal=({children:e,mountId:t="api-content"})=>{const r=utils_1.IS_BROWSER?document.getElementById(t):null;return(0,react_1.useEffect)((()=>{if(r&&container)return r.appendChild(container),()=>{r.removeChild(container)}}),[r]),r&&container?(0,react_dom_1.createPortal)(e,container):react_1.default.createElement(react_1.default.Fragment,null,e)};exports.Portal=Portal;
+//# sourceMappingURL=Portal.js.map

package/lib/components/common/Portal/index.d.ts

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

package/lib/components/common/Portal/index.js

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

package/lib/components/{ContentItems → common/Skeleton}/Skeleton.js

@@ -1,4 +1,4 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),common_1=require("../common"),shimmer=styled_components_1.keyframes`
+"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.Skeleton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),panels_1=require("../panels"),shimmer=styled_components_1.keyframes`
   100% {
       transform: translateX(100%);
   }
@@ -27,5 +27,5 @@
     animation: ${shimmer} 2s infinite;
     content: '';
   }
-`;function Skeleton(){return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(common_1.H2,null,react_1.default.createElement(SkeletonBox,{style:{width:"40%"}})),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"90%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"83%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}})))}exports.Skeleton=Skeleton;
+`;function Skeleton(){return react_1.default.createElement(panels_1.Section,null,react_1.default.createElement(panels_1.SamplesMiddlePanel,null,react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(SkeletonBox,{style:{width:"40%"}})),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"90%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"83%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}})))}exports.Skeleton=Skeleton;
 //# sourceMappingURL=Skeleton.js.map

package/lib/components/common/Skeleton/index.d.ts

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

package/lib/components/common/Skeleton/index.js

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

package/lib/components/common/form.js

@@ -9,7 +9,7 @@
   position: absolute;
 `,exports.FormControl=styled_components_1.default.div`
   width: 100%;
-  font-family: var(--code-font-family);
+  /* font-family: var(--code-font-family); */
   display: flex;
   flex-direction: column;
   margin-bottom: 10px;

package/lib/components/common/headers.d.ts

@@ -1,8 +1,2 @@
-export declare const H1: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const H3: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", any, {}, never>;
-export declare const H5: import("styled-components").StyledComponent<"h5", any, {}, never>;
-export declare const H6: import("styled-components").StyledComponent<"h6", any, {}, never>;
 export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;