@redocly/openapi-docs 3.11.0-next.9 → 3.11.0-rc.1

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,24 @@
+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

@@ -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 {};

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

@@ -0,0 +1,28 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtom}from"jotai";import{LinkIcon}from"@redocly/theme";import{Dropdown}from"../Dropdown";import{RequiredLabel}from"../Fields";import{ConstraintsView}from"../ConstraintsView";import{Schema}from"../../Schema";import{getActiveMediaType}from"../../../models";import{Markdown}from"../../Markdown";import{activeMimeNameAtom}from"../../../jotai/app";import{LinkToField}from"../LinkToField";import{useTranslate}from"../../../hooks";function BodyContentComponent({required:e,skipReadOnly:o,skipWriteOnly:i,description:t,content:n,deepLink:r}){const a=useTranslate(),[s,m]=useAtom(activeMimeNameAtom);if(!n)return null;const{schema:l,examples:p,operation:d,name:c}=getActiveMediaType(n,s),g=n.mediaTypes.map((({name:e})=>({label:e,value:e})));return _jsxs(_Fragment,{children:[_jsxs(Title,{children:[r&&_jsx(LinkToField,{to:r}),a("openapi.body","Body"),_jsx(Dropdown,{options:g,value:c,triggerVariant:"ghost",triggerSize:"large",onChange:({value:e})=>m(e)})]}),e&&_jsx(RequiredLabel,{children:a("openapi.badges.required","required")}),_jsx(StyledMarkdown,{source:t}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&_jsx(ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),_jsx(Schema,{skipReadOnly:o,skipWriteOnly:i,schema:l,examples:p,operation:d,level:1,disableDeepLinks:!r},"schema")]})}export const BodyContent=memo(BodyContentComponent);const StyledMarkdown=styled(Markdown)`
+  margin: var(--spacing-xxs) 0 0;
+`,Title=styled.span`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+  margin-top: var(--spacing-md);
+  font-size: 18px;
+  line-height: var(--line-height-lg);
+  padding: var(--spacing-xxs) 0;
+
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+
+  & button:not(:has(*)) {
+    font-family: var(--font-family-monospaced);
+    font-size: var(--font-size-sm);
+    line-height: var(--line-height-lg);
+  }
+`;
+//# sourceMappingURL=BodyContent.js.map

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

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

package/lib-esm/components/common/BodyContent/index.js

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

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";const ClearButtonComponent=({className:t,style:e,handleClear:o})=>_jsx("button",{className:t,style:e,onClick:o,children:"✕"});export const ClearButton=memo(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

package/lib-esm/components/common/ClearButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

package/lib-esm/components/common/ClearButton/index.js

@@ -0,0 +1,2 @@
+export*from"./styled";export*from"./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+export declare const ClearButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").ClearButtonProps>, any, {}, never>;

package/lib-esm/components/common/ClearButton/styled.js

@@ -0,0 +1,16 @@
+import styled from"styled-components";import{ClearButton as ClearButtonComponent}from"./ClearButton";export const ClearButton=styled(ClearButtonComponent)`
+  z-index: 1;
+  position: absolute;
+  right: 24px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #89949f;
+  background: none;
+  border: none;
+  cursor: pointer;
+
+  &:hover {
+    color: #fff;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/common/ClearButton/types.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties } from 'react';
+export interface ClearButtonProps {
+    className?: string;
+    style?: CSSProperties;
+    handleClear?: () => void;
+}

package/lib-esm/components/common/ClearButton/types.js

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

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

@@ -0,0 +1,2 @@
+import { Panel } from '@redocly/theme';
+export declare const CodeBlockPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;

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

@@ -0,0 +1,6 @@
+import styled from"styled-components";import{Panel,PanelBody}from"@redocly/theme";export const CodeBlockPanel=styled(Panel)`
+  ${PanelBody} {
+    padding: var(--spacing-sm) 0 0;
+  }
+`;
+//# sourceMappingURL=CodeBlockPanel.js.map

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

@@ -0,0 +1,4 @@
+export interface ConstraintsViewProps {
+    constraints: string[];
+}
+export declare const ConstraintsView: import("react").NamedExoticComponent<ConstraintsViewProps>;

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

@@ -0,0 +1,4 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Tag}from"./Fields";function ConstraintsViewComponent({constraints:s}){return 0===s.length?null:_jsx(Wrapper,{children:s.map((s=>_jsxs(Tag,{children:[" ",s," "]},s)))})}export const ConstraintsView=memo(ConstraintsViewComponent);const Wrapper=styled.div`
+  margin-top: var(--spacing-xxs);
+`;
+//# sourceMappingURL=ConstraintsView.js.map

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

@@ -0,0 +1,12 @@
+import type { SelectOption } from '@redocly/theme';
+export interface DropdownProps<T> {
+    value: T;
+    onChange: ({ label, value }: SelectOption<T>) => void;
+    options: SelectOption<T>[];
+    className?: string;
+    triggerVariant?: 'ghost' | 'outlined';
+    triggerSize?: string;
+}
+declare function DropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: typeof DropdownComponent;
+export {};

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

@@ -0,0 +1,27 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{Dropdown as DropdownTheme,typedMemo,CheckmarkIcon,DropdownMenu,DropdownMenuItem,Button}from"@redocly/theme";function DropdownComponent({options:e,value:n,onChange:o,className:t,triggerVariant:r="outlined",triggerSize:i="small"}){var a;const l=null===(a=e.find((e=>e.value===n)))||void 0===a?void 0:a.label;return 1===e.length?_jsx(Title,{children:l}):_jsx(DropdownTheme,{className:t,trigger:_jsx(Button,{variant:r,size:i,type:"button",children:l}),withArrow:!0,children:_jsx(DropdownMenu,{children:e.map((e=>_jsx(StyledDropdownMenuItem,{active:e.value===n,onAction:()=>o(e),suffix:e.value===n&&_jsx(StyledCheckmarkIcon,{}),children:e.label},e.label)))})})}export const Dropdown=typedMemo(DropdownComponent);const StyledCheckmarkIcon=styled(CheckmarkIcon)`
+  width: 16px;
+  height: 16px;
+  margin-left: auto;
+`,StyledDropdownMenuItem=styled(DropdownMenuItem)`
+  --dropdown-menu-item-justify-content: space-between;
+
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-xxs) var(--spacing-sm);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,Title=styled.span`
+  margin-right: var(--spacing-unit);
+  cursor: default;
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--text-color-primary);
+  font-size: var(--font-size-lg);
+  line-height: var(--line-height-lg);
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-regular);
+`;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1,2 @@
+export { Dropdown } from './Dropdown';
+export type { DropdownProps } from './Dropdown';

package/lib-esm/components/common/Dropdown/index.js

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

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

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export interface ExpandableExampleProps {
+    value: string;
+}
+export declare function ExpandableExample({ value }: ExpandableExampleProps): ReactElement;

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

@@ -0,0 +1,10 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{Button}from"@redocly/theme";import{useMemo,useState}from"react";import{Markdown}from"../../Markdown";import{ExampleValue}from"../Fields";import{useTranslate}from"../../../hooks";const MAX_EXAMPLE_LENGTH=150;export function ExpandableExample({value:e}){const s=useTranslate(),[o,a]=useState(!1),t=useMemo((()=>e.slice(0,MAX_EXAMPLE_LENGTH)),[e]);return _jsxs(Container,{children:[_jsx(Markdown,{source:o?e:t}),(e!==t||o)&&_jsx(ButtonWrap,{children:_jsx(Button,{variant:"link",size:"small",onClick:()=>{a(!o)},children:o?s("openapi.hideExample","Hide example"):s("openapi.showExample","Show example")})})]})}const Container=styled(ExampleValue)`
+  display: inline;
+
+  & * {
+    display: inline;
+  }
+`,ButtonWrap=styled.span`
+  margin-left: var(--spacing-xs);
+`;
+//# sourceMappingURL=ExpandableExample.js.map

package/lib-esm/components/common/ExpandableExample/index.d.ts

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

package/lib-esm/components/common/ExpandableExample/index.js

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

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

@@ -0,0 +1,6 @@
+export interface ExtensionsProps {
+    extensions: {
+        [k: string]: string | Record<string, unknown>;
+    };
+}
+export declare const Extensions: import("react").NamedExoticComponent<ExtensionsProps>;

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

@@ -0,0 +1,4 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"./index";import{globalOptionsAtom}from"../../jotai/store";const Extension=styled(MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:o}){const{showExtensions:s}=useAtomValue(globalOptionsAtom);return s?_jsx("div",{children:Object.keys(o).map((s=>_jsxs(Extension,{children:[_jsxs(FieldLabel,{children:[s.substring(2),": "]})," ",_jsx(ExtensionValue,{children:"string"==typeof o[s]?o[s]:JSON.stringify(o[s])})]},s)))}):null}export const Extensions=memo(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

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

@@ -0,0 +1,15 @@
+export declare const getCssVariable: (variable: string) => string;
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;