@redocly/api-docs 0.0.2

package/lib/components/Schema/styled.js

@@ -0,0 +1,342 @@
+import{styled as r}from"styled-components";import{Link as i}from"react-router-dom";import{JsonViewer as n}from"@redocly/theme/components/JsonViewer/JsonViewer";import{LEVEL_COLORS as a}from"./utils.js";const g=r.div`
+  display: flex;
+  flex-direction: column;
+
+  &:has(+ span.array-closing-label) > *:last-child {
+    border-bottom: none;
+    padding-bottom: calc(var(--schema-property-details-spacing) / 2);
+
+    .view-nested-wrapper {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+`,m=r.div`
+  width: 100%;
+  padding: ${({$isFirst:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`}
+    0
+    var(--schema-property-details-spacing);
+  border-bottom: 1px solid var(--border-color-primary);
+
+  &:has([data-schema-nested-open="true"]) {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+`,b=r.div`
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+
+  svg {
+    visibility: hidden;
+  }
+
+  &:hover svg {
+    visibility: visible;
+  }
+`,h=r.span`
+  position: relative;
+  font-family: var(--font-family-monospaced);
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  color: var(--text-color-description);
+  max-width: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+`,f=r.span`
+  color: var(--text-color-description);
+`,y=r.span`
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--schemas-property-name-font-size);
+  line-height: var(--schemas-property-name-line-height);
+  color: var(--schemas-property-name-text-color, var(--text-color-primary));
+  ${({$deprecated:e})=>e&&"text-decoration: line-through; color: var(--schemas-property-deprecated-text-color, var(--text-color-description));"}
+`,u=r.em`
+  vertical-align: middle;
+  color: var(--schema-type-text-color, var(--text-color-secondary));
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-style: normal;
+  overflow-wrap: anywhere;
+
+  &::after {
+    content: ',';
+  }
+
+  &:last-of-type::after {
+    content: '';
+  }
+
+  &:last-of-type:has(+ a)::after {
+    content: ',';
+  }
+`,w=r(i)`
+  vertical-align: middle;
+  color: var(--schema-type-text-color, var(--text-color-secondary));
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-style: normal;
+  text-decoration: none;
+  overflow-wrap: anywhere;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,z=r.span`
+  vertical-align: middle;
+  color: var(--schema-property-required-label-text-color, #e20c0c);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,o=r.span`
+  background: var(--tag-bg-color);
+  padding: 0 var(--spacing-xxs);
+  font-family: var(--font-family-monospaced);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  border-radius: var(--border-radius);
+  color: var(--text-color-secondary);
+  display: inline-flex;
+  word-break: var(--code-word-break);
+`,k=r(o)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-bg-color);
+  border-radius: var(--badge-deprecated-border-radius, var(--border-radius));
+`,L=r(o)`
+  color: var(--schema-property-access-label-text-color);
+  background-color: var(--bg-color);
+  border: 1px solid var(--border-color-secondary);
+`,E=r(o)`
+  background-color: var(--color-warm-grey-2);
+`,D=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xxs);
+  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+`,S=r(o)`
+  background-color: var(--color-warm-grey-2);
+`,P=r(o)`
+  background-color: var(--schema-recursive-bg-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+  padding: 0 var(--spacing-xs);
+`,V=r.a`
+  color: var(--link-color, var(--color-primary-base));
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,$=r.div`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-description);
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+`,A=r.div`
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+  flex-wrap: wrap;
+`,W=r.span`
+  vertical-align: middle;
+  line-height: var(--schema-labels-line-height);
+  font-size: var(--schema-property-labels-font-size);
+  color: var(--schema-labels--text-color);
+`,s=r(o)`
+  background-color: var(--schema-inline-bg-color);
+  border: var(--schema-inline-border);
+  padding: 0 var(--spacing-unit);
+  width: fit-content;
+`,O=r(s)`
+  border: none;
+`,R=r(o)`
+  background-color: var(--schema-default-bg-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`,T=r(o)`
+  background-color: var(--schema-example-bg-color);
+  border: 1px solid var(--schema-example-border-color);
+  color: var(--schema-example-text-color);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  width: fit-content;
+`,C=r(n)`
+  flex-basis: 100%;
+  min-width: 0;
+  border: 1px solid var(--border-color-secondary);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+`,B=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  margin-top: var(--spacing-xxs);
+  padding-left: var(--spacing-base);
+`,N=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,F=r.div`
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+`,I=r.div`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-description);
+`,q=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+`,J=r(o)`
+  background-color: var(--schema-enum-bg-color);
+  color: var(--schema-enum-text-color);
+  padding: 0 var(--spacing-unit);
+  width: fit-content;
+`,M=r.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+  text-decoration: underline;
+  align-self: center;
+
+  &:hover {
+    color: var(--text-color-primary);
+  }
+`,_=r.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-top: var(--spacing-xxs);
+  width: 100%;
+  min-height: 24px;
+`,j=r.span`
+  background-color: var(--bg-color);
+  border-radius: 50%;
+  border: 1px solid ${({$color:e})=>e||"var(--border-color-primary)"};
+  font-size: var(--font-size-lg);
+  line-height: var(--font-size-lg);
+  color: ${({$color:e})=>e||"var(--text-color-secondary)"};
+  width: 20px;
+  height: 20px;
+`,G=r.div`
+  width: 100%;
+`,H=r.div`
+  padding-left: var(--schema-nested-offset);
+  border-left: 1px solid
+    ${({$level:e})=>a[e%a.length]||"var(--border-color-primary)"};
+  margin: -10px 0 0 9px;
+
+  ${({$level:e})=>{const t=a[e%a.length];return t?`
+      .schema-name {
+        color: ${t};
+      }
+    `:""}}
+`,K=r.div`
+  display: flex;
+  flex-direction: column;
+`,c=r.span`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  margin-top: var(--spacing-xs);
+`,Q=r(c)`
+  margin-top: 0;
+  width: 100%;
+`,U=r.span`
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  background-color: var(--bg-color);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-content-color);
+`,X=r.span`
+  flex: 1;
+  border-top: 1px solid var(--border-color-primary);
+`,Y=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,l=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`,Z=r(l)`
+  padding-bottom: var(--schema-property-details-spacing);
+  border-bottom: 1px solid var(--border-color-primary);
+
+  .schema-property-item & {
+    padding-bottom: 0;
+    border-bottom: none;
+  }
+`,rr=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,er=r.div`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-content-color);
+  padding: 0 var(--spacing-xs);
+  border: 1px solid var(--border-color-secondary);
+  border-radius: var(--border-radius);
+  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+  position: relative;
+  width: fit-content;
+
+  &:before {
+    content: ' ';
+    width: 1px;
+    height: var(--spacing-xs);
+    background: var(--border-color-secondary);
+    display: block;
+    position: absolute;
+    bottom: calc(-1 * var(--spacing-xs));
+    left: var(--spacing-xs);
+  }
+`,or=r.span`
+  background-color: var(--border-color-primary);
+  display: block;
+  align-self: stretch;
+
+  [data-component-name='Dropdown/DropdownMenu'] & {
+    height: 1px;
+    margin: calc(var(--spacing-xxs) / 2) var(--spacing-xxs);
+  }
+
+  [data-component-name='Segmented/Segmented'] & {
+    width: 1px;
+    margin: var(--spacing-xxs) calc(var(--spacing-xxs) / 2);
+  }
+`;export{L as AccessLabel,E as AdditionalPropertyLabel,Q as ArrayClosingLabel,c as ArrayLabel,U as ArrayLabelValue,X as ArrayLine,K as ArrayWrapper,j as CircleIconSpan,S as ConstraintBadge,D as ConstraintsRow,R as DefaultValueTag,k as DeprecatedBadge,$ as Description,M as EnumExpandToggle,q as EnumRow,J as EnumValue,I as ExampleDescription,N as ExampleItem,C as ExampleJsonViewer,F as ExampleSummary,T as ExampleValueTag,B as ExamplesList,V as ExternalDocsLink,A as FieldDetail,W as FieldDetailLabel,s as FieldDetailValue,h as NameWrapper,G as NestedWrapper,Y as OneOfWrapper,f as ParentPrefix,O as PatternValue,Z as PrimitiveOptionWrapper,l as PrimitiveWrapper,m as PropertyItem,g as PropertyList,y as PropertyName,P as RecursiveLabel,z as RequiredLabel,b as Row,w as SchemaTitle,u as SchemaTypeLabel,_ as ShowProperty,H as StyledNested,er as SwitcherBadge,rr as SwitcherWrapper,or as VariantOptionDivider};

package/lib/components/Schema/utils.d.ts

@@ -0,0 +1,26 @@
+import type { Node } from '@markdoc/markdoc';
+import type { PropertyType } from '../../types/schema.js';
+export type PropertyEnumModel = {
+    kind: 'none';
+} | {
+    kind: 'descriptions';
+    record: Record<string, string | Node | Node[]>;
+} | {
+    kind: 'values';
+    list: string[];
+};
+export declare function getPropertyEnumModel(enumValues: PropertyType['enum']): PropertyEnumModel;
+export declare function splitObjectTypeConstraints(typeLine: string): string[];
+export declare const LEVEL_COLORS: string[];
+export declare function cycleColorsByLevel(level?: number): string | undefined;
+export declare function getSchemaEnumRowLabel(propertyType: string | undefined, valueCount: number): string;
+export type DiscriminatorEnumRender = {
+    isDescriptionEnum: boolean;
+    enumDescriptions?: Record<string, string | Node | Node[]>;
+    enumValues: unknown[];
+};
+export declare function getDiscriminatorEnumRender(prop: PropertyType, mappingKeys: string[]): DiscriminatorEnumRender;
+export declare function getEnumDisplaySlice(values: unknown[], maxDisplayedEnumValues: number | undefined, isCollapsed: boolean): {
+    displayed: unknown[];
+    showToggle: boolean;
+};

package/lib/components/Schema/utils.js

@@ -0,0 +1 @@
+function s(n){return n?Array.isArray(n)?n.length===0?{kind:"none"}:{kind:"values",list:n}:{kind:"descriptions",record:n}:{kind:"none"}}function p(n){const r=n.replace(/^object\s*/,"").trim();return r?r.split(/\s+(?=[\[><=])/).filter(Boolean):[]}const c=["#9D00FF","#615CEA","#147DF5","#08BFCC","#08CC7A","#81CC08","#E5BE00","#FF8700","#FF00B8"];function u(n){if(n!==void 0)return c[n%c.length]}function d(n,r){return`${n?.startsWith("Array")?"Items ":""}${r===1?"Value:":"Enum:"}`}function f(n,r){const t=n.enum,e=t&&!Array.isArray(t)?t:void 0,i=t&&Array.isArray(t)?t:void 0,o=i&&i.length>0?i:r;return{isDescriptionEnum:!!e,enumDescriptions:e,enumValues:o}}function l(n,r,t){const e=typeof r=="number"&&r>0?r:0,i=e>0&&n.length>e;return{displayed:i&&t?n.slice(0,e):n,showToggle:i}}export{c as LEVEL_COLORS,u as cycleColorsByLevel,f as getDiscriminatorEnumRender,l as getEnumDisplaySlice,s as getPropertyEnumModel,d as getSchemaEnumRowLabel,p as splitObjectTypeConstraints};

package/lib/components/Schema/views/ArrayRenderer.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+import type { OneOfChangeParams } from '../../../types/pluggable.js';
+type ArrayRendererProps = {
+    property: PropertyType;
+    level: number;
+    fieldParentsName?: string[];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+};
+export declare function ArrayRenderer({ property, level, fieldParentsName, skipReadOnly, skipWriteOnly, onOneOfChange, }: ArrayRendererProps): ReactElement;
+export {};

package/lib/components/Schema/views/ArrayRenderer.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useAtomValue as I}from"jotai";import{ArrayWrapper as A,ArrayLabel as g,ArrayClosingLabel as b,ArrayLabelValue as l,ArrayLine as c,SchemaTypeLabel as O,PropertyList as x}from"../styled.js";import{globalOptionsAtom as C}from"../../../jotai/store.js";import{isWithinExpansionLevel as F}from"../../../utils/expansion.js";import{PropertyRenderer as R}from"./PropertyRenderer.js";import{ObjectRenderer as B}from"./ObjectRenderer.js";import{PropertyFieldRow as j}from"./PropertyFieldRow.js";function D(s){return!s||s.length===0?s:[...s.slice(0,-1),s[s.length-1]+"[]"]}function _({property:s,level:o,fieldParentsName:d,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h}){const{schemasExpansionLevel:w}=I(C),n=s.items;if(!n||n.length===0)return r(O,{children:"array"});const L=F(o,w,1),y=D(d),f=o===1,u=n.some(e=>e.isTupleItem||e.isAdditionalItems),t=n[0];if(!u&&n.length===1&&t&&t.switcher){const e=r(R,{property:t,level:o+1,fieldParentsName:y,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h});return f?i(A,{children:[i(g,{children:[r(l,{children:"Array ["}),r(c,{})]}),e,i(b,{className:"array-closing-label",children:[r(c,{}),r(l,{children:"]"})]})]}):e}if(!u&&n.length===1&&t&&t.properties){const e=r(B,{property:t,level:o,fieldParentsName:y,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h});return f?i(A,{children:[i(g,{children:[r(l,{children:"Array ["}),r(c,{})]}),e,i(b,{className:"array-closing-label",children:[r(c,{}),r(l,{children:"]"})]})]}):e}return u||n.length>1?r(x,{children:n.map((e,a)=>r(j,{name:e.isAdditionalItems?`[${a}...]`:`[${a}]`,property:e,level:o,expandByDefault:L,isFirst:a===0,fieldParentsName:d,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h},a))}):t&&!t.switcher&&!t.properties&&!f?r(x,{children:r(j,{name:"[i]",property:t,level:o,expandByDefault:L,isFirst:!0,fieldParentsName:d,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h})}):i(A,{children:[i(g,{children:[r(l,{children:"Array ["}),r(c,{})]}),n.map((e,a)=>r(R,{property:e,level:o+1,fieldParentsName:y,skipReadOnly:p,skipWriteOnly:m,onOneOfChange:h},a)),i(b,{className:"array-closing-label",children:[r(c,{}),r(l,{children:"]"})]})]})}export{_ as ArrayRenderer};

package/lib/components/Schema/views/CollapsibleNestedFields.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TFunction } from '../../../hooks/useTranslate.js';
+import type { PropertyType } from '../../../types/schema.js';
+export declare const COLLAPSIBLE_NESTED_DEFAULT_FALLBACK = 0;
+export declare function getCollapsibleNestedInitialExpanded(expandByDefault?: boolean, decorationLevel?: number, schemasExpansionLevel?: number, fallback?: number): boolean;
+export declare function useIsDeepLinkTarget(fieldPath: string | undefined): boolean;
+export type CollapsibleNestedFieldsProps = {
+    /** Indent / circle color level (same as `PropertyFieldRow` row `level` for nested chrome). */
+    level: number;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    property: Pick<PropertyType, 'properties' | 'items' | 'switcher'>;
+    children: ReactNode;
+    fieldPath?: string;
+    expandByDefault?: boolean;
+    required?: boolean;
+};
+type NestedFieldCount = {
+    count: number;
+    isArray: boolean;
+};
+export declare function countNestedFields(property: Pick<PropertyType, 'properties' | 'items' | 'switcher'>, skipReadOnly?: boolean, skipWriteOnly?: boolean): NestedFieldCount | null;
+export declare function buildNestedFieldsLabel(property: Pick<PropertyType, 'properties' | 'items' | 'switcher'>, skipReadOnly?: boolean, skipWriteOnly?: boolean, translate?: TFunction): string;
+export declare function CollapsibleNestedFields({ level, skipReadOnly, skipWriteOnly, property, children, fieldPath, expandByDefault, required, }: CollapsibleNestedFieldsProps): ReactElement;
+export {};

package/lib/components/Schema/views/CollapsibleNestedFields.js

@@ -0,0 +1 @@
+import{jsx as f,jsxs as E}from"react/jsx-runtime";import{useContext as _,useEffect as D,useMemo as h,useState as H}from"react";import{useAtomValue as L,useSetAtom as M}from"jotai";import{selectAtom as B}from"jotai/utils";import{LEVEL_COLORS as S}from"../utils.js";import{ShowProperty as F,CircleIconSpan as K,NestedWrapper as v,StyledNested as P}from"../styled.js";import{tryDecodeURIComponent as U}from"../../../utils/string.js";import{stripArrayMarkers as g}from"../../../utils/deep-link.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";import{useUrlHash as V}from"../../../hooks/useUrlHash.js";import{globalOptionsAtom as z}from"../../../jotai/store.js";import{itemStoreAtom as A}from"../../../jotai/itemStore.js";import{ItemIdContext as R}from"../../../hooks/useDeepLinkSection.js";import{isWithinExpansionLevel as W,isRequiredAutoExpanded as q}from"../../../utils/expansion.js";import{useSectionExpandBaseline as G,useSectionBaselineKey as k}from"../hooks/useSchemaFieldDeepLink.js";import{useCollapsibleEntryKey as J,useRegisterCollapsibleEntry as Q}from"../../../hooks/useExpandableSection.js";import{LazyMount as X}from"../../common/LazyMount.js";const Y=0;function Z(t,o,s,e=Y){return!!(t&&W(o??0,s,e))}function ee(t){const o=V();return h(()=>{if(!t||!o)return!1;const s=U(o.slice(1)).toLowerCase(),e=t.toLowerCase();if(s.includes(`path=${e}/`)||s.includes(`path=${e}&`)||s.includes(`path=${e}[]`))return!0;const r=g(e);if(r===e)return!1;const n=g(s);return n.includes(`path=${r}/`)||n.includes(`path=${r}&`)||n.endsWith(`&path=${r}`)||n.endsWith(`/path=${r}`)},[t,o])}function C(t,o,s){const e=i=>Object.values(i).filter(p=>!(o&&p.accessMode==="read-only"||s&&p.accessMode==="write-only")).length;if(t.switcher?.type==="discriminator"){const i=Object.values(t.switcher.options)[0];if(i?.properties)return{count:e(i.properties),isArray:!1}}if(t.properties)return{count:e(t.properties),isArray:!1};const r=t.items?.length===1?t.items[0]:void 0,n=r?.properties??(r?.switcher?Object.values(r.switcher.options)[0]?.properties:void 0);return n?{count:e(n),isArray:!0}:null}function te(t,o,s,e){const r=e?e("actions.show","Show"):"Show",n=C(t,o,s);if(!n)return`${r} ${e?e("details","details"):"details"}`;const{count:i,isArray:p}=n,a=i===1?"property":"properties",m=e?e(a,a):a,l=[r];return i!==1&&l.push(String(i)),p&&l.push(e?e("array","array"):"array"),l.push(m),l.join(" ")}const se=40;function ge({level:t,skipReadOnly:o,skipWriteOnly:s,property:e,children:r,fieldPath:n,expandByDefault:i,required:p}){const a=ee(n),{schemasExpansionLevel:m}=L(z),l=_(R)??"",w=k(),y=G(),c=J(w),b=M(A(l)),I=L(h(()=>B(A(l),u=>c?u.collapsibles[c]:void 0),[l,c])),[$,T]=H(void 0),d=(c?I:$)??y??(a||Z(i,t,m)||q(t,p,m));Q(c,d),D(()=>{!a||!c||b(u=>({collapsibles:{...u.collapsibles,[c]:!0}}))},[a,c,b]);const x=O(),j=h(()=>te(e,o,s,x),[e,o,s,x]),N=h(()=>{const u=C(e,o,s);return u&&u.count>0?u.count*se:void 0},[e,o,s]);return E(v,{"data-schema-nested-open":d?"true":"false",children:[E(F,{type:"button",onClick:()=>{c?b(u=>({collapsibles:{...u.collapsibles,[c]:!d}})):T(!d)},children:[f(oe,{sign:d?"\u2212":"+",level:t,expanded:d}),d?"":j]}),d&&f(P,{$level:t,children:f(X,{forceMount:a,estimatedHeight:N,children:r})})]})}function oe({sign:t,level:o=0,expanded:s}){const e=s?S[o%S.length]:void 0;return f(K,{$color:e,children:t})}export{Y as COLLAPSIBLE_NESTED_DEFAULT_FALLBACK,ge as CollapsibleNestedFields,te as buildNestedFieldsLabel,C as countNestedFields,Z as getCollapsibleNestedInitialExpanded,ee as useIsDeepLinkTarget};

package/lib/components/Schema/views/DefaultMappingOptionLabel.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export type DefaultMappingOptionLabelProps = {
+    label: string;
+};
+export declare function DefaultMappingOptionLabel({ label }: DefaultMappingOptionLabelProps): ReactElement;

package/lib/components/Schema/views/DefaultMappingOptionLabel.js

@@ -0,0 +1,15 @@
+import{jsx as i,jsxs as p}from"react/jsx-runtime";import{styled as e}from"styled-components";import{Tooltip as o}from"@redocly/theme/components/Tooltip/Tooltip";import{DefaultMappingIcon as r}from"../../../icons/DefaultMappingIcon/DefaultMappingIcon.js";import{useSpecTranslate as a}from"../../../hooks/useTranslate.js";function g({label:n}){const t=a();return i(o,{tip:t("discriminator.defaultMappingTooltip","OpenAPI 3.2: defaultMapping used when other mappings don't match."),placement:"bottom",children:p(s,{children:[i(l,{children:i(r,{})}),i(d,{children:t("discriminator.defaultMapping",n)})]})})}const s=e.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+`,l=e.div`
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+`,d=e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+`;export{g as DefaultMappingOptionLabel};

package/lib/components/Schema/views/DiscriminatorPropertyRow.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { PropertyType, SwitcherOptionType } from '../../../types/schema.js';
+export type DiscriminatorPropertyRowProps = {
+    fieldName: string;
+    property: PropertyType;
+    isFirst: boolean;
+    mappingKeys: string[];
+    optionEntries: [string, SwitcherOptionType][];
+    fieldParentsName: string[];
+    activeIdx: number;
+    onSelect: (idx: number) => void;
+};
+export declare function DiscriminatorPropertyRow({ fieldName, property: prop, isFirst, mappingKeys, optionEntries, activeIdx, fieldParentsName, onSelect, }: DiscriminatorPropertyRowProps): ReactElement;

package/lib/components/Schema/views/DiscriminatorPropertyRow.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useAtomValue as w}from"jotai";import{PropertyItem as T,Row as B,NameWrapper as R,PropertyName as j,RequiredLabel as k,SchemaTypeLabel as F,SwitcherWrapper as q,SwitcherBadge as A,FieldDetail as m,FieldDetailLabel as o,FieldDetailValue as I,DefaultValueTag as N,ExampleValueTag as C,ExampleJsonViewer as _,ParentPrefix as O}from"../styled.js";import{isStructuredExample as W}from"../../../types/schema.js";import{SchemaDescription as $}from"../SchemaDescription.js";import{SchemaEnumValues as J}from"./SchemaEnumValues.js";import{SchemaEnumDescriptions as M}from"./SchemaEnumDescriptions.js";import{getDiscriminatorEnumRender as z,getSchemaEnumRowLabel as G}from"../utils.js";import{SchemaVariantSelector as H}from"./SchemaVariantSelector.js";import{SchemaTitleLabel as K}from"./SchemaTitleLabel.js";import{Pattern as Q}from"./Pattern.js";import{DeepLinkAnchor as U}from"../../common/DeepLinkAnchor.js";import{getDeepLinkId as X,stripVariantMarkers as Y}from"../../../utils/deep-link.js";import{globalOptionsAtom as Z}from"../../../jotai/store.js";import{useSchemaFieldDeepLink as ee}from"../hooks/useSchemaFieldDeepLink.js";import{useSpecTranslate as re}from"../../../hooks/useTranslate.js";import{SECTION_ATTR as te}from"../../../constants/openapi.js";import{renderPropertyBadge as u}from"../../common/Badge.js";import{splitBadgesByPosition as ie}from"../../../utils/split-badges-by-position.js";function Ee({fieldName:a,property:e,isFirst:h,mappingKeys:f,optionEntries:p,activeIdx:x,fieldParentsName:s=[],onSelect:g}){const{hidePropertiesPrefix:D,jsonSamplesExpandLevel:S}=w(Z),i=re(),{enumDescriptions:c,enumValues:n}=z(e,f),b=G(e.type,n.length),L=e.const!==void 0&&e.const!=="",y=[...s,a].join("/"),l=ee(y),{before:E,after:V}=ie(e.badges);return t(T,{$isFirst:h,id:X(l),children:[t(B,{children:[t(R,{children:[l&&r(U,{to:l,label:`link to ${a}`,variant:"field"}),!D&&s.map((P,v)=>{const d=Y(P);return d?t(O,{children:[d,".","\u200B"]},v):null}),E.map(u),r(j,{className:"schema-name",children:a})]}),r(F,{children:e.type}),r(K,{title:e.title,schemaName:e.schemaName}),e.isRequired?r(k,{children:i("required","required")}):null,V.map(u)]}),r($,{value:e.description}),e.default!==void 0?t(m,{children:[t(o,{children:[i("default","Default"),":"]}),r(N,{children:e.default})]}):null,c?r(M,{values:c}):n.length>0?r(J,{label:b,values:n}):null,e.example!==void 0?t(m,{children:[t(o,{children:[i("example","Example"),":"]}),W(e.example)?r(_,{data:e.example,expandLevel:S,controls:!1}):r(C,{children:e.example})]}):null,r(Q,{pattern:e.pattern}),t(q,{[te]:"switcher",children:[r(A,{children:"Discriminator"}),r(H,{optionEntries:p,activeIndex:x,onChange:g,"data-testid":"discriminator-schema"})]}),L?t(m,{children:[t(o,{children:[i("value","Value"),":"]}),r(I,{children:e.const})]}):null]})}export{Ee as DiscriminatorPropertyRow};

package/lib/components/Schema/views/Examples.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { ExampleType } from '../../../types/schema.js';
+type ExamplesProps = {
+    examples?: Record<string, ExampleType>;
+};
+export declare function Examples({ examples }: ExamplesProps): ReactElement | null;
+export {};

package/lib/components/Schema/views/Examples.js

@@ -0,0 +1 @@
+import{Fragment as s,jsx as e,jsxs as t}from"react/jsx-runtime";import{FieldDetail as a,FieldDetailLabel as m,ExamplesList as u,ExampleItem as c,ExampleSummary as d,ExampleDescription as o}from"../styled.js";import{ExpandableExample as p}from"./ExpandableExample.js";function f({examples:n}){if(!n)return null;const l=Object.entries(n);return l.length===0?null:t(s,{children:[e(a,{children:e(m,{children:"Examples:"})}),e(u,{children:l.map(([i,r])=>t(c,{children:[e(d,{children:r.summary||i}),r.description?e(o,{children:r.description}):null,r.value!==void 0?e(p,{value:r.value}):null]},i))})]})}export{f as Examples};

package/lib/components/Schema/views/ExpandableExample.d.ts

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

package/lib/components/Schema/views/ExpandableExample.js

@@ -0,0 +1,3 @@
+import{Fragment as i,jsx as a,jsxs as p}from"react/jsx-runtime";import{useState as c}from"react";import{styled as x}from"styled-components";import{Button as d}from"@redocly/theme/components/Button/Button";import{useSpecTranslate as E}from"../../../hooks/useTranslate.js";import{ExampleValueTag as f}from"../styled.js";const o=150;function S({value:e}){const s=E(),[t,r]=c(!1),n=e.length>o,l=t||!n?e:e.slice(0,o);return p(i,{children:[a(f,{children:l}),n&&a(g,{variant:"link",size:"small",onClick:()=>r(m=>!m),children:t?s("hideExample","Hide example"):s("showExample","Show example")})]})}const g=x(d)`
+  margin-left: var(--spacing-xs);
+`;export{S as ExpandableExample};

package/lib/components/Schema/views/ObjectRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+import type { OneOfChangeParams } from '../../../types/pluggable.js';
+type ObjectRendererProps = {
+    property: PropertyType;
+    level: number;
+    expandByDefault?: boolean;
+    fieldParentsName?: string[];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+};
+export declare function ObjectRenderer({ property, level, expandByDefault, fieldParentsName, skipReadOnly, skipWriteOnly, onOneOfChange, }: ObjectRendererProps): ReactElement;
+export {};

package/lib/components/Schema/views/ObjectRenderer.js

@@ -0,0 +1 @@
+import{Fragment as g,jsx as n,jsxs as y}from"react/jsx-runtime";import{useAtomValue as j}from"jotai";import{PropertyList as O,ConstraintsRow as b,ConstraintBadge as w}from"../styled.js";import{variantMarkersOnly as C}from"../../../utils/deep-link.js";import{globalOptionsAtom as F}from"../../../jotai/store.js";import{isWithinExpansionLevel as P}from"../../../utils/expansion.js";import{PropertyFieldRow as R}from"./PropertyFieldRow.js";function B(r){return r.split(/,\s*/).slice(1).filter(Boolean)}function D({property:r,level:t,expandByDefault:c,fieldParentsName:o,skipReadOnly:i,skipWriteOnly:a,onOneOfChange:f}){const{schemasExpansionLevel:l}=j(F),s=r.properties;if(!s||Object.keys(s).length===0)return n(g,{});const d=c??P(t,l,1),m=t<=1?B(r.type):[],p=m.length>0,u=Object.entries(s).filter(([,e])=>!(i&&e.accessMode==="read-only"||a&&e.accessMode==="write-only"));return y(O,{children:[p&&n(b,{children:m.map(e=>n(w,{children:e},e))}),u.map(([e,h],x)=>n(R,{name:e,property:h,level:t,expandByDefault:d,isFirst:!p&&x===0,fieldParentsName:t>1?o:C(o),skipReadOnly:i,skipWriteOnly:a,onOneOfChange:f},e))]})}export{D as ObjectRenderer};

package/lib/components/Schema/views/Pattern.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+type PatternProps = {
+    pattern?: string;
+};
+export declare function Pattern({ pattern }: PatternProps): ReactElement | null;
+export {};

package/lib/components/Schema/views/Pattern.js

@@ -0,0 +1 @@
+import{Fragment as c,jsx as r,jsxs as p}from"react/jsx-runtime";import{useState as u}from"react";import{useAtomValue as h}from"jotai";import{EnumExpandToggle as d,PatternValue as f}from"../styled.js";import{globalOptionsAtom as P}from"../../../jotai/store.js";import{useSpecTranslate as T}from"../../../hooks/useTranslate.js";const s=45,S=3;function w({pattern:t}){const{hideSchemaPattern:a}=h(P),e=T(),[n,i]=u(!1);if(!t||a)return null;const o=t.length>s+S,l=n||!o?t:`${t.slice(0,s)}...`;return p(c,{children:[r(f,{children:l}),o?r(d,{type:"button",onClick:()=>i(m=>!m),children:n?e("openapi.hidePattern","Hide pattern"):e("openapi.showPattern","Show pattern")}):null]})}export{w as Pattern};

package/lib/components/Schema/views/PrimitiveRenderer.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+export declare function PrimitiveRenderer({ property }: {
+    property: PropertyType;
+}): ReactElement;

package/lib/components/Schema/views/PrimitiveRenderer.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as m}from"react/jsx-runtime";import{AccessLabel as o,DeprecatedBadge as l,PrimitiveWrapper as d,Row as u,SchemaTypeLabel as f}from"../styled.js";import{SchemaDescription as h}from"../SchemaDescription.js";import{SchemaEnumValues as p}from"./SchemaEnumValues.js";import{SchemaEnumDescriptions as b}from"./SchemaEnumDescriptions.js";import{SchemaTitleLabel as g}from"./SchemaTitleLabel.js";import{Pattern as A}from"./Pattern.js";import{renderPropertyBadge as n}from"../../common/Badge.js";import{splitBadgesByPosition as B}from"../../../utils/split-badges-by-position.js";function N({property:e}){const r=e.enum,s=r&&!Array.isArray(r)?r:void 0,i=r&&Array.isArray(r)?r:void 0,{before:t,after:c}=B(e.badges);return m(d,{children:[m(u,{children:[t.map(n),a(f,{children:e.type}),a(g,{title:e.title,schemaName:e.schemaName}),e.accessMode?a(o,{children:e.accessMode}):null,e.isDeprecated?a(l,{children:"deprecated"}):null,a(A,{pattern:e.pattern}),c.map(n)]}),a(h,{value:e.description}),s?a(b,{values:s}):i&&i.length>0?a(p,{label:"Enum:",values:i}):null]})}export{N as PrimitiveRenderer};

package/lib/components/Schema/views/PropertyFieldRow.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+import type { OneOfChangeParams } from '../../../types/pluggable.js';
+type PropertyFieldRowProps = {
+    name: string;
+    property: PropertyType;
+    level: number;
+    expandByDefault?: boolean;
+    isFirst?: boolean;
+    fieldParentsName?: string[];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+};
+export declare function PropertyFieldRow({ name, property, level, expandByDefault, isFirst, fieldParentsName, skipReadOnly, skipWriteOnly, onOneOfChange, }: PropertyFieldRowProps): ReactElement;
+export {};

package/lib/components/Schema/views/PropertyFieldRow.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as l}from"react/jsx-runtime";import{useMemo as P}from"react";import{useAtomValue as C}from"jotai";import{isStructuredExample as M}from"../../../types/schema.js";import{getSchemaEnumRowLabel as T}from"../utils.js";import{Row as _,NameWrapper as $,ParentPrefix as I,PropertyName as J,SchemaTypeLabel as O,RequiredLabel as W,DeprecatedBadge as z,AccessLabel as G,AdditionalPropertyLabel as E,RecursiveLabel as H,ExternalDocsLink as K,FieldDetail as x,FieldDetailLabel as p,DefaultValueTag as Q,FieldDetailValue as U,PropertyItem as X,ExampleJsonViewer as Y}from"../styled.js";import{SchemaDescription as Z}from"../SchemaDescription.js";import{renderExternalDocsLabel as y}from"../helpers.js";import{SchemaEnumValues as ee}from"./SchemaEnumValues.js";import{SchemaEnumDescriptions as ie}from"./SchemaEnumDescriptions.js";import{VendorExtensions as le}from"../../common/VendorExtensions.js";import{DeepLinkAnchor as re}from"../../common/DeepLinkAnchor.js";import{renderPropertyBadge as S}from"../../common/Badge.js";import{getDeepLinkId as ne,stripVariantMarkers as ae}from"../../../utils/deep-link.js";import{getExtensionsForDisplay as te}from"../../../utils/extract-extensions.js";import{splitBadgesByPosition as se}from"../../../utils/split-badges-by-position.js";import{globalOptionsAtom as oe}from"../../../jotai/store.js";import{PropertyRenderer as v}from"./PropertyRenderer.js";import{SchemaTitleLabel as de}from"./SchemaTitleLabel.js";import{CollapsibleNestedFields as me}from"./CollapsibleNestedFields.js";import{useSchemaFieldDeepLink as ce}from"../hooks/useSchemaFieldDeepLink.js";import{useSpecTranslate as ue}from"../../../hooks/useTranslate.js";import{Examples as he}from"./Examples.js";import{ExpandableExample as fe}from"./ExpandableExample.js";import{Pattern as xe}from"./Pattern.js";function Je({name:n,property:e,level:s,expandByDefault:D,isFirst:A,fieldParentsName:a=[],skipReadOnly:o,skipWriteOnly:d,onOneOfChange:u}){const{hidePropertiesPrefix:R,showExtensions:w,jsonSamplesExpandLevel:V}=C(oe),r=ue(),m=!!e.switcher,b=!e.isCircular&&(!!e.properties||!!(e.items&&e.items.length>0)),h=P(()=>[...a,n].join("/"),[a,n]),f=ce(h),t=e.enum,g=t&&!Array.isArray(t)?t:void 0,c=t&&Array.isArray(t)?t:void 0,k=te(e.extensions??{},w),B=P(()=>m&&e.switcher?.type!=="discriminator"?i(v,{property:e,level:s+1,fieldParentsName:[...a,n],skipReadOnly:o,skipWriteOnly:d,onOneOfChange:u}):m&&e.switcher?.type==="discriminator"||b?i(me,{level:s,expandByDefault:D,required:e.isRequired,skipReadOnly:o,skipWriteOnly:d,property:e,fieldPath:h,children:i(v,{property:e,level:s+1,fieldParentsName:[...a,n],skipReadOnly:o,skipWriteOnly:d,onOneOfChange:u})}):null,[D,a,h,b,m,s,n,e,o,d,u]),{before:F,after:j}=se(e.badges);return l(X,{$isFirst:A,id:ne(f),className:"schema-property-item",children:[l(_,{children:[l($,{children:[f&&i(re,{to:f,label:`link to ${n}`,variant:"field"}),!R&&a.map((q,N)=>{const L=ae(q);return L?l(I,{children:[L,".","\u200B"]},N):null}),F.map(S),i(J,{$deprecated:e.isDeprecated,className:"schema-name",children:n})]}),i(O,{children:e.type}),i(de,{title:e.title,schemaName:e.schemaName}),i(xe,{pattern:e.pattern}),e.accessMode?i(G,{children:e.accessMode}):null,e.isRequired?i(W,{children:r("required","required")}):null,e.isDeprecated?i(z,{children:r("badges.deprecated","deprecated")}):null,e.isAdditionalProperty?i(E,{children:r("additionalProperties","additional property")}):null,e.isPatternProperty?i(E,{children:r("patternProperties","pattern property")}):null,e.isCircular?i(H,{children:r("recursive","Recursive")}):null,j.map(S)]}),!m&&i(Z,{value:e.description}),i(le,{extensions:k}),e.externalDocs?.url&&i(K,{href:e.externalDocs.url,target:"_blank",rel:"noopener noreferrer",children:y(e.externalDocs.description)}),e.default!==void 0?l(x,{children:[l(p,{children:[r("default","Default"),":"]}),i(Q,{children:e.default})]}):null,g?i(ie,{values:g,type:e.type}):c&&c.length>0?i(ee,{label:T(e.type,c.length),values:c}):null,e.example!==void 0?l(x,{children:[l(p,{children:[r("example","Example"),":"]}),M(e.example)?i(Y,{data:e.example,expandLevel:V,controls:!1}):i(fe,{value:e.example})]}):null,i(he,{examples:e.examples}),e.const!==void 0?l(x,{children:[l(p,{children:[r("value","Value"),":"]}),i(U,{children:e.const})]}):null,B]})}export{Je as PropertyFieldRow};

package/lib/components/Schema/views/PropertyRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+import type { OneOfChangeParams } from '../../../types/pluggable.js';
+export type PropertyRendererProps = {
+    property: PropertyType;
+    level: number;
+    expandByDefault?: boolean;
+    fieldParentsName?: string[];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+};
+declare function PropertyRendererComponent({ property, level, expandByDefault, fieldParentsName, skipReadOnly, skipWriteOnly, onOneOfChange, }: PropertyRendererProps): ReactElement;
+export declare const PropertyRenderer: import("react").MemoExoticComponent<typeof PropertyRendererComponent>;
+export {};

package/lib/components/Schema/views/PropertyRenderer.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{memo as l}from"react";import{Row as f,RecursiveLabel as c,SchemaTypeLabel as d}from"../styled.js";import{ObjectRenderer as h}from"./ObjectRenderer.js";import{ArrayRenderer as u}from"./ArrayRenderer.js";import{SwitcherRenderer as R}from"./SwitcherRenderer.js";import{PrimitiveRenderer as x}from"./PrimitiveRenderer.js";import{SchemaTitleLabel as j}from"./SchemaTitleLabel.js";function p({property:e,level:i,expandByDefault:o,fieldParentsName:m,skipReadOnly:t,skipWriteOnly:n,onOneOfChange:s}){return e.isCircular?a(f,{children:[r(d,{children:e.type}),r(j,{title:e.title,schemaName:e.schemaName}),r(c,{children:"Recursive"})]}):e.switcher?r(R,{property:e,level:i,expandByDefault:o,fieldParentsName:m,skipReadOnly:t,skipWriteOnly:n,onOneOfChange:s}):e.properties?r(h,{property:e,level:i,expandByDefault:o,fieldParentsName:m,skipReadOnly:t,skipWriteOnly:n,onOneOfChange:s}):e.items&&e.items.length>0?r(u,{property:e,level:i,fieldParentsName:m,skipReadOnly:t,skipWriteOnly:n,onOneOfChange:s}):r(x,{property:e})}const S=l(p);export{S as PropertyRenderer};

package/lib/components/Schema/views/SchemaEnumDescriptions.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { Node } from '@markdoc/markdoc';
+export type SchemaEnumDescriptionValue = string | Node | Node[];
+type SchemaEnumDescriptionsProps = {
+    values: Record<string, SchemaEnumDescriptionValue>;
+    type?: string;
+};
+export declare function SchemaEnumDescriptions({ values, type, }: SchemaEnumDescriptionsProps): ReactElement;
+export {};

package/lib/components/Schema/views/SchemaEnumDescriptions.js

@@ -0,0 +1,5 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as d}from"styled-components";import{Markdown as l}from"@redocly/theme/components/Markdown/Markdown";import{SchemaDescription as m}from"../SchemaDescription.js";const o=d(l)`
+  table.md {
+    margin: var(--spacing-xs) 0 0;
+  }
+`;function f({values:n,type:s}){const t=Object.entries(n),a=s?.startsWith("Array")?"Items ":"";return r(o,{as:"div",children:e("table",{className:"md",children:[r("thead",{children:e("tr",{children:[e("th",{style:{width:"30%"},children:[a,t.length===1?"Value":"Enum Value"]}),r("th",{children:"Description"})]})}),r("tbody",{children:t.map(([i,c])=>e("tr",{children:[r("td",{children:i}),r("td",{children:r(m,{value:c})})]},i))})]})})}export{f as SchemaEnumDescriptions};

package/lib/components/Schema/views/SchemaEnumValues.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+type SchemaEnumValuesProps = {
+    label: string;
+    values: unknown[];
+};
+declare function SchemaEnumValuesComponent({ label, values }: SchemaEnumValuesProps): ReactElement | null;
+export declare const SchemaEnumValues: import("react").MemoExoticComponent<typeof SchemaEnumValuesComponent>;
+export {};

package/lib/components/Schema/views/SchemaEnumValues.js

@@ -0,0 +1 @@
+import{jsx as s,jsxs as f}from"react/jsx-runtime";import{memo as h,useCallback as E,useMemo as x,useState as y}from"react";import{useAtomValue as S}from"jotai";import{globalOptionsAtom as V}from"../../../jotai/store.js";import{EnumExpandToggle as b,EnumRow as C,EnumValue as D,FieldDetailLabel as j}from"../styled.js";import{getEnumDisplaySlice as $}from"../utils.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";function T({label:l,values:o}){const m=S(V),i=O(),e="maxDisplayedEnumValues"in m?m.maxDisplayedEnumValues:void 0,[n,a]=y(!0),r=E(()=>a(t=>!t),[]),{displayed:u,showToggle:c}=x(()=>$(o,e,n),[o,e,n]);if(!o.length)return null;const p=typeof e=="number"&&e>0?e:0,d=n?`+${o.length-p} ${i("actions.more","more")}`:i("actions.hide","Hide");return f(C,{"data-testid":"schema-enum-values",children:[s(j,{children:l}),u.map((t,g)=>s(D,{children:JSON.stringify(t)},`${JSON.stringify(t)}-${g}`)),c&&s(b,{type:"button",onClick:r,children:d})]})}const F=h(T);export{F as SchemaEnumValues};

package/lib/components/Schema/views/SchemaTitleLabel.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export declare function SchemaTitleLabel({ title, schemaName, }: {
+    title?: string;
+    schemaName?: string;
+}): ReactElement | null;

package/lib/components/Schema/views/SchemaTitleLabel.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useAtomValue as n}from"jotai";import{globalOptionsAtom as c,schemaDefinitionSlugMapAtom as u}from"../../../jotai/store.js";import{useNavigationUrlNormalizer as f}from"../../../hooks/useNormalizeUrl.js";import{SchemaTitle as p,SchemaTypeLabel as h}from"../styled.js";function x({title:o,schemaName:e}){const{hideSchemaTitles:l,schemaDefinitionsTagName:m}=n(c),a=n(u),s=f();if(!o||l)return null;const i=`(${o})`,t=m&&e?a[e]:void 0;return t?r(p,{to:s(t),children:i}):r(h,{children:i})}export{x as SchemaTitleLabel};