@redocly/openapi-docs 3.11.0-rc.2 → 3.11.0

package/lib-esm/components/Security/SecurityModal.js

@@ -1,45 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment,useState,useRef}from"react";import styled from"styled-components";import{useOutsideClick,Typography,CloseIcon,SecurityIcon,Segmented,Button,useFocusTrap}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";import{useTranslate}from"../../hooks";export function SecurityModal({securities:e,onClose:t}){const s=useTranslate(),[o,i]=useState(0),r=useRef(null),{schemes:a}=e[o]||{};useOutsideClick(r,t),useFocusTrap(r);const n=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return _jsx(StyledBackground,{children:_jsxs(Wrapper,{ref:r,tabIndex:0,children:[_jsx(Close,{onClick:t,"data-testid":"close",variant:"ghost",icon:_jsx(CloseIcon,{})}),_jsxs(Title,{children:[_jsx(SecurityIcon,{size:"24px"}),s("openapi.security","Security")]}),_jsx(Segmented,{value:o,onChange:({value:e})=>i(e),options:n}),a.map(((t,s)=>_jsxs(Fragment,{children:[_jsx(SecurityFlow,Object.assign({},t,{securities:e})),s!==a.length-1&&_jsx(Divider,{label:"and"})]},t.id)))]})})}const Wrapper=styled.div`
-  background: var(--bg-color);
-  box-shadow: var(--bg-raised-shadow);
-  border-radius: var(--border-radius-lg);
-  padding: var(--spacing-lg);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: absolute;
-  width: 720px;
-  max-width: 100%;
-  height: auto;
-  max-height: 600px;
-  overflow-y: scroll;
-  left: 50%;
-  top: 100px;
-  transform: translateX(-50%);
-  .tag-grey span {
-    font-size: var(--font-size-base);
-    line-height: var(--line-height-base);
-  }
-`,StyledBackground=styled.div`
-  background: var(--bg-color-modal-overlay);
-  position: fixed;
-  width: 100vw;
-  height: 100vh;
-  z-index: var(--z-index-popover);
-  left: 0;
-  top: 0;
-  pointer-events: auto;
-`,Close=styled(Button)`
-  position: absolute;
-  right: var(--spacing-md);
-  top: var(--spacing-md);
-`,Title=styled(Typography)`
-  display: flex;
-  align-items: center;
-  font-size: var(--h4-font-size);
-  font-weight: var(--h4-font-weight);
-  margin-bottom: var(--spacing-lg);
-  svg {
-    margin-right: var(--spacing-xs);
-  }
-`;
-//# sourceMappingURL=SecurityModal.js.map

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

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

package/lib-esm/components/Security/SecuritySchemeItem.js

@@ -1,21 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?_jsxs(Row,{children:[_jsx(Label,{children:e}),_jsx(Value,{children:t})]}):null}const Row=styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-bottom: var(--spacing-xs);
-  font-size: var(--font-size-sm);
-  color: var(--text-color-secondary);
-`,Label=styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  flex: 1;
-`,Value=styled.div`
-  flex: 1;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  word-break: break-word;
-`;
-//# sourceMappingURL=SecuritySchemeItem.js.map

package/lib-esm/components/Security/helper.d.ts

@@ -1,2 +0,0 @@
-import type { SecurityRequirement } from '../../models';
-export declare function getRequiredScopes(id: string, securities: SecurityRequirement[]): string[];

package/lib-esm/components/Security/helper.js

@@ -1,2 +0,0 @@
-export function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:c})=>{r===e&&c.forEach((e=>o.add(e)))}))})),Array.from(o)}
-//# sourceMappingURL=helper.js.map

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

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

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

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

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

@@ -1,2 +0,0 @@
-export declare const Tag: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;

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

@@ -1,14 +0,0 @@
-import styled from"styled-components";export const Tag=styled.div`
-  border-radius: var(--border-radius);
-  padding: 0 var(--spacing-xxs);
-  font-family: var(--font-family-monospaced);
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-sm);
-  color: var(--text-color-primary);
-  background-color: var(--tag-bg-color);
-`;export const StyledLink=styled.a`
-  color: var(--link-color-primary);
-  text-decoration: none;
-  word-wrap: break-word;
-`;
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

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

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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,60 +0,0 @@
-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

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

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

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

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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

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

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

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

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

@@ -1,16 +0,0 @@
-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

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

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

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

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

@@ -1,6 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

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

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

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

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

@@ -1,8 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

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

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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:r,href:n}=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:n,"aria-label":`link to ${r}`}),r]}),_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;
-    }
-  }
-  overflow-wrap: break-word;
-`;
-//# sourceMappingURL=TagItem.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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

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

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