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

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

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

package/lib/components/SideMenu/MenuItemLink.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 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:c,onClick:u}){return r?react_1.default.createElement(styled_1.StyledMenuItemLink,{$active:o,$hasChildren:n,type:c,deprecated:i,depth:a,to:r,onClick:u},t):react_1.default.createElement(styled_1.MenuItemLabel,{type:c,active:o,deprecated:i,depth:a,href:e,$hasChildren:n,onClick:u},t)}exports.MenuItemLink=(0,react_1.memo)(MenuItemLinkComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemLink=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled");function MenuItemLinkComponent({href:e,children:t,to:n,hasChildren:r,deprecated:i,depth:d,active:c,type:s,onClick:o}){return n?(0,jsx_runtime_1.jsx)(styled_1.StyledMenuItemLink,{$active:c,$hasChildren:r,type:s,deprecated:i,depth:d,to:n,onClick:o,children:t}):(0,jsx_runtime_1.jsx)(styled_1.MenuItemLabel,{type:s,active:c,deprecated:i,depth:d,href:e,$hasChildren:r,onClick:o,children:t})}exports.MenuItemLink=(0,react_1.memo)(MenuItemLinkComponent);
 //# sourceMappingURL=MenuItemLink.js.map

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

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

package/lib/components/SideMenu/MenuItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItems=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),store_1=require("../../jotai/store"),helpers_1=require("../ContentItems/helpers");function MenuItemsComponents({items:e,root:t,className:n,linksBefore:r=[],linksAfter:i=[],expanded:a=!0,style:o}){const{hideInfoSection:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return react_1.default.createElement(styled_1.MenuItemUl,{className:n,style:o,expanded:a,role:t?"navigation":void 0},r.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>u&&(0,helpers_1.isRootItem)(e)?null:react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e}))),i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItems=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),store_1=require("../../jotai/store"),helpers_1=require("../ContentItems/helpers");function MenuItemsComponents({items:e,root:t,className:n,linksBefore:r=[],linksAfter:s=[],expanded:i=!0,style:u}){const{hideInfoSection:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,jsx_runtime_1.jsxs)(styled_1.MenuItemUl,{className:n,style:u,expanded:i,role:t?"navigation":void 0,children:[r.map((e=>(0,jsx_runtime_1.jsx)(MenuItemEternalLink_1.MenuExternalLink,{link:e},JSON.stringify(e)))),e.map((e=>o&&(0,helpers_1.isRootItem)(e)?null:(0,jsx_runtime_1.jsx)(MenuItem_1.MenuItem,{item:e},e.id))),s.map((e=>(0,jsx_runtime_1.jsx)(MenuItemEternalLink_1.MenuExternalLink,{link:e},JSON.stringify(e))))]})}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { OperationMenuItem } from '../../models';
 interface MenuOperationItemContentProps {
     item: OperationMenuItem;
     to: string;
     active: boolean;
 }
-export declare const MenuOperationItemContent: React.NamedExoticComponent<React.PropsWithChildren<MenuOperationItemContentProps>>;
+export declare const MenuOperationItemContent: import("react").NamedExoticComponent<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 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")),jotai_1=require("jotai"),styled_1=require("./styled"),MenuItemLink_1=require("./MenuItemLink"),services_1=require("../../services"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),MenuItemOperationLink=(0,styled_components_1.default)(MenuItemLink_1.MenuItemLink)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuOperationItemContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),styled_1=require("./styled"),MenuItemLink_1=require("./MenuItemLink"),services_1=require("../../services"),utils_1=require("../../utils"),store_1=require("../../jotai/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;
-`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);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.HttpTag,{color:"hook"},l?e.httpVerb:"Event"):react_1.default.createElement(theme_1.HttpTag,{color: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);
+`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:s,showWebhookVerb:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return s!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=s===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=(0,jsx_runtime_1.jsxs)(styled_1.MenuItemPath,{title:e.path,children:[" ",e.path," "]}),o=(0,jsx_runtime_1.jsxs)(MenuItemDescription,{children:[" ",e.name," "]})),(0,jsx_runtime_1.jsxs)(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n,children:[e.isWebhook?(0,jsx_runtime_1.jsx)(theme_1.HttpTag,{color:"hook",children:u?e.httpVerb:"Event"}):(0,jsx_runtime_1.jsx)(theme_1.HttpTag,{color:e.httpVerb,children:(0,utils_1.shortenHTTPVerb)(e.httpVerb)}),(0,jsx_runtime_1.jsxs)(styled_1.MenuItemTitle,{width:"calc(100% - 42px)",children:[i,r]}),o]})}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
 //# sourceMappingURL=MenuOperationItemContent.js.map

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ExtendedMenuItem, IMenuItem } from '../../services';
 interface SideMenuProps {
     items: (ExtendedMenuItem & IMenuItem)[];
     className?: string;
 }
-export declare const SideMenu: React.NamedExoticComponent<SideMenuProps>;
+export declare const SideMenu: import("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 react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_1=require("./styled"),common_1=require("../common"),store_1=require("../../jotai/store"),hooks_1=require("./hooks"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:r,whiteLabel:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),o=(0,react_1.useRef)(),a=(0,hooks_1.useMenuItems)({items:e}),i=(null==r?void 0:r.beforeInfo)||[],l=(null==r?void 0:r.end)||[];return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{o.current=e},className:t,options:{wheelPropagation:!1}},i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),react_1.default.createElement(theme_1.Menu,{items:a}),l.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),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")))};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SideMenu=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_1=require("./styled"),common_1=require("../common"),store_1=require("../../jotai/store"),hooks_1=require("./hooks"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),SideMenuComponent=({items:e,className:r})=>{const{sidebarLinks:t,whiteLabel:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,react_1.useRef)(),o=(0,hooks_1.useMenuItems)({items:e}),s=(null==t?void 0:t.beforeInfo)||[],u=(null==t?void 0:t.end)||[];return(0,jsx_runtime_1.jsxs)(common_1.PerfectScrollbarWrap,{updateFn:e=>{i.current=e},className:r,options:{wheelPropagation:!1},children:[s.map((e=>(0,jsx_runtime_1.jsx)(MenuItemEternalLink_1.MenuExternalLink,{link:e},JSON.stringify(e)))),(0,jsx_runtime_1.jsx)(theme_1.Menu,{items:o}),u.map((e=>(0,jsx_runtime_1.jsx)(MenuItemEternalLink_1.MenuExternalLink,{link:e},JSON.stringify(e)))),n&&(0,jsx_runtime_1.jsx)(styled_1.RedocAttribution,{children:(0,jsx_runtime_1.jsx)("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer",children:"Powered by Redocly"})})]})};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
 //# sourceMappingURL=SideMenu.js.map

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { Options } from '../../services';
 interface StickySidebarProps {
     className?: string;
@@ -6,5 +6,5 @@ interface StickySidebarProps {
     hideFab: Options['hideFab'];
     collapsedSidebar: boolean;
 }
-export declare const StickyResponsiveSidebar: React.NamedExoticComponent<React.PropsWithChildren<StickySidebarProps>>;
+export declare const StickyResponsiveSidebar: import("react").NamedExoticComponent<PropsWithChildren<StickySidebarProps>>;
 export {};

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,4 +1,4 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),react_router_dom_1=require("react-router-dom"),app_1=require("../../jotai/app"),Actions_1=require("../SideMenu/Actions");let Stickyfill;theme_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=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.StickyResponsiveSidebar=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),react_router_dom_1=require("react-router-dom"),app_1=require("../../jotai/app"),Actions_1=require("../SideMenu/Actions");let Stickyfill;theme_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -31,5 +31,5 @@
   @media print {
     display: none;
   }
-`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:r,collapsedSidebar:o}){const[a,n]=(0,react_1.useState)("0px"),l=(0,react_1.useRef)(null),c=(0,react_router_dom_1.useLocation)(),[d,s]=(0,jotai_1.useAtom)(app_1.isSidebarOpenedAtom);(0,react_1.useEffect)((()=>{c.hash&&s(!1)}),[c.pathname,c.hash,s]),(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:d,className:i,offsetTop:a,style:{top:a},ref:l,collapsedSidebar:o},o||d?r:null,react_1.default.createElement(Actions_1.Actions,null)),!t&&react_1.default.createElement(FloatingButton,{opened:d,onClick:()=>{s(!d)}},react_1.default.createElement(theme_1.MobileSidebarIcon,null)))}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[s,a]=(0,react_1.useState)("0px"),n=(0,react_1.useRef)(null),l=(0,react_router_dom_1.useLocation)(),[c,d]=(0,jotai_1.useAtom)(app_1.isSidebarOpenedAtom);(0,react_1.useEffect)((()=>{l.hash&&d(!1)}),[l.pathname,l.hash,d]),(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(n.current);const t=e();a(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(n.current)}));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(StyledStickySidebar,{open:c,className:i,offsetTop:s,style:{top:s},ref:n,collapsedSidebar:r,children:[r||c?o:null,(0,jsx_runtime_1.jsx)(Actions_1.Actions,{})]}),!t&&(0,jsx_runtime_1.jsx)(FloatingButton,{opened:c,onClick:()=>{d(!c)},children:(0,jsx_runtime_1.jsx)(theme_1.MobileSidebarIcon,{})})]})}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { TabType } from '../../models/tab';
 type TabsProps = {
     tabs: TabType[];
     onChange: (tab: TabType) => void;
     activeTab?: TabType;
 };
-export declare function Tabs({ tabs, onChange, activeTab }: TabsProps): React.JSX.Element;
+export declare function Tabs({ tabs, onChange, activeTab }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Tabs/Tabs.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 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,a,o)}: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.Tabs=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function Tabs({tabs:e,onChange:t,activeTab:r}){return react_1.default.createElement(TabList,null,e.map((e=>react_1.default.createElement(Tab,{key:e.key,$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e)},react_1.default.createElement(theme_1.StatusCode,{status:e.key},e.title)))))}exports.Tabs=Tabs;const TabList=styled_components_1.default.ol`
+"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.Tabs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function Tabs({tabs:e,onChange:t,activeTab:r}){return(0,jsx_runtime_1.jsx)(TabList,{children:e.map((e=>(0,jsx_runtime_1.jsx)(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:(0,jsx_runtime_1.jsx)(theme_1.StatusCode,{status:e.key,children:e.title})},e.key)))})}exports.Tabs=Tabs;const TabList=styled_components_1.default.ol`
   display: flex;
   flex-wrap: wrap;
   list-style: none;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationMenuItem } from '../../models';
 type OperationsNavigationProps = {
     items: OperationMenuItem[];
     routingBasePath: string;
 };
-export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): React.JSX.Element | null;
-export declare const OperationsNavigation: React.NamedExoticComponent<OperationsNavigationProps>;
+export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const OperationsNavigation: import("react").NamedExoticComponent<OperationsNavigationProps>;
 export {};

package/lib/components/TagItem/OperationsNavigation.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.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[r,a]=(0,react_1.useState)(!1),n=(0,react_router_dom_1.useNavigate)(),{operations:o,webhooks:i,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),a=r?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:o}=a.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:n,webhooks:o,count:!r&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[r,e]);if(!o.length&&!i.length)return null;const s=e=>{n(e)};return react_1.default.createElement(Wrapper,null,o.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Heading,null,"Operations"),o.map((({id:e,href:r,httpVerb:a,path:n})=>react_1.default.createElement(Item,{key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(r)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:a},a),react_1.default.createElement(Path,null,n)))))),i.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Heading,null,"Webhooks"),i.map((({id:e,href:r,httpVerb:a,path:n})=>react_1.default.createElement(Item,{key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(r)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:a},a),react_1.default.createElement(Path,null,n)))))),!r&&Boolean(l)&&react_1.default.createElement(ButtonLink,{onClick:()=>a(!0)},"Show ",l," more..."))}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[n,r]=(0,react_1.useState)(!1),o=(0,react_router_dom_1.useNavigate)(),{operations:i,webhooks:s,count:a}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),r=n?t:t.slice(0,MAX_OPERATIONS),{operations:o,webhooks:i}=r.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:o,webhooks:i,count:!n&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[n,e]);if(!i.length&&!s.length)return null;const l=e=>{o(e)};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[i.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Operations"}),i.map((({id:e,href:n,httpVerb:r,path:o})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>l((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(n))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:r,children:r}),(0,jsx_runtime_1.jsx)(Path,{children:o})]})},e)))]}),s.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Webhooks"}),s.map((({id:e,href:n,httpVerb:r,path:o})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>l((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(n))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:r,children:r}),(0,jsx_runtime_1.jsx)(Path,{children:o})]})},e)))]}),!n&&Boolean(a)&&(0,jsx_runtime_1.jsxs)(ButtonLink,{variant:"link",size:"large",fullWidth:!0,onClick:()=>r(!0),children:["Show ",a," more..."]})]})}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
@@ -9,27 +9,29 @@
   font-weight: var(--font-weight-bold);
   color: var(--text-color-primary);
   margin: var(--spacing-xxs) 0;
-`,Item=styled_components_1.default.button`
+`,StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+  & + & {
+    margin-left: 0;
+  }
+`,Item=(0,styled_components_1.default)(StyledButton)`
   border-radius: var(--border-radius);
-  border: 1px solid var(--border-color-primary);
   background: var(--bg-color);
-  display: flex;
-  height: 40px;
-  padding: 0 var(--spacing-base);
-  flex-direction: row;
   justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-  cursor: pointer;
 
   & > span {
     display: flex;
     align-items: baseline;
     gap: var(--spacing-unit);
+    overflow-x: hidden;
+  }
+
+  &:hover {
+    background: var(--bg-color);
   }
 
   &:hover::after {
     content: '→';
+    line-height: var(--line-height-base);
   }
 `,Path=styled_components_1.default.span`
   font-family: var(--font-family-base);
@@ -37,10 +39,10 @@
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   text-decoration: none;
-`,ButtonLink=styled_components_1.default.button`
-  font-size: var(--font-size-lg);
-  background: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`,ButtonLink=(0,styled_components_1.default)(StyledButton)`
   margin: 10px auto;
-  color: var(--link-color-primary);
 `;
 //# sourceMappingURL=OperationsNavigation.js.map

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ReactElement } from 'react';
 import type { SectionItemProps } from '../SectionItem/SectionItem';
 interface TagItemProps extends SectionItemProps {
@@ -6,5 +5,5 @@ interface TagItemProps extends SectionItemProps {
     isExpanded: boolean;
 }
 export declare function TagItemComponent({ item, routingBasePath, isExpanded, }: TagItemProps): ReactElement;
-export declare const TagItem: React.NamedExoticComponent<TagItemProps>;
+export declare const TagItem: import("react").NamedExoticComponent<TagItemProps>;
 export {};

package/lib/components/TagItem/TagItem.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:o}=e,i=(0,react_router_dom_1.useNavigate)(),l=(0,react_1.useCallback)((()=>{i(t+e.href)}),[e.href,i,t]),m=Boolean(e.items.length);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,{fullWidth:!m},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:o,"aria-label":`link to ${n}`}),n),react_1.default.createElement(Markdown_1.Markdown,{source:r})),Boolean(e.items.length)&&react_1.default.createElement(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})),m&&!a&&react_1.default.createElement(ShowButton,{type:"button",variant:"text",size:"medium",onClick:l},"+ Show"))}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const ShowButton=(0,styled_components_1.default)(theme_1.Button)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:r}){const{description:n,name:o,href:i}=e,a=(0,react_router_dom_1.useNavigate)(),m=(0,react_1.useCallback)((()=>{a(t+e.href)}),[e.href,a,t]),s=Boolean(e.items.length);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!s,children:[(0,jsx_runtime_1.jsxs)(theme_1.H2,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:i,"aria-label":`link to ${o}`}),o]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n})]}),Boolean(e.items.length)&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),s&&!r&&(0,jsx_runtime_1.jsx)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:m,children:"+ Show"})]})}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const ShowButton=(0,styled_components_1.default)(theme_1.Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 

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=({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`
+"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 jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=({versions:e,onChange:r,activeVersionIdx:i})=>{const n=e.map(((e,r)=>({idx:r,value:e.title||e.id})));return(0,jsx_runtime_1.jsx)(VersionWrapper,{children:(0,jsx_runtime_1.jsx)(Dropdown_1.VersionDropdown,{options:n,value:n[i].value,onChange:r,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/ViewNested/ViewNested.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 interface ViewNestedProps {
     expandByDefault?: boolean;
     deepLink?: string;
@@ -11,5 +11,5 @@ interface ViewNestedProps {
     hideText?: string;
     hideDivider?: boolean;
 }
-export declare const ViewNested: React.NamedExoticComponent<React.PropsWithChildren<ViewNestedProps>>;
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
 export {};

package/lib/components/ViewNested/ViewNested.js

@@ -1,17 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,i)}: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.ViewNested=void 0;const styled_components_1=__importStar(require("styled-components")),react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon");function ViewNestedComponent({expandByDefault:e,deepLink:t,level:r,expandable:o=!1,isArray:i="",propertyLength:a="",expandText:n,hideText:l,hideDivider:c=!1,children:s}){const d=(0,react_router_dom_1.useLocation)(),p=(0,utils_1.pathIncludesLink)(d,t),[u,_]=(0,react_1.useState)(e||p),f=u?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;return o?react_1.default.createElement(Wrapper,{$divider:!c&&!u,className:"view-nested-wrapper"},react_1.default.createElement(ShowProperty,{onClick:()=>_(!u)},react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:u?"-":"+",color:f}),!u&&(n||`Show ${1===Number(a)?"":a} ${i&&"array "}${1!==a?"properties":"property"}`),u&&(l||"")),u&&react_1.default.createElement(StyledNested,{color:f},s)):s}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=styled_components_1.default.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  padding: 0;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}: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.ViewNested=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon");function ViewNestedComponent({expandByDefault:e,deepLink:r,level:t,expandable:o=!1,isArray:i="",propertyLength:n="",expandText:s,hideText:l,hideDivider:c=!1,children:a}){const d=(0,react_router_dom_1.useLocation)(),_=(0,utils_1.pathIncludesLink)(d,r),[u,p]=(0,react_1.useState)(e||_),m=u?(0,cycleColorsByLevel_1.cycleColorsByLevel)(t):void 0;return o?(0,jsx_runtime_1.jsxs)(Wrapper,{$divider:!c&&!u,className:"view-nested-wrapper",children:[(0,jsx_runtime_1.jsxs)(ShowProperty,{variant:"ghost",icon:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:u?"-":"+",color:m}),onClick:()=>p(!u),children:[!u&&(s||`Show ${1===Number(n)?"":n} ${i&&"array "}${1!==n?"properties":"property"}`),u&&(l||"")]}),u&&(0,jsx_runtime_1.jsx)(StyledNested,{color:m,children:a})]}):a}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=(0,styled_components_1.default)(theme_1.Button)`
   gap: var(--spacing-xxs);
-  color: var(--text-color-secondary);
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
-  margin-top: var(--spacing-xxs);
-  width: 100%;
 `,StyledNested=styled_components_1.default.div`
   padding-left: var(--schema-nested-offset);
   border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { MediaContentModel } from '../../../models';
 interface BodyContentProps {
     skipReadOnly?: boolean;
@@ -8,5 +8,5 @@ interface BodyContentProps {
     content?: MediaContentModel;
     deepLink: string;
 }
-export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
+export declare const BodyContent: import("react").NamedExoticComponent<BodyContentProps>;
 export {};

package/lib/components/common/BodyContent/BodyContent.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 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.BodyContent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),DropdownTheme_1=require("../DropdownTheme"),Fields_1=require("../Fields"),ConstraintsView_1=require("../ConstraintsView"),Schema_1=require("../../Schema"),models_1=require("../../../models"),Markdown_1=require("../../Markdown"),app_1=require("../../../jotai/app"),LinkToField_1=require("../LinkToField");function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:r,description:n,content:i,deepLink:o}){const[a,l]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!i)return null;const{schema:s,examples:d,operation:c,name:u}=(0,models_1.getActiveMediaType)(i,a);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Title,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:o}),"Body",react_1.default.createElement(DropdownTheme_1.Dropdown,{options:i.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:u,onChange:({value:e})=>l(e)})),e&&react_1.default.createElement(Fields_1.RequiredLabel,null,"required"),react_1.default.createElement(StyledMarkdown,{source:n}),"object"===(null==s?void 0:s.type)&&(null==s?void 0:s.constraints)&&react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:(null==s?void 0:s.constraints)||[]}),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:t,skipWriteOnly:r,key:"schema",schema:s,examples:d,operation:c}))}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),DropdownTheme_1=require("../DropdownTheme"),Fields_1=require("../Fields"),ConstraintsView_1=require("../ConstraintsView"),Schema_1=require("../../Schema"),models_1=require("../../../models"),Markdown_1=require("../../Markdown"),app_1=require("../../../jotai/app"),LinkToField_1=require("../LinkToField");function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:i,description:r,content:n,deepLink:o}){const[s,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!n)return null;const{schema:l,examples:d,operation:_,name:m}=(0,models_1.getActiveMediaType)(n,s);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:o}),"Body",(0,jsx_runtime_1.jsx)(DropdownTheme_1.Dropdown,{options:n.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:m,onChange:({value:e})=>a(e)})]}),e&&(0,jsx_runtime_1.jsx)(Fields_1.RequiredLabel,{children:"required"}),(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:r}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipReadOnly:t,skipWriteOnly:i,schema:l,examples:d,operation:_},"schema")]})}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: var(--spacing-xxs) 0 0;
 `,Title=styled_components_1.default.span`
   position: relative;

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

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

package/lib/components/common/ClearButton/ClearButton.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.ClearButton=void 0;const react_1=__importStar(require("react")),ClearButtonComponent=({className:e,style:t,handleClear:r})=>react_1.default.createElement("button",{className:e,style:t,onClick:r},"✕");exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButtonComponent=({className:e,style:t,handleClear:r})=>(0,jsx_runtime_1.jsx)("button",{className:e,style:t,onClick:r,children:"✕"});exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
 //# sourceMappingURL=ClearButton.js.map

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ConstraintsViewProps {
     constraints: string[];
 }
-export declare const ConstraintsView: React.NamedExoticComponent<ConstraintsViewProps>;
+export declare const ConstraintsView: import("react").NamedExoticComponent<ConstraintsViewProps>;

package/lib/components/common/ConstraintsView.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 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.ConstraintsView=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Fields_1=require("./Fields");function ConstraintsViewComponent({constraints:e}){return 0===e.length?null:react_1.default.createElement(Wrapper,null,e.map((e=>react_1.default.createElement(Fields_1.Tag,{key:e}," ",e," "))))}exports.ConstraintsView=(0,react_1.memo)(ConstraintsViewComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConstraintsView=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Fields_1=require("./Fields");function ConstraintsViewComponent({constraints:e}){return 0===e.length?null:(0,jsx_runtime_1.jsx)(Wrapper,{children:e.map((e=>(0,jsx_runtime_1.jsxs)(Fields_1.Tag,{children:[" ",e," "]},e)))})}exports.ConstraintsView=(0,react_1.memo)(ConstraintsViewComponent);const Wrapper=styled_components_1.default.div`
   margin-top: var(--spacing-xxs);
 `;
 //# sourceMappingURL=ConstraintsView.js.map

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

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

package/lib/components/common/Dropdown/Dropdown.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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importStar(require("react")),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),styled_1=require("./styled"),DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:a,placeholder:l,value:n="",className:o})=>{var i;const u=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},a)=>{const l=(0,utils_1.normalizeText)(t);return react_1.default.createElement("option",{key:e||l+a,value:l,className:"dropdown-option"},r||l)}))),[e]),d=(0,utils_1.normalizeText)(n),c=(null===(i=e.find((e=>e.value===n)))||void 0===i?void 0:i.title)||d;return react_1.default.createElement("div",{className:o+" dropdown-wrapper"},react_1.default.createElement(styled_1.Arrow,null),a&&(null==d?void 0:d.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[l||!n?a-1:a])},value:d,className:"dropdown-select","aria-label":"dropdown select"},l&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:l},l),!d&&!l&&react_1.default.createElement("option",{disabled:!0}),u),react_1.default.createElement("label",null,c))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),styled_1=require("./styled"),DropdownComponent=({options:e,onChange:r,handleClear:t,clearable:n,placeholder:l,value:o="",className:s})=>{var i;const a=(0,react_1.useMemo)((()=>e.map((({idx:e,value:r,title:t},n)=>{const l=(0,utils_1.normalizeText)(r);return(0,jsx_runtime_1.jsx)("option",{value:l,className:"dropdown-option",children:t||l},e||l+n)}))),[e]),d=(0,utils_1.normalizeText)(o),u=(null===(i=e.find((e=>e.value===o)))||void 0===i?void 0:i.title)||d;return(0,jsx_runtime_1.jsxs)("div",{className:s+" dropdown-wrapper",children:[(0,jsx_runtime_1.jsx)(styled_1.Arrow,{}),n&&(null==d?void 0:d.length)>0&&(0,jsx_runtime_1.jsx)(ClearButton_1.ClearButton,{handleClear:t}),(0,jsx_runtime_1.jsxs)("select",{onChange:t=>{const{selectedIndex:n}=t.target;r(e[l||!o?n-1:n])},value:d,className:"dropdown-select","aria-label":"dropdown select",children:[l&&(0,jsx_runtime_1.jsx)("option",{disabled:!0,hidden:!0,value:l,children:l}),!d&&!l&&(0,jsx_runtime_1.jsx)("option",{disabled:!0}),a]}),(0,jsx_runtime_1.jsx)("label",{children:u})]})};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

package/lib/components/common/DropdownTheme/Dropdown.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SelectOption } from '@redocly/theme';
 interface DropdownProps<T> {
     value: T;
@@ -8,6 +7,6 @@ interface DropdownProps<T> {
     }) => void;
     options: SelectOption<T>[];
 }
-declare function DropdownComponent<T>({ options, value, onChange }: DropdownProps<T>): React.JSX.Element;
+declare function DropdownComponent<T>({ options, value, onChange }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const Dropdown: typeof DropdownComponent;
 export {};

package/lib/components/common/DropdownTheme/Dropdown.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.Dropdown=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function DropdownComponent({options:e,value:t,onChange:n}){var o;const r=null===(o=e.find((e=>e.value===t)))||void 0===o?void 0:o.label;return 1===e.length?react_1.default.createElement(Title,null,r):react_1.default.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>react_1.default.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>n(e)},e.label,e.label===t&&react_1.default.createElement(StyledCheckmarkIcon,null))))},react_1.default.createElement(Title,null,r))}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function DropdownComponent({options:e,value:t,onChange:n}){var o;const i=null===(o=e.find((e=>e.value===t)))||void 0===o?void 0:o.label;return 1===e.length?(0,jsx_runtime_1.jsx)(Title,{variant:"ghost",children:i}):(0,jsx_runtime_1.jsx)(StyledDropdown,{withArrow:!0,items:e.map((e=>(0,jsx_runtime_1.jsxs)(Option,{isActive:e.value===t,onClick:()=>n(e),children:[e.label,e.label===t&&(0,jsx_runtime_1.jsx)(StyledCheckmarkIcon,{})]},e.label))),children:(0,jsx_runtime_1.jsx)(Title,{variant:"ghost",children:i})})}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
   width: 16px;
   height: 16px;
   margin-left: auto;
@@ -9,16 +9,8 @@
   gap: var(--spacing-md);
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-weight: ${({isActive:e})=>e&&"var(--font-weight-medium)"};
-`,Title=styled_components_1.default.button`
+`,Title=(0,styled_components_1.default)(theme_1.Button)`
   margin-right: var(--spacing-unit);
-  cursor: default;
-  background: none;
-  border: none;
-  padding: 0;
-  color: var(--text-color-primary);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  font-family: var(--font-family-base);
 `,StyledDropdown=(0,styled_components_1.default)(theme_1.Dropdown)`
   ${Title} {
     cursor: pointer;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ExtensionsProps {
     extensions: {
         [k: string]: string | Record<string, unknown>;
     };
 }
-export declare const Extensions: React.NamedExoticComponent<ExtensionsProps>;
+export declare const Extensions: import("react").NamedExoticComponent<ExtensionsProps>;

package/lib/components/common/Extensions.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),index_1=require("./index"),store_1=require("../../jotai/store"),Extension=(0,styled_components_1.default)(theme_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),index_1=require("./index"),store_1=require("../../jotai/store"),Extension=(0,styled_components_1.default)(theme_1.Markdown)`
   margin: 2px 0;
-`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?react_1.default.createElement("div",null,Object.keys(e).map((t=>react_1.default.createElement(Extension,{key:t},react_1.default.createElement(index_1.FieldLabel,null,n?t:t.substring(2),": ")," ",react_1.default.createElement(index_1.ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?(0,jsx_runtime_1.jsx)("div",{children:Object.keys(e).map((t=>(0,jsx_runtime_1.jsxs)(Extension,{children:[(0,jsx_runtime_1.jsxs)(index_1.FieldLabel,{children:[n?t:t.substring(2),": "]})," ",(0,jsx_runtime_1.jsx)(index_1.ExtensionValue,{children:"string"==typeof e[t]?e[t]:JSON.stringify(e[t])})]},t)))}):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
 //# sourceMappingURL=Extensions.js.map

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
@@ -19,4 +20,7 @@ export declare const ExampleValue: import("styled-components").StyledComponent<"
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
+    variant: "link";
+    size: "small";
+}, "variant" | "size">;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
   button {
     background-color: transparent;
     border: 0;
@@ -100,13 +100,9 @@
   & + & {
     margin-left: 0;
   }
-`,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=styled_components_1.default.button`
-  background-color: transparent;
+`,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=(0,styled_components_1.default)(theme_1.Button).attrs((()=>({variant:"link",size:"small"})))`
   padding: 0;
-  color: var(--button-content-color-primary);
-  border-radius: var(--border-radius);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-  font-weight: var(--font-weight-regular);
 `;
 //# sourceMappingURL=fields.js.map

package/lib/components/common/LinearProgress.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.LinearProgress=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),LoadingLine=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.LinearProgress=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),LoadingLine=styled_components_1.default.div`
   position: relative;
   height: 4px;
   display: block;
@@ -100,5 +100,5 @@
       right: -8%;
     }
   }
-`,LinearProgress=()=>react_1.default.createElement(LoadingLine,null,react_1.default.createElement("div",{className:"indeterminate"}));exports.LinearProgress=LinearProgress;
+`,LinearProgress=()=>(0,jsx_runtime_1.jsx)(LoadingLine,{children:(0,jsx_runtime_1.jsx)("div",{className:"indeterminate"})});exports.LinearProgress=LinearProgress;
 //# sourceMappingURL=LinearProgress.js.map

package/lib/components/common/LinkToField.js

@@ -1,4 +1,4 @@
-"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},__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=__importStar(require("styled-components")),react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),linkify_1=require("./linkify");function generateDeepLink(e){const t=e.deps.operation,i=(0,helpers_1.constructFieldDeepFragment)(e);return(null==t?void 0:t.id)||t.isCallback?(0,services_1.joinWithSeparator)(t.href,(0,services_1.joinWithSeparator)(t.id,i),"#"):"#"+i}exports.generateDeepLink=generateDeepLink;const LinkToField=({to:e,className:t})=>{const i=e,r=(0,react_router_dom_1.useLocation)(),o=null==i?void 0:i.split("#")[1],n=!!r&&r.hash===`#${o}`;return react_1.default.createElement(exports.ShareLinkToField,{ariaLabel:`link  to ${i}`,className:t,isActive:n,to:i,id:o})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,i,t,r){void 0===r&&(r=t);var o=Object.getOwnPropertyDescriptor(i,t);o&&!("get"in o?!i.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return i[t]}}),Object.defineProperty(e,r,o)}:function(e,i,t,r){void 0===r&&(r=t),e[r]=i[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,i){Object.defineProperty(e,"default",{enumerable:!0,value:i})}:function(e,i){e.default=i}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var i={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(i,e,t);return __setModuleDefault(i,e),i};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=exports.generateDeepLink=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),linkify_1=require("./linkify");function generateDeepLink(e){const i=e.deps.operation,t=(0,helpers_1.constructFieldDeepFragment)(e);return(null==i?void 0:i.id)||i.isCallback?(0,services_1.joinWithSeparator)(i.href,(0,services_1.joinWithSeparator)(i.id,t),"#"):"#"+t}exports.generateDeepLink=generateDeepLink;const LinkToField=({to:e,className:i})=>{const t=e,r=(0,react_router_dom_1.useLocation)(),o=null==t?void 0:t.split("#")[1],n=!!r&&r.hash===`#${o}`;return(0,jsx_runtime_1.jsx)(exports.ShareLinkToField,{ariaLabel:`link  to ${t}`,className:i,isActive:n,to:t,id:o})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
   display: flex;
   ${theme_1.LinkIcon} {
     visibility: hidden;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SelectOption } from '@redocly/theme';
 import type { SchemaModel } from '../../../models';
 interface SchemaSelectionProps {
@@ -7,6 +6,6 @@ interface SchemaSelectionProps {
     pointer: string;
     schema: SchemaModel;
 }
-declare function SchemaSelectionComponent({ options, onChange, pointer, schema }: SchemaSelectionProps): React.JSX.Element | null;
+declare function SchemaSelectionComponent({ options, onChange, pointer, schema }: SchemaSelectionProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const SchemaSelection: typeof SchemaSelectionComponent;
 export {};