@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -1,5 +0,0 @@
-import type { OpenAPISecurityScheme } from '../../types';
-export interface OAuthFlowProps {
-    type: string;
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-}

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-interface SeeMoreProps {
-    children?: React.ReactNode;
-    height: string;
-}
-export declare function SeeMore({ children, height }: SeeMoreProps): JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import styled from"styled-components";import React,{createRef,useLayoutEffect,useState}from"react";const TOLERANCE_PX=20;export function SeeMore({children:e,height:t}){const n=createRef(),[r,o]=React.useState(!1),[a,c]=useState(!1);useLayoutEffect((()=>{n.current&&n.current.clientHeight+TOLERANCE_PX<n.current.scrollHeight&&c(!0)}),[n]);return React.createElement(React.Fragment,null,React.createElement(Container,{ref:n,className:r?"":"container",style:{height:r?"auto":t}},e),React.createElement(ButtonContainer,{dimmed:!r},a&&React.createElement(ButtonLinkStyled,{onClick:()=>{o(!r)}},r?"See less":"See more")))}const Container=styled.div`
-  overflow-y: hidden;
-`,ButtonContainer=styled.div`
-  text-align: center;
-  line-height: 1.5em;
-  ${({dimmed:e})=>e&&"background-image: linear-gradient(to bottom, transparent, var(--background-color));\n     position: relative;\n     top: -0.5em;\n     padding-top: 0.5em;\n    "}
-`,ButtonLinkStyled=styled.a`
-  cursor: pointer;
-`;
-//# sourceMappingURL=SeeMore.js.map

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

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

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

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

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Actions: () => JSX.Element;

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

@@ -1,5 +0,0 @@
-import React from"react";import{useRecoilState,useRecoilValue}from"@redocly/recoil";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarSelector,layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalOptionsSelector}from"../../recoil/store";export const Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:o}=useRecoilValue(globalOptionsSelector),[t,a]=useRecoilState(layoutSelector),[l,i]=useRecoilState(showRightPanelToggleSelector),[r,c]=useRecoilState(collapsedSidebarSelector);return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,React.createElement(SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:l,layout:t,initialShowRightPanelToggle:o,onChangeRightPanelViewClick:()=>i((e=>!e)),onChangeViewClick:()=>a(t===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:r,onChangeCollapseSidebarClick:()=>c((e=>!e)),isOpenapiDocs:!0})))};const Wrapper=styled.div`
-  position: sticky;
-  top: calc(100vh);
-`;
-//# sourceMappingURL=Actions.js.map

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ExtendedMenuItem } from './types';
-import type { IMenuItem } from '../../services';
-import { Pagination } from '../../services';
-interface MenuItemProps {
-    active?: boolean;
-    item: ExtendedMenuItem;
-    pagination?: Pagination;
-    onClick?: () => void;
-}
-export declare const MenuItem: React.NamedExoticComponent<React.PropsWithChildren<MenuItemProps>>;
-export declare function getLink(item: IMenuItem, pagination?: Pagination): string;
-export {};

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

@@ -1,2 +0,0 @@
-import React,{memo,useCallback}from"react";import{Tag}from"@redocly/theme";import{Pagination}from"../../services";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n,pagination:m}){var o;const[i,a]=useMenuItemExpanded(e),r=getLink(e,m),c=useCallback((()=>{r&&e.hasActiveSubItem||a(!i)}),[r,e.hasActiveSubItem,a,i]),l=(null===(o=e.items)||void 0===o?void 0:o.length)>0;return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:r,active:e.active},t):React.createElement(MenuItemLink,{to:r,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&React.createElement(ShelfIcon,{direction:i?"down":"right"})||null,e.isSchema?React.createElement(Tag,{color:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),l&&React.createElement(MenuItems,{expanded:i,items:e.items}))}export const MenuItem=memo(MenuItemComponent);export function getLink(e,t){return"tag"!==e.type||e.description||t!==Pagination.Item?encodeBackSlashes(e.href):""}
-//# sourceMappingURL=MenuItem.js.map

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

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

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

@@ -1,2 +0,0 @@
-import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLi,MenuItemLabel,MenuItemTitle,SeparatorLine}from"./styled";function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return React.createElement(React.Fragment,null,isSeparator(e)?e.separator?React.createElement(MenuItemLabel,{depth:0,active:!1},e.separator):null:React.createElement(MenuItemLi,{depth:1},React.createElement(MenuItemExternalLink,{href:e.link,target:e.target,depth:1},React.createElement(MenuItemTitle,{title:e.label},e.label))),e.separatorLine?React.createElement(SeparatorLine,null):null)}export const MenuExternalLink=memo(MenuExternalLinkComponent);
-//# sourceMappingURL=MenuItemEternalLink.js.map

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

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

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

@@ -1,2 +0,0 @@
-import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLabel}from"./styled";function MenuItemLinkComponent({href:e,children:t,to:n,hasChildren:m,deprecated:r,depth:c,active:i,type:o,onClick:a}){return n?React.createElement(StyledMenuItemLink,{$active:i,$hasChildren:m,type:o,deprecated:r,depth:c,to:n,onClick:a},t):React.createElement(MenuItemLabel,{type:o,active:i,deprecated:r,depth:c,href:e,$hasChildren:m,onClick:a},t)}export const MenuItemLink=memo(MenuItemLinkComponent);
-//# sourceMappingURL=MenuItemLink.js.map

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

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

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

@@ -1,2 +0,0 @@
-import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsSelector}from"../../recoil/store";import{Pagination}from"../../services";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:i=[],expanded:m=!0,style:r}){const{pagination:a,hideInfoSection:l}=useRecoilValue(globalOptionsSelector);return React.createElement(MenuItemUl,{className:n,style:r,expanded:m,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>l&&a===Pagination.None&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e,pagination:a}))),i.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
-//# sourceMappingURL=MenuItems.js.map

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

@@ -1,9 +0,0 @@
-import React 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 {};

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

@@ -1,8 +0,0 @@
-import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";const MenuItemOperationLink=styled(MenuItemLink)`
-  flex-wrap: wrap;
-`,MenuItemDescription=styled.small`
-  display: block;
-  font-size: 0.87em;
-  line-height: 1.2;
-`;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,i;const{sideNavStyle:m,showWebhookVerb:a}=useRecoilValue(globalOptionsSelector);return m!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=m===SideNavStyle.IdOnly?e.operationId||e.path:e.name,i=null):(r=React.createElement(MenuItemPath,{title:e.path}," ",e.path," "),i=React.createElement(MenuItemDescription,null," ",e.name," ")),React.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?React.createElement(HttpTag,{color:"hook"},a?e.httpVerb:l("webhook")):React.createElement(HttpTag,{color:e.httpVerb},shortenHTTPVerb(e.httpVerb)),React.createElement(MenuItemTitle,{width:"calc(100% - 42px)"},r,o),i)}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
-//# sourceMappingURL=MenuOperationItemContent.js.map

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

@@ -1,2 +0,0 @@
-export { useMenuItems } from './useMenuItems';
-export { useMenuItemExpanded } from './useMenuItemExpanded';

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

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

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

@@ -1,3 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react';
-import type { ExtendedMenuItem } from '../types';
-export declare function useMenuItemExpanded({ active, hasActiveSubItem, type, }: ExtendedMenuItem): [boolean, Dispatch<SetStateAction<boolean>>];

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

@@ -1,2 +0,0 @@
-import{useEffect,useState}from"react";export function useMenuItemExpanded({active:e,hasActiveSubItem:t,type:n}){const[u,s]=useState(isItemExpanded(e,t,n));return useEffect((()=>{s(isItemExpanded(e,t,n))}),[e,t,n]),[u,s]}function isItemExpanded(e,t,n){return e||t||"group"===n}
-//# sourceMappingURL=useMenuItemExpanded.js.map

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export declare const MenuItemUl: import("styled-components").StyledComponent<"ul", any, {
-    expanded: boolean;
-}, never>;
-export declare const MenuItemLi: import("styled-components").StyledComponent<"li", any, {
-    depth: number;
-}, never>;
-export declare const StyledMenuItemLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {
-    role: "menuitem";
-    className: `-depth${number} ` | `-depth${number} active`;
-    'data-cy': string;
-} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
-    $active: boolean;
-    $hasChildren: boolean | undefined;
-}, "className" | "role" | "data-cy">;
-export declare const MenuItemLabel: import("styled-components").StyledComponent<any, any, {
-    role: "menuitem";
-    className: `-depth${number} ` | `-depth${number} active`;
-    'data-cy': string;
-} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
-    $active: boolean;
-    $hasChildren: boolean | undefined;
-} & object, string | number | symbol>;
-export declare const MenuItemTitle: import("styled-components").StyledComponent<"span", any, {
-    width?: string | undefined;
-}, never>;
-export declare const RedocAttribution: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItemPath: import("styled-components").StyledComponent<"code", any, {}, never>;
-export declare const SeparatorLine: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,97 +0,0 @@
-import styled from"styled-components";import{Link}from"react-router-dom";import{ShelfIcon}from"../icons";import{deprecatedCss}from"../common";export const MenuItemUl=styled.ul`
-  margin: 0;
-  padding: 0;
-
-  & & {
-    font-size: 14px;
-  }
-
-  ${e=>e.expanded?"":"display: none;"};
-`;export const MenuItemLi=styled.li`
-  list-style: none inside none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: 0;
-  ${({depth:e})=>0===e?"margin-top: 10px":""};
-`;export const StyledMenuItemLink=styled(Link).attrs((({depth:e,$active:r,to:i})=>({role:"menuitem",className:`-depth${e} ${r?"active":""}`,"data-cy":i})))`
-  cursor: pointer;
-  position: relative;
-  margin: ${({depth:e})=>`1px 0 1px calc( var(--sidebar-offset-left) + var(--sidebar-item-nested-offset) * ${e>0?e-1:e})`};
-  display: flex;
-  text-decoration: none;
-  line-height: 15px;
-
-  background-color: var(--sidebar-background-color);
-  color: var(--sidebar-item-text-color);
-
-  &.active {
-    background-color: var(--sidebar-item-active-background-color);
-    color: var(--sidebar-item-active-color);
-  }
-
-  align-items: ${({$hasChildren:e})=>e?"center":""};
-
-  font-family: var(--sidebar-item-font-family);
-  font-size: var(--sidebar-item-font-size);
-  font-weight: ${({depth:e})=>`var(${0===e?"--font-weight-bold":"--font-weight-regular"})`};
-
-  border-top-left-radius: var(--sidebar-item-border-radius);
-  border-bottom-left-radius: var(--sidebar-item-border-radius);
-  pointer-events: ${({depth:e})=>0===e?"none":"auto"};
-
-  margin-left: ${({depth:e})=>`calc( var(--sidebar-offset-left) + var(--sidebar-item-offset-nesting) * ${e>0?e-1:e})`};
-
-  padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal)
-    var(--sidebar-item-padding-vertical)
-    ${({$hasChildren:e,depth:r})=>e&&0!==r?"var(--sidebar-item-padding-horizontal)":"calc(var(--sidebar-item-padding-horizontal) + var(--sidebar-chevron-size) + var(--sidebar-spacing-unit) * 0.5)"};
-
-  ${({deprecated:e})=>e&&deprecatedCss||""};
-
-  &:hover {
-    background-color: var(--sidebar-item-hover-background-color);
-    color: var(--sidebar-item-hover-color);
-    transition: background-color 0.3s, color 0.3s;
-  }
-
-  ${ShelfIcon} {
-    height: var(--sidebar-chevron-size);
-    width: var(--sidebar-chevron-size);
-    fill: var(--sidebar-group-item-chevron-color);
-    margin-right: calc(var(--sidebar-spacing-unit) / 2);
-  }
-`;export const MenuItemLabel=StyledMenuItemLink.withComponent("label");export const MenuItemTitle=styled.span`
-  display: inline-block;
-  vertical-align: middle;
-  width: ${e=>e.width?e.width:"auto"};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 15px;
-`;export const RedocAttribution=styled.div`
-  font-size: 0.8em;
-  margin-top: calc(var(--spacing-unit) * 2);
-  padding: 0 calc(var(--spacing-unit) * 4);
-  text-align: left;
-
-  opacity: 0.7;
-
-  a,
-  a:visited,
-  a:hover {
-    color: var(--sidebar-item-text-color) !important;
-    border-top: 1px solid var(--search-input-border);
-    padding: var(--spacing-unit) 0;
-    display: block;
-  }
-`;export const MenuItemPath=styled.code`
-  line-height: 1.4;
-  display: inline-block;
-  margin-bottom: 5px;
-  word-break: var(--sidebar-word-break);
-`;export const SeparatorLine=styled.span`
-  display: block;
-  width: 100%;
-  height: 1px;
-  background-color: var(--sidebar-separator-item-line-color);
-  margin: var(--sidebar-item-padding-vertical) 0;
-`;
-//# sourceMappingURL=styled.js.map

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { FileInfo } from '../Download';
-export declare function SourceCodeWithFile({ fileInfo }: FileInfo): JSX.Element;

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

@@ -1,2 +0,0 @@
-import React from"react";import{CodeBlockContainer,CodeBlockControls}from"@redocly/theme";import styled from"styled-components";import{DownloadLink}from"../Download";import{FileIcon}from"../icons";export function SourceCodeWithFile({fileInfo:e}){return React.createElement(Wrapper,null,React.createElement(CodeBlockControls,null,React.createElement(DownloadLink,{fileInfo:e})),React.createElement(CodeBlockContainer,null,React.createElement(FileIcon,{color:"--text-secondary"}),null==e?void 0:e.fileName))}const Wrapper=styled.div``;
-//# sourceMappingURL=SourceCodeWithFile.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, any, {}, never>;

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

@@ -1,11 +0,0 @@
-import styled from"styled-components";import{Tab}from"../Tab";export const CollapsingTab=styled(Tab)`
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  &.react-tabs__tab--disabled {
-    display: none;
-  }
-`;
-//# sourceMappingURL=CollapsingTab.js.map

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

@@ -1 +0,0 @@
-export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, any, {}, never>;

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

@@ -1,12 +0,0 @@
-import styled from"styled-components";import{TabList}from"../TabList";export const CollapsingTabList=styled(TabList)`
-  background-color: var(--bg-overlay);
-  border-radius: var(--border-radius-lg);
-  padding: 2px;
-  margin: 0 0 15px;
-
-  li[class^='Tab'] {
-    margin: 0;
-    list-style: none;
-  }
-`;
-//# sourceMappingURL=CollapsingTabList.js.map

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

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

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

@@ -1,2 +0,0 @@
-var __rest=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n};import React,{memo,useCallback,useEffect,useState}from"react";import{useRecoilState}from"@redocly/recoil";import{CollapsingTabsBase}from"./CollapsingTabsBase";import{operationStore}from"../../../recoil/operation";function getActiveIndexFromOperation(e,t,n){var o;if(!t)return-1;if("number"==typeof n&&n>0){return hasActiveExampleName(null===(o=e[n])||void 0===o?void 0:o.content,t)?n:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,n=__rest(e,["children"]);const{operation:{pointer:o,responses:a},tabs:i}=n,[r,s]=useRecoilState(operationStore(o)),[l,c]=useState(0);function p(e){s((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}useEffect((()=>{const e=i.findIndex((e=>e.title===(null==r?void 0:r.activeResponseTab)));c(e)}),[i,null==r?void 0:r.activeResponseTab,c]);const m=null==r?void 0:r.activeExampleName;useEffect((()=>{const e=getActiveIndexFromOperation(a,m,l);e>-1&&i[e]&&(c(e),p(i[e].title))}),[m]);const u=useCallback((e=>{l!==e&&(c(e),p(i[e].title))}),[l]);return React.createElement(CollapsingTabsBase,Object.assign({},n,{activeIndex:l,onChange:u}),t)}export const CollapsingTabs=memo(CollapsingTabsComponent);
-//# sourceMappingURL=CollapsingTabs.js.map

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { TabProps as ReactTabProps } from 'react-tabs';
-import type { OperationModel } from '../../../models';
-export interface TabProps extends ReactTabProps {
-    title: string;
-}
-export interface TabsProps {
-    tabs: TabProps[];
-    hidden?: boolean;
-    children: ReactNode;
-    operation: OperationModel;
-}
-interface CollapsingTabsComponentProps extends Omit<TabsProps, 'operation'> {
-    activeIndex: number;
-    onChange: (idx: number) => void;
-}
-export declare const CollapsingTabsBase: React.NamedExoticComponent<CollapsingTabsComponentProps>;
-export {};

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

@@ -1,2 +0,0 @@
-import React,{memo,useCallback,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"@redocly/recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:o,hidden:l,activeIndex:t,onChange:a}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),s=useMemo((()=>e.slice(n).map((({title:e},o)=>({idx:o,value:e})))),[e,n]),i=`${s.length} more`,[r,c]=useState(i),m=useCallback((()=>{var o;const l=t>=n;r!==i&&r===e[t].title||!l?r===i||l||c(i):c(null===(o=e[t])||void 0===o?void 0:o.title)}),[t,n,r,i,e]);useEffect((()=>{setTimeout(m,0)}),[t,n,m]);return React.createElement(Tabs,{selectedIndex:t,onSelect:a},React.createElement(CollapsingTabList,{hidden:l},e.map(((e,o)=>React.createElement(CollapsingTab,{key:null==e?void 0:e.key,disabled:o>=n},null==e?void 0:e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{a(n+e.idx)},placeholder:i,value:r,active:t>=n}):null),o)}export const CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
-//# sourceMappingURL=CollapsingTabsBase.js.map

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

@@ -1,4 +0,0 @@
-export * from './CollapsingTabsBase';
-export * from './CollapsingTabs';
-export * from './CollapsingTabList';
-export * from './CollapsingTab';

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

@@ -1,2 +0,0 @@
-export*from"./CollapsingTabsBase";export*from"./CollapsingTabs";export*from"./CollapsingTabList";export*from"./CollapsingTab";
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +0,0 @@
-import { Tab as ReactTab } from 'react-tabs';
-export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, any, {}, never>;

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

@@ -1,28 +0,0 @@
-import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export const Tab=styled(ReactTab)`
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding: 0px 8px;
-  font-size: var(--panel-samples-tabs-font-size);
-  line-height: 26px;
-  font-weight: var(--panel-samples-tabs-font-weight);
-  text-align: center;
-  color: var(--panel-samples-tabs-text-color);
-  background-color: var(--panel-samples-tabs-background-color);
-  border-radius: var(--border-radius-lg);
-
-  &:hover {
-    border-color: var(--panel-samples-tabs-hover-border-color);
-    background-color: var(--panel-samples-tabs-hover-background-color);
-    color: var(--panel-samples-tabs-hover-text-color);
-  }
-
-  &.react-tabs__tab--selected {
-    background-color: var(--panel-samples-tabs-active-background-color);
-    border-color: var(--panel-samples-tabs-active-border-color);
-    color: var(--panel-samples-tabs-active-text-color);
-  }
-`;
-//# sourceMappingURL=Tab.js.map

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

@@ -1,2 +0,0 @@
-import { TabList as ReactTabList } from 'react-tabs';
-export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, any, {}, never>;

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

@@ -1,7 +0,0 @@
-import{TabList as ReactTabList}from"react-tabs";import styled from"styled-components";export const TabList=styled(ReactTabList)`
-  display: flex;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-`;
-//# sourceMappingURL=TabList.js.map

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

@@ -1,2 +0,0 @@
-import { TabPanel as ReactTabPanel } from 'react-tabs';
-export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, any, {}, never>;

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

@@ -1,11 +0,0 @@
-import{TabPanel as ReactTabPanel}from"react-tabs";import styled from"styled-components";export const TabPanel=styled(ReactTabPanel)`
-  display: none;
-
-  &.react-tabs__tab-panel--selected {
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-`;
-//# sourceMappingURL=TabPanel.js.map

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

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

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

@@ -1,2 +0,0 @@
-import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useRecoilValue}from"@redocly/recoil";import{Pagination}from"../../services";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{SectionContent}from"../SectionContent";import{globalOptionsSelector}from"../../recoil/store";import{RenderHook}from"../RenderHook";export function TagItems({tag:e,nextSectionLink:t,pagination:o,showNextButton:n}){const{hooks:{MiddlePanelHeader:r}}=useRecoilValue(globalOptionsSelector),a=useMemo((()=>{const e=React.createElement(PageFooter,{showNextButton:n,pagination:o,nextSectionLink:t});return e?React.createElement(MiddlePanelWrapper,null,e):null}),[t,o,n]),i=useMemo((()=>OpenApiHeader||r?React.createElement(MiddlePanelWrapper,null,r?React.createElement(RenderHook,{Hook:r,props:void 0}):React.createElement(OpenApiHeader,null)):null),[r]);return React.createElement(React.Fragment,null,i,React.createElement(ContentItem,{key:e.id,item:e,withChildren:o!==Pagination.Item}),o===Pagination.Item&&React.createElement(SectionContent,{hideFooterAndHeader:!0,items:e.items||[],pagination:o,showNextButton:!1}),a)}
-//# sourceMappingURL=TagItems.js.map

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

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

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { DropdownOption } from './common/Dropdown';
-import type { OpenAPIDefinitionVersion } from '../recoil/store';
-export interface VersionSwitcherProps {
-    onChange: (o: DropdownOption) => void;
-    versions: OpenAPIDefinitionVersion[];
-    activeVersionIdx: number;
-}
-export declare const VersionSwitcher: ({ versions, onChange, activeVersionIdx, }: VersionSwitcherProps) => JSX.Element | null;

package/lib-esm/components/VersionSwitcher.js

@@ -1,7 +0,0 @@
-import React from"react";import styled from"styled-components";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({versions:e,onChange:n,activeVersionIdx:o})=>{const r=e.map(((e,n)=>({idx:n,value:e.title||e.id})));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:r,value:r[o].value,onChange:n,ariaLabel:"Version"}))};const VersionWrapper=styled.div`
-  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
-  width: 100%;
-  display: inline-block;
-  font-size: 12px;
-`;
-//# sourceMappingURL=VersionSwitcher.js.map

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
-    fullWidth?: boolean | undefined;
-}, never>;
-export interface CheckboxExtraProps {
-    fullWidth?: boolean;
-    label?: string;
-    nowrap?: boolean;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,31 +0,0 @@
-import React,{forwardRef}from"react";import styled from"styled-components";export const StyledInput=styled.input`
-  cursor: pointer;
-  margin-left: 0;
-  margin-right: 5px;
-  height: 20px;
-
-  align-self: baseline;
-  margin-top: 0;
-  margin-bottom: 0;
-`;const CheckboxLabel=styled.label`
-  display: inline-block;
-  cursor: pointer;
-  vertical-align: middle;
-  position: relative;
-  text-overflow: ellipsis;
-  overflow: hidden;
-
-  overflow-wrap: break-word;
-  line-height: 20px;
-`,CheckBoxWrap=styled.div`
-  width: ${({fullWidth:e})=>e?"100%":"50%"};
-  display: inline-flex;
-  align-items: center;
-
-  & > label {
-    white-space: ${({nowrap:e})=>e?"nowrap":"normal"};
-  }
-
-  ${({nowrap:e})=>e?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}
-`;function CheckboxComponent(e,t){const{fullWidth:o,id:n,label:l,nowrap:r}=e;return React.createElement(CheckBoxWrap,{fullWidth:o,nowrap:r},React.createElement(StyledInput,Object.assign({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:n},l))}export const Checkbox=forwardRef(CheckboxComponent);
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { FieldContext } from 'informed';
-type FieldValue = string[];
-export interface CheckboxListComponentProps {
-    items: string[];
-    maxDisplayedItems?: number;
-    validateOnChange?: boolean;
-    showControls?: boolean;
-    trimItemsLength?: boolean;
-}
-export declare const CheckboxListComponent: ({ items, fieldApi, validateOnChange, maxDisplayedItems, showControls, trimItemsLength, }: FieldContext<FieldValue> & CheckboxListComponentProps) => JSX.Element;
-export declare const CheckboxList: React.ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
-export {};

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

@@ -1,8 +0,0 @@
-import{asField}from"informed";import{CodeBlockControls,CodeBlockControlButton}from"@redocly/theme";import React,{useState}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export const CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:o,maxDisplayedItems:l,showControls:r,trimItemsLength:c})=>{const[a,s]=useState(!0),n=e=>t.getValue().includes(e),i=t.getError(),d=l||11,m=c&&a?e.slice(0,d):e;return React.createElement("div",null,r?React.createElement(CodeBlockControls,{controls:{select:{onClick:()=>{t.setValue(e)},label:"Select all",tooltipText:"Select all checkboxes"},deselect:{onClick:()=>{t.setValue([])},label:"Deselect all",tooltipText:"Deselect all checkboxes"}}}):null,React.createElement(ListWrapper,null,m.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:n(e),label:e,key:e,onChange:e=>{(e=>{const o=e.target.value,l=e.target.checked;t.setTouched(!0);const r=t.getValue()||[];let c;if(l)c=[...r,o];else{const e=r.indexOf(o);c=[...r.slice(0,e),...r.slice(e+1)]}t.setValue(c)})(e),o&&t.validate()}}))),e.length>d&&c?React.createElement(ToggleButton,{onClick:()=>{s((e=>!e))}},a?"Show all":"Collapse"):null),i?React.createElement(FormError,null,i):"")};export const CheckboxList=asField(CheckboxListComponent);const ListWrapper=styled.div`
-  padding: 10px;
-  border: 1px solid var(--border-primary);
-  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
-`,ToggleButton=styled(CodeBlockControlButton)`
-  float: right;
-`;
-//# sourceMappingURL=CheckboxList.js.map

package/lib-esm/components/common/Dropdown/styled.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import type { DropdownProps } from './types';
-export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-}, never>;
-export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-}, never>;
-export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-} & {
-    active?: boolean | undefined;
-}, never>;
-export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-}, never>;
-export declare const SchemaDiscriminatorDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-}, never>;
-export declare const SchemaMimeTypeDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    fullWidth?: boolean | undefined;
-    variant?: "dark" | "light" | undefined;
-}, never>;