@redocly/openapi-docs 3.11.0-next.10 → 3.11.0-next.2

package/lib-esm/components/SelectOrLabel/SelectOrLabel.d.ts

@@ -0,0 +1,7 @@
+import type { FC, PropsWithChildren, ReactElement } from 'react';
+import type { SelectProps } from '../common/Select';
+export interface SelectOrLabelProps extends SelectProps {
+    Label?: FC<PropsWithChildren>;
+    Select?: FC<SelectProps>;
+}
+export declare function SelectOrLabel({ Label, Select, ...selectProps }: SelectOrLabelProps): ReactElement;

package/lib-esm/components/SelectOrLabel/SelectOrLabel.js

@@ -0,0 +1,8 @@
+var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{SimpleSelect}from"../common/Select";const MimeLabel=styled.span`
+  margin-left: 4px;
+  font-size: 14px;
+  text-transform: none;
+  font-weight: 400;
+  color: var(--text-color-primary);
+`;export function SelectOrLabel(e){var{Label:t=MimeLabel,Select:r=SimpleSelect}=e,o=__rest(e,["Label","Select"]);return 1===o.options.length?_jsx(t,{children:o.options[0].value}):_jsx(r,Object.assign({},o))}
+//# sourceMappingURL=SelectOrLabel.js.map

package/lib-esm/components/SelectOrLabel/index.d.ts

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

package/lib-esm/components/SelectOrLabel/index.js

@@ -0,0 +1,2 @@
+export{SelectOrLabel}from"./SelectOrLabel";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/ServerList/ServerList.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { ServerListProps } from './types';
+export declare const ServerList: ({ servers, path, translate }: ServerListProps) => ReactElement;

package/lib-esm/components/ServerList/ServerList.js

@@ -0,0 +1,60 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CopyButton}from"@redocly/theme";import styled from"styled-components";import{PanelItemDescription,Title}from"../PanelItem";import{ViewNested}from"../ViewNested";import{Tag}from"../common";import{Markdown}from"../Markdown";export const ServerList=({servers:e,path:r,translate:i})=>_jsx(ItemsList,{children:e.map((e=>{const a=e.url+r,t=Object.keys(e.variables||{}).length,s=1===t?"variable":"variables",o=`${t||""} ${i(`openapi.${s}`,s)}`;return _jsxs("div",{children:[_jsx(PanelItemDescription,{children:e.description}),_jsxs(TitleWrap,{children:[_jsx(Title,{suppressHydrationWarning:!0,children:a}),_jsx(CopyButton,{data:a},a)]}),e.variables&&_jsx(ViewNested,{expandText:`${i("openapi.actions.show","Show")} ${o}`,hideText:`${i("openapi.actions.hide","Hide")} ${o}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:_jsx(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,r])=>_jsxs(ServerVariableContainer,{children:[_jsx(ServerVariableName,{children:e}),_jsxs(Variable,{children:[i("openapi.default","Default")," ",_jsx(StyledTag,{children:r.default})]}),_jsx(Description,{source:r.description}),r.enum&&_jsxs(Variable,{children:[i("openapi.enum","Enum")," ",_jsx(TagWrapper,{children:r.enum.map((e=>_jsx(StyledTag,{children:e},e)))})]})]},e)))})})]},e.url)}))});const ItemsList=styled.div`
+  & > div {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-sm);
+  }
+
+  & > div:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,ServerVariablesContainer=styled.div`
+  padding-left: var(--spacing-xxs);
+  & > div {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-sm);
+  }
+
+  & > div:first-child {
+    margin-top: var(--spacing-sm);
+    padding-top: 0;
+  }
+
+  & > div:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,ServerVariableContainer=styled.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+`,Description=styled(Markdown)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,Variable=styled.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,ServerVariableName=styled(Variable)`
+  padding-bottom: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+`,TagWrapper=styled.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`,StyledTag=styled(Tag)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+`,TitleWrap=styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+//# sourceMappingURL=ServerList.js.map

package/lib-esm/components/ServerList/index.d.ts

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

package/lib-esm/components/ServerList/index.js

@@ -0,0 +1,2 @@
+export{ServerList}from"./ServerList";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/ServerList/types.d.ts

@@ -0,0 +1,5 @@
+import type { TFunction } from '@redocly/theme';
+import type { OperationModel } from '../../models';
+export type ServerListProps = Pick<OperationModel, 'servers' | 'path'> & {
+    translate: TFunction;
+};

package/lib-esm/components/ServerList/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/components/ServerListDropdown/ServerListDropdown.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../models';
+export interface ServerListDropdownProps {
+    operation: OperationModel;
+    className?: string;
+}
+export declare const ServerListDropdown: ({ operation, className, }: ServerListDropdownProps) => ReactElement;

package/lib-esm/components/ServerListDropdown/ServerListDropdown.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo,useCallback}from"react";import{Dropdown,DropdownMenu}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{HttpVerb}from"../common";import{PathWrapper,Path,StyledCopyButton,StyledDropdownMenuItem}from"./styled";import{PanelItem}from"../PanelItem";import{joinWithSeparator}from"../../services";import{replaceVariables}from"../../utils";import{environmentAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{useActiveWithFallback,useTelemetry}from"../../hooks";import{getServerEnvName}from"../../utils/environments";import{createTargetServerSwitchEvent}from"../../events";export const ServerListDropdown=({operation:e,className:r})=>{const t=useTelemetry(),[[o],a]=useAtom(environmentAtom),{options:{events:s}}=useAtomValue(globalStoreAtom),i=useActiveWithFallback(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),o.server),n=useCallback((e=>{e.stopPropagation()}),[]),m=useCallback((r=>()=>{if(1!==e.servers.length&&(a({environment:getServerEnvName(r)}),t.send({type:"openapi_docs.switch_servers.clicked",payload:{server:getServerEnvName(r)}}),(null==s?void 0:s.targetServerSwitch)&&r)){const t=createTargetServerSwitchEvent({operation:e,serverUrl:r.url});s.targetServerSwitch(t)}}),[e,a,t,s]),l=useMemo((()=>e.servers.map((r=>{const t=joinWithSeparator(replaceVariables(r),e.path);return _jsx(StyledDropdownMenuItem,{onAction:m(r),children:_jsx(PanelItem,{header:r.description,title:t,actions:[_jsx(StyledCopyButton,{data:t,toasterPlacement:"left",onCopyClick:n},t)],active:r.url===i,withCheckmark:!0})},t)}))),[e.servers,e.path,m,n,i]);return _jsx(Dropdown,{className:r,trigger:_jsxs(PathWrapper,{variant:"ghost",children:[_jsx(HttpVerb,{color:e.httpVerb,children:e.httpVerb}),_jsx(Path,{children:e.path})]}),withArrow:!0,children:_jsx(DropdownMenu,{children:l})})};
+//# sourceMappingURL=ServerListDropdown.js.map

package/lib-esm/components/ServerListDropdown/index.d.ts

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

package/lib-esm/components/ServerListDropdown/index.js

@@ -0,0 +1,2 @@
+export{ServerListDropdown}from"./ServerListDropdown";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/ServerListDropdown/styled.d.ts

@@ -0,0 +1,5 @@
+import { DropdownMenuItem } from '@redocly/theme';
+export declare const PathWrapper: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;
+export declare const Path: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledDropdownMenuItem: import("styled-components").StyledComponent<typeof DropdownMenuItem, any, {}, never>;
+export declare const StyledCopyButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("@redocly/theme").CopyButtonProps>, any, {}, never>;

package/lib-esm/components/ServerListDropdown/styled.js

@@ -0,0 +1,23 @@
+import styled from"styled-components";import{breakpoints,Button,CopyButton,DropdownMenuItem}from"@redocly/theme";export const PathWrapper=styled(Button)`
+  display: inline-flex;
+  overflow-x: hidden;
+  font-weight: var(--font-weight-regular);
+`;export const Path=styled.span`
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+`;export const StyledDropdownMenuItem=styled(DropdownMenuItem)`
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-lg);
+  @media screen and (max-width: ${breakpoints.large}) {
+    max-width: 280px;
+  }
+`;export const StyledCopyButton=styled(CopyButton)`
+  :hover {
+    background-color: var(--dropdown-menu-item-bg-color-hover);
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,8 @@
+import type { ExtendedMenuItem, IMenuItem } from '../../services';
+interface SideMenuProps {
+    items: (ExtendedMenuItem & IMenuItem)[];
+    className?: string;
+}
+export declare const SideMenu: import("react").NamedExoticComponent<SideMenuProps>;
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/lib-esm/components/SideMenu/SideMenu.js

@@ -0,0 +1,4 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{Menu}from"@redocly/theme";import styled from"styled-components";import{useMenuItems}from"./hooks/useMenuItems";const SideMenuComponent=({items:e,className:o})=>{const t=useMenuItems({items:e});return _jsx(MenuWrapper,{className:o,children:_jsx(Menu,{items:t})})};export const SideMenu=memo(SideMenuComponent);export const MenuWrapper=styled.div`
+  overflow: auto;
+`;
+//# sourceMappingURL=SideMenu.js.map

package/lib-esm/components/SideMenu/hooks/useMenuItems.d.ts

@@ -0,0 +1,7 @@
+import type { IMenuItem } from '../../../services';
+import type { ExtendedMenuItem } from '../types';
+type UseMenuItemsInput = {
+    items: IMenuItem[];
+};
+export declare function useMenuItems({ items }: UseMenuItemsInput): ExtendedMenuItem[];
+export {};

package/lib-esm/components/SideMenu/hooks/useMenuItems.js

@@ -0,0 +1,2 @@
+import{useActiveSectionId}from"@redocly/theme";import{useMemo}from"react";import{useLocation}from"react-router-dom";import{pathMatchedLink}from"../../../utils";import{DEFAULT_WEBHOOKS_TAG_NAME}from"../../../constants";export function useMenuItems({items:e}){const t=useLocation(),i=useActiveSectionId(t,!1,!1);return useMemo((()=>mapAndSetActiveItems(e,i,t)),[i,e,t])}function mapAndSetActiveItems(e,t="",i){const s=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:s,activeItemId:t,location:i}),s}function isItemActive(e,t="",i){return!!e.href&&(t?e.id===t:pathMatchedLink(i,e.href))}function isSubItemActive(e,t="",i){return(e.items||[]).some((e=>isItemActive(e,t,i)||isSubItemActive(e,t,i)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:i,activeItemId:s,location:c}=e;let o=!0;for(const n of t){const t=isItemActive(n,s,c),a=isSubItemActive(n,s,c);switch(n.type){case"group":i.push({type:"separator",label:n.name,active:t,hasActiveSubItem:a}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:n.items,sidebarItems:i}));break;case"tag":const m={type:"group",label:n.name,items:[],link:n.href,active:t,hasActiveSubItem:a,modified:!0};i.push(m),convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:m.items||[],activeItemId:s,location:c});break;case"operation":case"schema":n.isWebhook&&o&&n.parent.name!==DEFAULT_WEBHOOKS_TAG_NAME&&(i.push({type:"separator",label:"Webhooks",variant:"secondary"}),o=!1),i.push({type:"link",label:n.name,httpVerb:"schema"===n.type?"schema":n.httpVerb,link:n.href,badges:n.badges,active:t,hasActiveSubItem:a,modified:!0,deprecated:n.deprecated});break;case"section":if(-1===n.depth)continue;const r={type:n.items.length?"group":"link",label:n.name,link:n.href,items:[],active:t,hasActiveSubItem:a,modified:!0};i.push(r),n.items.length&&convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:r.items,activeItemId:s,location:c})}}}
+//# sourceMappingURL=useMenuItems.js.map

package/lib-esm/components/SideMenu/index.d.ts

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

package/lib-esm/components/SideMenu/index.js

@@ -0,0 +1,2 @@
+export{SideMenu}from"./SideMenu";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,16 @@
+import type { IMenuItem } from '../../services';
+export interface MenuItemLinkProps {
+    depth: number;
+    active: boolean;
+    deprecated?: boolean;
+    type?: string;
+    hasChildren?: boolean;
+    to: string;
+    href?: string;
+    onClick?: () => void;
+}
+export type ExtendedMenuItem = IMenuItem & {
+    active: boolean;
+    hasActiveSubItem: boolean;
+    items: ExtendedMenuItem[];
+};

package/lib-esm/components/SideMenu/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/components/StickySidebar/SidebarActions.d.ts

@@ -0,0 +1 @@
+export declare const SidebarActions: () => import("react/jsx-runtime").JSX.Element;

package/lib-esm/components/StickySidebar/SidebarActions.js

@@ -0,0 +1,6 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useAtom}from"jotai";import{LayoutVariant,SidebarActions as ThemeSidebarActions}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarAtom,layoutAtom}from"../../jotai/app";export const SidebarActions=()=>{const[a,o]=useAtom(layoutAtom),[t,e]=useAtom(collapsedSidebarAtom);return _jsx(_Fragment,{children:_jsx(Wrapper,{children:_jsx(ThemeSidebarActions,{layout:a,onChangeViewClick:()=>o(a===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:t,onChangeCollapseSidebarClick:()=>e(!t),isApiDocs:!0})})})};const Wrapper=styled.div`
+  position: sticky;
+  top: calc(100vh);
+  padding: var(--spacing-sm) var(--spacing-md);
+`;
+//# sourceMappingURL=SidebarActions.js.map

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

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

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.js

@@ -0,0 +1,25 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useEffect,useRef,useState}from"react";import styled from"styled-components";import{useMount,breakpoints}from"@redocly/theme";import{useAtom}from"jotai";import{useLocation}from"react-router-dom";import{isSidebarOpenedAtom}from"../../jotai/app";import{SidebarActions}from"./SidebarActions";const StyledStickySidebar=styled.div`
+  overflow: hidden;
+  flex-direction: column;
+  backface-visibility: hidden;
+  height: ${({offsetTop:e})=>`calc(100vh - ${e})`};
+  top: 0;
+  flex: 0 0 auto;
+  position: fixed;
+  display: ${({open:e})=>e?"flex":"none"};
+  z-index: 2;
+  width: 100%;
+  background: var(--sidebar-bg-color);
+  border-right: ${({collapsedSidebar:e})=>e?"1px solid var(--sidebar-border-color)":"auto"};
+
+  @media screen and (min-width: ${breakpoints.small}) {
+    position: sticky;
+    z-index: auto;
+    width: ${({collapsedSidebar:e})=>e?"var(--sidebar-width)":"auto"};
+    display: flex;
+  }
+  @media print {
+    display: none;
+  }
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,className:o,children:t,collapsedSidebar:i}){const[s,r]=useState("0px"),a=useRef(null),d=useLocation(),[n,c]=useAtom(isSidebarOpenedAtom);return useEffect((()=>{d.hash&&c(!1)}),[d.pathname,d.hash,c]),useMount((()=>{const o=e();r(`${o}px`)})),_jsx(_Fragment,{children:_jsxs(StyledStickySidebar,{open:n,className:o,offsetTop:s,style:{top:s},ref:a,collapsedSidebar:i,children:[i||n?t:null,_jsx(SidebarActions,{})]})})}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
+//# sourceMappingURL=StickyResponsiveSidebar.js.map

package/lib-esm/components/StickySidebar/index.d.ts

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

package/lib-esm/components/StickySidebar/index.js

@@ -0,0 +1,2 @@
+export{StickyResponsiveSidebar}from"./StickyResponsiveSidebar";
+//# sourceMappingURL=index.js.map

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

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

package/lib-esm/components/Tabs/Tabs.js

@@ -0,0 +1,35 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled,{css}from"styled-components";import{StatusCode}from"@redocly/theme";export function Tabs({tabs:e,onChange:t,activeTab:r}){return _jsx(TabList,{children:e.map((e=>_jsx(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:_jsx(StatusCode,{status:e.key,children:e.title})},e.key)))})}const TabList=styled.ol`
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`,Tab=styled.li`
+  display: inline-flex;
+  align-items: center;
+  list-style: none;
+
+  padding: 0 var(--spacing-sm);
+  background-color: transparent;
+  height: 24px;
+  border-radius: var(--border-radius);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+
+  &,
+  button {
+    color: var(--text-color-secondary);
+
+    ${({$active:e})=>e?css`
+            color: var(--text-color-primary);
+            background-color: var(--tab-bg-color-filled);
+          `:css`
+            &:hover {
+              color: var(--text-color-primary);
+            }
+          `}
+  }
+`;
+//# sourceMappingURL=Tabs.js.map

package/lib-esm/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export { useTabsState } from './useTabsState';

package/lib-esm/components/Tabs/index.js

@@ -0,0 +1,2 @@
+export{Tabs}from"./Tabs";export{useTabsState}from"./useTabsState";
+//# sourceMappingURL=index.js.map

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

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

package/lib-esm/components/Tabs/useTabsState.js

@@ -0,0 +1,2 @@
+import{useCallback,useState}from"react";import{useMount}from"@redocly/theme";export function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[u,n]=useState(t||e[0].key);useMount((()=>{t&&(n(t),null==a||a(t))}));const o=useCallback((e=>{u!==e.key&&n(e.key),null==a||a(e.key)}),[u,a]);return{activeTab:u,handleTabChange:o}}
+//# sourceMappingURL=useTabsState.js.map

package/lib-esm/components/TagItem/OperationNavigationItems.d.ts

@@ -0,0 +1,9 @@
+import type { TFunction } from '@redocly/theme';
+import type { OperationsNavigationProps } from './types';
+type OperationNavigationItemsProps = OperationsNavigationProps & {
+    title: string;
+    onClick: (link: string) => void;
+    translate: TFunction;
+};
+export declare const OperationNavigationItems: import("react").NamedExoticComponent<OperationNavigationItemsProps>;
+export {};

package/lib-esm/components/TagItem/OperationNavigationItems.js

@@ -0,0 +1,37 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{joinWithSeparator}from"../../services";import{encodeBackSlashes}from"../../utils";import{HttpVerb,NavigationBadge}from"../common";import{StyledButton}from"./styled";function OperationNavigationItemsComponent({title:e,items:t,onClick:a,routingBasePath:r,translate:o}){return _jsxs(_Fragment,{children:[_jsx(Heading,{children:e}),t.map((({id:e,href:t,httpVerb:i,path:n,deprecated:s,badges:l})=>_jsx(Item,{variant:"outlined",size:"large",onClick:()=>a(joinWithSeparator(r,encodeBackSlashes(t))),children:_jsxs("span",{children:[_jsx(HttpVerb,{color:s?"http-deprecated":i,children:i}),_jsx(Path,{children:n}),s&&_jsx(NavigationBadge,{deprecated:!0,children:o("openapi.badges.deprecated","Deprecated")}),null==l?void 0:l.map((({name:e,color:t})=>_jsx(NavigationBadge,{color:t,children:e},e)))]})},e)))]})}export const OperationNavigationItems=memo(OperationNavigationItemsComponent);const Heading=styled.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-bold);
+  color: var(--text-color-primary);
+  margin: var(--spacing-sm) 0 var(--spacing-xxs) 0;
+`,Item=styled(StyledButton)`
+  border-radius: var(--border-radius);
+  background: var(--bg-color);
+  justify-content: space-between;
+
+  & > 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.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  text-decoration: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`;
+//# sourceMappingURL=OperationNavigationItems.js.map

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

@@ -0,0 +1,3 @@
+import type { OperationsNavigationProps } from './types';
+export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const OperationsNavigation: import("react").NamedExoticComponent<OperationsNavigationProps>;

package/lib-esm/components/TagItem/OperationsNavigation.js

@@ -0,0 +1,7 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo,memo,useState,useCallback}from"react";import{useNavigate}from"react-router-dom";import{LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{useAtomValue}from"jotai/index";import{SamplesPanel}from"../common";import{layoutAtom}from"../../jotai/app";import{OperationNavigationItems}from"./OperationNavigationItems";import{StyledButton}from"./styled";import{useTranslate}from"../../hooks";const MAX_OPERATIONS=8;export function OperationsNavigationComponent({items:o,routingBasePath:t}){const e=useTranslate(),[a,i]=useState(!1),s=useNavigate(),n=useAtomValue(layoutAtom)===LayoutVariant.STACKED,{operations:r,webhooks:p,count:m}=useMemo((()=>{const t=o.filter((o=>"operation"===o.type)),e=a?t:t.slice(0,MAX_OPERATIONS),{operations:i,webhooks:s}=e.reduce(((o,t)=>(t.isWebhook?o.webhooks.push(t):o.operations.push(t),o)),{operations:[],webhooks:[]});return{operations:i,webhooks:s,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,o]),l=useCallback((o=>s(o)),[s]);return r.length||p.length?_jsxs(Wrapper,{isStacked:n,"data-testid":"operation-navigation-list",children:[r.length>0&&_jsx(OperationNavigationItems,{items:r,onClick:l,routingBasePath:t,translate:e,title:e("openapi.operations","Operations")}),p.length>0&&_jsx(OperationNavigationItems,{items:p,onClick:l,routingBasePath:t,translate:e,title:e("openapi.webhooks","Webhooks")}),!a&&Boolean(m)&&_jsxs(StyledButton,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>i(!0),children:[e("openapi.actions.show","Show")," ",m," ",e("openapi.actions.more","more"),"..."]})]}):null}export const OperationsNavigation=memo(OperationsNavigationComponent);const Wrapper=styled(SamplesPanel)`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  padding-top: var(--spacing-xxl);
+`;
+//# sourceMappingURL=OperationsNavigation.js.map

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

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

package/lib-esm/components/TagItem/TagItem.js

@@ -0,0 +1,23 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{breakpoints,Button,H2,LayoutVariant,LinkIcon}from"@redocly/theme";import{useNavigate}from"react-router-dom";import styled from"styled-components";import{useAtomValue}from"jotai";import{Row,SamplesMiddlePanel,ShareLink}from"../common";import{Markdown}from"../Markdown";import{OperationsNavigation}from"./OperationsNavigation";import{layoutAtom}from"../../jotai/app";import{useTranslate}from"../../hooks";export function TagItemComponent({item:a,routingBasePath:t="",isExpanded:o}){const e=useTranslate(),{description:i,name:n,href:r}=a,s=useNavigate(),m=useAtomValue(layoutAtom),d=useCallback((()=>{s(t+a.href)}),[a.href,s,t]),l=Boolean(a.items.length),p=m===LayoutVariant.STACKED;return _jsxs(Wrapper,{expanded:o,children:[_jsxs(Row,{layout:m,children:[_jsxs(SamplesMiddlePanel,{fullWidth:!l,isStacked:p,children:[_jsxs(Heading,{children:[_jsx(ShareLink,{to:r,"aria-label":`link to ${n}`}),n]}),_jsx(Markdown,{source:i})]}),l&&_jsx(OperationsNavigation,{items:a.items,routingBasePath:t})]}),l&&!o&&_jsxs(ShowButton,{type:"button",variant:"text",size:"medium",onClick:d,children:["+ ",e("openapi.actions.show","Show")]})]})}export const TagItem=memo(TagItemComponent);const Wrapper=styled.div`
+  padding-top: var(--spacing-lg);
+  padding-bottom: ${({expanded:a})=>a?"var(--spacing-xxl)":""};
+`,ShowButton=styled(Button)`
+  margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
+  width: calc(100% - var(--spacing-xl) * 2);
+
+  @media screen and (min-width: ${breakpoints.medium}) {
+    --button-margin-md: calc(var(--spacing-xl) * 2);
+
+    margin-left: var(--button-margin-md);
+    margin-right: var(--button-margin-md);
+    width: calc(100% - var(--button-margin-md) * 2);
+  }
+`,Heading=styled(H2)`
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`;
+//# sourceMappingURL=TagItem.js.map

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

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

package/lib-esm/components/TagItem/index.js

@@ -0,0 +1,2 @@
+export{TagItem}from"./TagItem";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/TagItem/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;

package/lib-esm/components/TagItem/styled.js

@@ -0,0 +1,6 @@
+import styled from"styled-components";import{Button}from"@redocly/theme";export const StyledButton=styled(Button)`
+  & + & {
+    margin-left: 0;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/TagItem/types.d.ts

@@ -0,0 +1,5 @@
+import type { OperationMenuItem } from '../../models';
+export type OperationsNavigationProps = {
+    items: OperationMenuItem[];
+    routingBasePath: string;
+};

package/lib-esm/components/TagItem/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/components/ViewNested/ViewNested.d.ts

@@ -0,0 +1,13 @@
+import type { PropsWithChildren } from 'react';
+interface ViewNestedProps {
+    expandByDefault: boolean;
+    level?: number;
+    expandable?: boolean;
+    expandText?: string;
+    hideText?: string;
+    hideDivider?: boolean;
+    expandedAll?: boolean;
+    isNestedArray?: boolean;
+}
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
+export {};

package/lib-esm/components/ViewNested/ViewNested.js

@@ -0,0 +1,35 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import styled,{css}from"styled-components";import{memo,useEffect,useState}from"react";import{isUndefined}from"@redocly/theme";import{cycleColorsByLevel}from"../PropertyDetails/cycleColorsByLevel";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";import{LabelValue}from"../common/styled";function ViewNestedComponent({expandByDefault:e,level:r,expandable:s=!1,expandText:o,hideText:t,hideDivider:i=!1,children:a,expandedAll:n,isNestedArray:d}){var l;const[c,p]=useState(null!==(l=e||d)&&void 0!==l&&l);useEffect((()=>{isUndefined(n)||p(n)}),[n]);const m=c?cycleColorsByLevel(r):void 0;if(!s)return a;return d?_jsxs(_Fragment,{children:[_jsx(LabelValue,{children:"Array ["}),_jsx(Wrapper,{$isArrayInsideArray:d,className:"view-nested-wrapper",children:_jsx(StyledNested,{color:m,children:a})})]}):_jsx(_Fragment,{children:_jsxs(Wrapper,{$divider:!i&&!c,className:"view-nested-wrapper",children:[_jsxs(ShowProperty,{onClick:()=>{p((e=>!e))},children:[_jsx(CircleIcon,{sign:c?"-":"+",color:m}),!c&&o,c&&(t||"")]}),c&&_jsx(StyledNested,{color:m,children:a})]})})}export const ViewNested=memo(ViewNestedComponent);const ShowProperty=styled.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  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: var(--spacing-xxs) 0 var(--spacing-xs);
+  width: 100%;
+`,StyledNested=styled.div`
+  padding-left: var(--schema-nested-offset);
+  border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
+  margin: -10px 0 0 9px;
+  ${({color:e})=>e&&css`
+      .schema-name {
+        color: ${e};
+      }
+    `}
+`,Wrapper=styled.div`
+  width: 100%;
+  ${({$isArrayInsideArray:e})=>e&&css`
+      padding-top: var(--schema-property-details-spacing);
+    `}
+
+  ${({$divider:e})=>e&&css`
+      border-bottom: 1px solid var(--border-color-primary);
+      padding-bottom: var(--schema-property-details-spacing);
+    `}
+`;
+//# sourceMappingURL=ViewNested.js.map

package/lib-esm/components/ViewNested/index.d.ts

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

package/lib-esm/components/ViewNested/index.js

@@ -0,0 +1,2 @@
+export{ViewNested}from"./ViewNested";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/common/Badges.d.ts

@@ -0,0 +1,13 @@
+import { Badge } from '@redocly/theme';
+import type { PropsWithChildren } from 'react';
+import type { OpenAPIXBadges } from '../../types';
+interface CustomBadgesProps {
+    badges?: OpenAPIXBadges[];
+}
+export declare const CustomBadges: import("react").NamedExoticComponent<PropsWithChildren<CustomBadgesProps>>;
+export declare const StyledBadge: import("styled-components").StyledComponent<typeof Badge, any, {}, never>;
+export declare const NavigationBadge: import("styled-components").StyledComponent<typeof Badge, any, {
+    deprecated?: boolean;
+    color?: string;
+}, never>;
+export {};

package/lib-esm/components/common/Badges.js

@@ -0,0 +1,19 @@
+import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled,{css}from"styled-components";import{Badge}from"@redocly/theme";function CustomBadgesComponent({badges:e,children:o}){if(!e)return _jsx(_Fragment,{children:o});const r=e.filter((({position:e})=>"before"===e)),t=e.filter((({position:e})=>"after"===e));return _jsxs(_Fragment,{children:[r.map((({name:e,color:o})=>_jsx(StyledBadge,{color:o,children:e},e))),o,t.map((({name:e,color:o})=>_jsx(StyledBadge,{color:o,children:e},e)))]})}export const CustomBadges=memo(CustomBadgesComponent);export const StyledBadge=styled(Badge)`
+  margin-left: 0;
+  background-color: ${({color:e})=>e||"var(--color-info-base)"};
+  ${({deprecated:e})=>e&&css`
+      color: var(--badge-deprecated-text-color);
+      background-color: var(--badge-deprecated-bg-color);
+      border-radius: var(--badge-deprecated-border-radius);
+    `};
+`;export const NavigationBadge=styled(StyledBadge)`
+  margin-left: 0;
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  padding: 0 var(--spacing-xxs);
+  max-width: 80px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+`;
+//# sourceMappingURL=Badges.js.map

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

@@ -0,0 +1,11 @@
+import type { MediaContentModel } from '../../../models';
+interface BodyContentProps {
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    required?: boolean;
+    description?: string | GenericObject;
+    content?: MediaContentModel;
+    deepLink?: string;
+}
+export declare const BodyContent: import("react").NamedExoticComponent<BodyContentProps>;
+export {};