@redocly/openapi-docs 3.12.0-rc.7 → 3.12.0-rc.9

package/lib/components/PanelItem/styled.js

@@ -1,11 +1,11 @@
-import{CheckmarkIcon as o}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{styled as t}from"../../styled-components.js";const r=t.span`
+import{CheckmarkIcon as o}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{styled as t}from"../../styled-components.js";const a=t.span`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   position: relative;
   width: 100%;
-`,a=t.span`
+`,r=t.span`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -43,10 +43,14 @@ import{CheckmarkIcon as o}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon"
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-medium);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  justify-content: flex-start;
 `,m=t(o)`
   width: 14px;
   height: 14px;
   position: absolute;
   left: -18px;
   bottom: 3px;
-`;export{p as ActionsWrap,s as Header,a as Item,d as PanelItemDescription,r as PanelItemWrap,c as PanelItemsList,m as StyledCheckmarkIcon,l as Title};
+`;export{p as ActionsWrap,s as Header,r as Item,d as PanelItemDescription,a as PanelItemWrap,c as PanelItemsList,m as StyledCheckmarkIcon,l as Title};

package/lib/components/RightPanel/RightPanel.js

@@ -1 +1 @@
-import{jsx as e,Fragment as c,jsxs as g}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{Panel as o}from"@redocly/theme/components/Panel/Panel";import{Markdown as f}from"@redocly/theme/components/Markdown/Markdown";import{DownloadSpecification as v}from"../Download/index.js";import{Overview as h}from"../Overview/index.js";import{LanguageList as u}from"../Language/index.js";import{ServerList as w}from"../ServerList/index.js";import{globalStoreAtom as x}from"../../jotai/store.js";import{normalizeServers as S}from"../../utils/index.js";import{mergeInMockServer as L}from"../../models/operation.js";import{languageAtom as b}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";const R=({item:{infoDefinition:r}})=>{const a=j(),{options:{hideDownloadButtons:i,mockServer:l},parser:{definition:m,definitionUrl:p}}=t(x),{languages:n,activeLanguage:d}=t(b),s=S(p,L(m.servers||[],l));return g(c,{children:[!i&&e(o,{className:"panel-download",header:a("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(v,{})}),(r?.license||r?.contact||r?.termsOfService)&&e(o,{className:"panel-overview",header:a("openapi.info.title","Overview"),isExpandable:!1,children:e(f,{children:e(h,{info:r,translate:a})})}),!!n?.length&&e(o,{className:"panel-language-list",header:a("openapi.languages.title","Languages"),isExpandable:!1,children:e(u,{languages:n,activeLanguage:d})}),!!s.length&&e(o,{className:"panel-servers-list",header:a("openapi.servers.title","Servers"),isExpandable:!1,children:e(w,{servers:s,path:"/",translate:a})})]})};export{R as RightPanel};
+import{jsx as e,Fragment as f,jsxs as v}from"react/jsx-runtime";import{useAtomValue as l}from"jotai";import{Panel as i}from"@redocly/theme/components/Panel/Panel";import{Markdown as u}from"@redocly/theme/components/Markdown/Markdown";import{DownloadSpecification as h}from"../Download/index.js";import{Overview as x}from"../Overview/index.js";import{LanguageList as w}from"../Language/index.js";import{ServerList as L}from"../ServerList/index.js";import{globalStoreAtom as S}from"../../jotai/store.js";import{normalizeServers as b}from"../../utils/index.js";import{mergeInMockServer as j}from"../../models/operation.js";import{languageAtom as k}from"../../jotai/app.js";import{useTranslate as A}from"../../hooks/index.js";const U=({item:{infoDefinition:a}})=>{const r=A(),{options:{hideDownloadButtons:m,mockServer:p},parser:{definition:d,definitionUrl:c}}=l(S),{languages:n,activeLanguage:g}=l(k),s=b(c,j(d.servers||[],p)).sort((o,t)=>o["x-isLive"]&&!t["x-isLive"]?-1:!o["x-isLive"]&&t["x-isLive"]?1:0);return v(f,{children:[!m&&e(i,{className:"panel-download",header:r("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(h,{})}),(a?.license||a?.contact||a?.termsOfService)&&e(i,{className:"panel-overview",header:r("openapi.info.title","Overview"),isExpandable:!1,children:e(u,{children:e(x,{info:a,translate:r})})}),!!n?.length&&e(i,{className:"panel-language-list",header:r("openapi.languages.title","Languages"),isExpandable:!1,children:e(w,{languages:n,activeLanguage:g})}),!!s.length&&e(i,{className:"panel-servers-list",header:r("openapi.servers.title","Servers"),isExpandable:!1,children:e(L,{servers:s,path:"/",translate:r})})]})};export{U as RightPanel};

package/lib/components/ServerList/ServerList.js

@@ -1,4 +1,4 @@
-import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@redocly/theme/components/Buttons/CopyButton";import{PanelItemDescription as x,Title as f}from"../PanelItem/index.js";import{ViewNested as u}from"../ViewNested/index.js";import{Tag as y}from"../common/index.js";import{Markdown as w}from"../Markdown/index.js";import{styled as e}from"../../styled-components.js";const V=({servers:h,path:b,translate:r})=>i(j,{children:h.map(o=>{const a=o.url+b,d=Object.keys(o.variables||{}).length,p=d===1?"variable":"variables",l=`${d||""} ${r(`openapi.${p}`,p)}`;return t("div",{children:[i(x,{children:o.description}),t(k,{children:[i(f,{suppressHydrationWarning:!0,children:a}),i(v,{data:a},a)]}),o.variables&&i(u,{expandText:`${r("openapi.actions.show","Show")} ${l}`,hideText:`${r("openapi.actions.hide","Hide")} ${l}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i(S,{children:Object.entries(o.variables||{}).map(([c,n])=>t(T,{children:[i(z,{children:c}),t(s,{children:[r("openapi.default","Default")," ",i(g,{children:n.default})]}),i($,{source:n.description}),n.enum&&t(s,{children:[r("openapi.enum","Enum")," ",i(D,{children:n.enum.map(m=>i(g,{children:m},m))})]})]},c))})})]},o.url)})}),j=e.div`
+import{jsx as i,jsxs as r}from"react/jsx-runtime";import{CopyButton as f}from"@redocly/theme/components/Buttons/CopyButton";import{CheckmarkFilledIcon as u}from"@redocly/theme/icons/CheckmarkFilledIcon/CheckmarkFilledIcon";import{PanelItemDescription as h,Title as y}from"../PanelItem/index.js";import{ViewNested as w}from"../ViewNested/index.js";import{Tag as l}from"../common/index.js";import{Markdown as $}from"../Markdown/index.js";import{styled as o}from"../../styled-components.js";const _=({servers:b,path:v,translate:t})=>i(j,{children:b.map(e=>{const s=e.url+v,p=Object.keys(e.variables||{}).length,c=p===1?"variable":"variables",m=`${p||""} ${t(`openapi.${c}`,c)}`;return r("div",{children:[r(h,{children:[e.description," ",e["x-isLive"]&&r(l,{className:"tag-green",children:[i(u,{}),"Live"]})]}),e["x-labels"]?.length&&i(h,{style:{margin:"var(--spacing-xs) 0"},children:e["x-labels"]?.map(n=>r(l,{className:`tag-${n.color}`,children:[n.label,": ",n.value]},n.value))})||null,r(L,{children:[i(y,{suppressHydrationWarning:!0,children:s}),i(f,{data:s},s)]}),e.variables&&i(w,{expandText:`${t("openapi.actions.show","Show")} ${m}`,hideText:`${t("openapi.actions.hide","Hide")} ${m}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i(S,{children:Object.entries(e.variables||{}).map(([n,a])=>r(T,{children:[i(k,{children:n}),r(d,{children:[t("openapi.default","Default")," ",i(x,{children:a.default})]}),i(z,{source:a.description}),a.enum&&r(d,{children:[t("openapi.enum","Enum")," ",i(D,{children:a.enum.map(g=>i(x,{children:g},g))})]})]},n))})})]},e.url)})}),j=o.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);
@@ -10,7 +10,7 @@ import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@r
     margin-bottom: 0;
     padding-bottom: 0;
   }
-`,S=e.div`
+`,S=o.div`
   padding-left: var(--spacing-xxs);
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
@@ -28,32 +28,32 @@ import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@r
     margin-bottom: 0;
     padding-bottom: 0;
   }
-`,T=e.div`
+`,T=o.div`
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-`,$=e(w)`
+`,z=o($)`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,s=e.span`
+`,d=o.span`
   display: flex;
   gap: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,z=e(s)`
+`,k=o(d)`
   padding-bottom: var(--spacing-xxs);
   font-weight: var(--font-weight-semibold);
-`,D=e.span`
+`,D=o.span`
   display: flex;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`,g=e(y)`
+`,x=o(l)`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`,k=e.div`
+`,L=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`;export{V as ServerList};
+`;export{_ as ServerList};

package/lib/components/common/Fields/fields.js

@@ -7,7 +7,7 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   color: var(--schema-type-text-color);
 `,d=r(o)`
   color: var(--schema-type-text-color);
-`,m=r(o)`
+`,p=r(o)`
   color: var(--schema-type-title-text-color);
   word-break: break-word;
 `,c=r(o).attrs({as:"div"})`
@@ -16,7 +16,7 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   line-height: var(--schema-labels-line-height);
   font-weight: normal;
   display: block;
-`,p=r(o)`
+`,m=r(o)`
   color: var(--schema-property-required-label-text-color);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -32,6 +32,8 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   color: var(--text-color-secondary);
   display: inline-flex;
   word-break: var(--code-word-break);
+  align-items: center;
+  gap: var(--spacing-xxs);
 `,v=r(e)`
   color: var(--schema-property-access-label-text-color);
   background-color: var(--bg-color);
@@ -89,4 +91,4 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   padding: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,p as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,m as TypeTitle};
+`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,m as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,p as TypeTitle};

package/lib/types/open-api.d.ts

@@ -3,6 +3,7 @@ export interface OpenAPIDefinition {
     openapi: string;
     info: OpenAPIInfo;
     servers?: OpenAPIServer[];
+    'x-servers'?: OpenAPIServer[];
     paths: OpenAPIPaths;
     components?: OpenAPIComponents;
     security?: OpenAPISecurityRequirement[];
@@ -46,6 +47,12 @@ export interface OpenAPIServer extends ParsedDescription {
     url: string;
     description?: string;
     variables?: OpenAPIServerVariables;
+    'x-isLive'?: boolean;
+    'x-labels'?: {
+        label?: string;
+        color?: string;
+        value: string;
+    }[];
 }
 export interface OpenAPIServerVariables {
     [name: string]: OpenAPIServerVariable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.12.0-rc.7",
+  "version": "3.12.0-rc.9",
   "description": "Redocly OpenAPI Docs",
   "type": "module",
   "main": "lib/index.js",
@@ -36,8 +36,8 @@
     "url-template": "^2.0.8",
     "util": "~0.12.5",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.26.3-rc.1",
-    "@redocly/replay": "0.15.0-rc.3"
+    "@redocly/replay": "0.15.0-rc.3",
+    "@redocly/config": "0.26.3-rc.1"
   },
   "devDependencies": {
     "@jest/globals": "29.5.0",