@redocly/openapi-docs 3.24.0-next.0 → 3.24.0-next.1

package/lib/components/PropertyDetails/FieldDetail.js

@@ -1,7 +1,13 @@
-import{jsx as l,jsxs as a}from"react/jsx-runtime";import{memo as s}from"react";import{FieldLabel as o,DefaultValue as p,FieldValueLabel as d,ExpandableExample as m}from"../common/index.js";import{styled as x}from"../../styled-components.js";function f({value:e,label:n,raw:t,type:r="other"}){if(e===void 0)return null;const i=t?String(e):JSON.stringify(e);return a(c,{children:[a(o,{children:[" ",n," "]}),r==="default"?l(p,{children:i}):r==="example"?l(m,{value:i}):l(d,{children:i})]})}const j=s(f),c=x.div`
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{memo as p}from"react";import{useAtomValue as m}from"jotai";import{JsonViewer as f}from"@redocly/theme/components/JsonViewer/JsonViewer";import{FieldLabel as x,DefaultValue as c,FieldValueLabel as u,ExpandableExample as b}from"../common/index.js";import{globalOptionsAtom as g}from"../../jotai/store.js";import{styled as n}from"../../styled-components.js";function h({value:e,label:s,raw:i,type:l="other"}){const{jsonSamplesExpandLevel:t}=m(g);if(e===void 0)return null;const d=!i&&typeof e=="object"&&e!==null,o=i?String(e):JSON.stringify(e);return a(j,{children:[a(x,{children:[" ",s," "]}),l==="default"?r(c,{children:o}):l==="example"?d?r(V,{data:e,expandLevel:t,controls:!1}):r(b,{value:o}):r(u,{children:o})]})}const D=p(h),j=n.div`
   margin-top: var(--spacing-xxs);
   display: flex;
   align-items: baseline;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`;export{j as FieldDetail};
+`,V=n(f)`
+  flex-basis: 100%;
+  min-width: 0;
+  border: 1px solid var(--border-color-secondary);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+`;export{D as FieldDetail};

package/lib/components/PropertyDetails/FieldDetails.js

@@ -1,18 +1,18 @@
-import{Fragment as C,jsx as e,jsxs as s}from"react/jsx-runtime";import{memo as S,useMemo as L}from"react";import{useAtomValue as N}from"jotai";import{LinkIcon as j}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{RecursiveLabel as x,Tag as g,AccessLabel as q,RequiredLabel as A,StyledBadge as M,CustomBadges as R,renderBadge as y}from"../common/index.js";import{ExternalDocumentation as V}from"../ExternalDocumentation/index.js";import{Markdown as $}from"../Markdown/index.js";import{FieldDetail as m}from"./FieldDetail.js";import{Extensions as _}from"./Extensions.js";import{EnumValues as I}from"./EnumValues.js";import{Examples as O,getSerializedValue as G}from"./Examples.js";import{globalOptionsAtom as H}from"../../jotai/store.js";import{SchemaTypeInfo as n}from"./SchemaTypeInfo.js";import{LinkToField as J}from"../common/LinkToField.js";import{Pattern as K}from"./Pattern.js";import{getAccessModeLabelText as Q}from"../RenderHook/index.js";import{useTranslate as U}from"../../hooks/index.js";import{styled as i}from"../../styled-components.js";import{splitBadgesByPosition as W}from"../../utils/index.js";function X({field:r,renderDiscriminatorSwitch:v,deepLink:c,fieldParentsName:b=[]}){const t=U(),{hidePropertiesPrefix:w,hideSchemaTitles:D}=N(H),{schema:a,description:P,example:d,deprecated:B,examples:p,kind:f,required:F,name:l,badges:k}=r,z=r.in==="header",E=L(()=>{if(d!==void 0||p!==void 0){if(p!==void 0)return e(O,{field:r});{const o=!!r.in;return e(m,{label:`${t("openapi.example","Example")}:`,value:G(r,r.example),raw:o})}}else return null},[d,p,r,t]),h=Q(r.schema),{before:u,after:T}=W(k);return s(C,{children:[s(Y,{children:[l&&s(ee,{children:[c&&e(J,{to:c}),e(ae,{children:e(R,{badges:u,children:s(re,{children:[!w&&b.map(o=>o+".\u200B"),e(te,{className:"schema-name",children:l})]})})})]}),!l&&u.map(y),e(n,{type:a.typePrefix+a.displayType}),e(n,{type:a.displayFormat&&`(${a.displayFormat})`}),e(n,{type:a.contentEncoding}),e(n,{type:a.title&&!D?`(${a.title})`:""}),a.constraints?.map(o=>e(n,{type:o},o)),B&&e(M,{deprecated:!0,children:t("openapi.badges.deprecated","Deprecated")}),e(K,{pattern:a.pattern}),f==="additionalProperties"&&e(g,{children:t("openapi.additionalProperties","additional property")}),f==="patternProperties"&&e(g,{children:t("openapi.patternProperties","pattern property")}),h&&e(q,{children:h}),F&&e(A,{children:t("openapi.required","required")}),a.isCircular&&e(x,{children:t("openapi.recursive","Recursive")}),T.map(y)]}),a.isComplex&&e(x,{children:t("openapi.complex","Complex")}),e(Z,{source:P}),e(m,{raw:z,type:"default",label:t("openapi.default","Default"),value:a.default}),e(I,{type:a.type,values:a["x-enumDescriptions"]||a.enum}),E,e(_,{extensions:{...r.extensions,...a.extensions}}),a.externalDocs&&e(V,{externalDocs:a.externalDocs,compact:!0}),v?.(),e(m,{label:t("openapi.value","Value"),value:r.const||void 0})]})}const Pe=S(X),Y=i.div`
+import{Fragment as j,jsx as e,jsxs as s}from"react/jsx-runtime";import{memo as L,useMemo as N}from"react";import{useAtomValue as V}from"jotai";import{LinkIcon as q}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{RecursiveLabel as g,Tag as y,AccessLabel as A,RequiredLabel as M,StyledBadge as R,CustomBadges as $,renderBadge as v}from"../common/index.js";import{ExternalDocumentation as _}from"../ExternalDocumentation/index.js";import{Markdown as I}from"../Markdown/index.js";import{FieldDetail as c}from"./FieldDetail.js";import{Extensions as O}from"./Extensions.js";import{EnumValues as G}from"./EnumValues.js";import{Examples as H,getSerializedValue as J}from"./Examples.js";import{globalOptionsAtom as K}from"../../jotai/store.js";import{SchemaTypeInfo as n}from"./SchemaTypeInfo.js";import{LinkToField as Q}from"../common/LinkToField.js";import{Pattern as U}from"./Pattern.js";import{getAccessModeLabelText as W}from"../RenderHook/index.js";import{useTranslate as X}from"../../hooks/index.js";import{styled as i}from"../../styled-components.js";import{splitBadgesByPosition as Y}from"../../utils/index.js";function Z({field:r,renderDiscriminatorSwitch:b,deepLink:d,fieldParentsName:w=[]}){const t=X(),{hidePropertiesPrefix:D,hideSchemaTitles:P}=V(K),{schema:a,description:B,example:f,deprecated:F,examples:p,kind:u,required:k,name:l,badges:z}=r,E=r.in==="header",S=N(()=>{if(f!==void 0||p!==void 0){if(p!==void 0)return e(H,{field:r});{const o=!!r.in,m=J(r,r.example),C=!o&&typeof m=="object"&&m!==null;return e(c,{label:`${t("openapi.example","Example")}:`,value:m,raw:o,type:C?"example":void 0})}}else return null},[f,p,r,t]),h=W(r.schema),{before:x,after:T}=Y(z);return s(j,{children:[s(ee,{children:[l&&s(re,{children:[d&&e(Q,{to:d}),e(te,{children:e($,{badges:x,children:s(oe,{children:[!D&&w.map(o=>o+".\u200B"),e(ie,{className:"schema-name",children:l})]})})})]}),!l&&x.map(v),e(n,{type:a.typePrefix+a.displayType}),e(n,{type:a.displayFormat&&`(${a.displayFormat})`}),e(n,{type:a.contentEncoding}),e(n,{type:a.title&&!P?`(${a.title})`:""}),a.constraints?.map(o=>e(n,{type:o},o)),F&&e(R,{deprecated:!0,children:t("openapi.badges.deprecated","Deprecated")}),e(U,{pattern:a.pattern}),u==="additionalProperties"&&e(y,{children:t("openapi.additionalProperties","additional property")}),u==="patternProperties"&&e(y,{children:t("openapi.patternProperties","pattern property")}),h&&e(A,{children:h}),k&&e(M,{children:t("openapi.required","required")}),a.isCircular&&e(g,{children:t("openapi.recursive","Recursive")}),T.map(v)]}),a.isComplex&&e(g,{children:t("openapi.complex","Complex")}),e(ae,{source:B}),e(c,{raw:E,type:"default",label:t("openapi.default","Default"),value:a.default}),e(G,{type:a.type,values:a["x-enumDescriptions"]||a.enum}),S,e(O,{extensions:{...r.extensions,...a.extensions}}),a.externalDocs&&e(_,{externalDocs:a.externalDocs,compact:!0}),b?.(),e(c,{label:t("openapi.value","Value"),value:r.const||void 0})]})}const Fe=L(Z),ee=i.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
   flex-wrap: wrap;
   margin-bottom: 2px;
   position: relative;
-`,Z=i($)`
+`,ae=i(I)`
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
 
   article p:last-child {
     margin-bottom: 0;
   }
-`,ee=i.span`
+`,re=i.span`
   position: relative;
   font-family: var(--font-family-monospaced);
   line-height: var(--line-height-base);
@@ -28,24 +28,24 @@ import{Fragment as C,jsx as e,jsxs as s}from"react/jsx-runtime";import{memo as S
   }
 
   &:hover {
-    ${j} {
+    ${q} {
       opacity: 1;
       visibility: visible;
       background-color: var(--bg-color);
     }
   }
-`,ae=i.span`
+`,te=i.span`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
   max-width: 100%;
-`,re=i.span`
+`,oe=i.span`
   display: inline;
-`,te=i.span`
+`,ie=i.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(--color-primary-text, var(--schema-name-color-legacy));
-`;export{Pe as FieldDetails};
+`;export{Fe as FieldDetails};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.24.0-next.0",
+  "version": "3.24.0-next.1",
   "description": "Redocly OpenAPI Docs",
   "type": "module",
   "main": "lib/index.js",
@@ -41,7 +41,7 @@
     "web-vitals": "3.3.1",
     "@redocly/config": "0.52.0",
     "@redocly/redoc-opentelemetry": "0.2.2",
-    "@redocly/replay": "0.27.0-next.0"
+    "@redocly/replay": "0.27.0-next.1"
   },
   "devDependencies": {
     "@shikijs/transformers": "3.21.0",