@redocly/openapi-docs 0.0.0-beta-20240320161915 → 0.0.0-beta-20240321172609

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,8 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r}){if(void 0===e)return null;const i=r?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",t," "]}),"Default"===t?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:i}):"Example"===t?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:i}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:i})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown");function FieldDetailComponent({value:e,label:r,raw:t}){if(void 0===e)return null;const n=t?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",r," "]}),"Default"===r?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"Example:"===r?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n})}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
2
2
  margin-top: var(--spacing-xxs);
3
3
  display: flex;
4
- align-items: center;
4
+ align-items: baseline;
5
5
  gap: var(--spacing-xxs);
6
+ flex-wrap: wrap;
6
7
  `;
7
8
  //# sourceMappingURL=FieldDetail.js.map
@@ -1,4 +1,4 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const{hidePropertiesPrefix:a,hideSchemaTitles:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:s,description:l,example:m,deprecated:_,examples:c,kind:d,required:u,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&r.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.typePrefix+s.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.displayFormat&&`(${s.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.title&&!o?`(${s.title})`:""}),null===(n=s.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(DeprecatedLabel,{children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:s.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),s.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:s.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),s.extensions)}),s.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const{hidePropertiesPrefix:a,hideSchemaTitles:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:s,description:l,example:m,deprecated:_,examples:c,kind:d,required:u,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example:",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&r.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.typePrefix+s.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.displayFormat&&`(${s.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.title&&!o?`(${s.title})`:""}),null===(n=s.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(DeprecatedLabel,{children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:s.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),s.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:s.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),s.extensions)}),s.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: var(--spacing-xxs);
@@ -1,4 +1,4 @@
1
- "use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.ArrayClosingLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),SubSchema_1=require("./SubSchema"),store_1=require("../../jotai/store");function ArraySchemaComponent(e){var r,t,a,n,{schema:i,schema:{minItems:o,maxItems:s,items:l},fieldParentsName:c}=e,m=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),d=void 0===o&&void 0===s?"":`(${(0,utils_1.humanizeConstraints)(i)})`;let p=c?[...c.slice(0,-1),c[c.length-1]+"[]"]:c;const _=(0,react_1.useCallback)((e=>m.skipReadOnly||m.skipWriteOnly?null==e?void 0:e.filter((e=>!(m.skipReadOnly&&e.schema.readOnly||m.skipWriteOnly&&e.schema.writeOnly))):null==e?void 0:e.fields),[m.skipReadOnly,m.skipWriteOnly]);if(null==i?void 0:i.fields)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:i,fieldParentsName:p}));if(i.displayType&&!l&&!d.length)return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:i.displayType})});const h=(null===(r=_(null==l?void 0:l.fields))||void 0===r?void 0:r.length)||(null===(n=_(null===(a=null===(t=null==l?void 0:l.oneOf)||void 0===t?void 0:t[0])||void 0===a?void 0:a.fields))||void 0===n?void 0:n.length),y=1===m.level,b=u>=Number(m.level)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,Object.assign({},m,{propertyLength:h,isArray:!0,expandable:!y,expandByDefault:b,operationPointer:i.deps.operation.pointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[y&&(0,jsx_runtime_1.jsx)(ArrayLabel,{children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"Array ["})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},m,{schema:l,fieldParentsName:p,expandable:!1})),y&&(0,jsx_runtime_1.jsx)(exports.ArrayClosingLabel,{className:"array-closing-label",children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled_components_1.default.span`
1
+ "use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.ArrayClosingLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),SubSchema_1=require("./SubSchema"),store_1=require("../../jotai/store");function ArraySchemaComponent(e){var r,t,a,n,{schema:o,schema:{minItems:i,maxItems:s,items:l},fieldParentsName:c}=e,m=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),d=void 0===i&&void 0===s?"":`(${(0,utils_1.humanizeConstraints)(o)})`;let p=c?[...c.slice(0,-1),c[c.length-1]+"[]"]:c;const _=(0,react_1.useCallback)((e=>m.skipReadOnly||m.skipWriteOnly?null==e?void 0:e.filter((e=>!(m.skipReadOnly&&e.schema.readOnly||m.skipWriteOnly&&e.schema.writeOnly))):e),[m.skipReadOnly,m.skipWriteOnly]);if(null==o?void 0:o.fields)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:o,fieldParentsName:p}));if(o.displayType&&!l&&!d.length)return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:o.displayType})});const h=(null===(r=_(null==l?void 0:l.fields))||void 0===r?void 0:r.length)||(null===(n=_(null===(a=null===(t=null==l?void 0:l.oneOf)||void 0===t?void 0:t[0])||void 0===a?void 0:a.fields))||void 0===n?void 0:n.length),y=1===m.level,b=u>=Number(m.level)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,Object.assign({},m,{propertyLength:h,isArray:!0,expandable:!y,expandByDefault:b,operationPointer:o.deps.operation.pointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[y&&(0,jsx_runtime_1.jsx)(ArrayLabel,{children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"Array ["})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},m,{schema:l,fieldParentsName:p,expandable:!1})),y&&(0,jsx_runtime_1.jsx)(exports.ArrayClosingLabel,{className:"array-closing-label",children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled_components_1.default.span`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: var(--spacing-xs);
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils");function useMenuItems({items:e}){const t=(0,react_router_dom_1.useLocation)(),s=(0,theme_1.useActiveSectionId)(t,!1,!1);return(0,react_1.useMemo)((()=>mapAndSetActiveItems(e,s,t)),[s,e,t])}function mapAndSetActiveItems(e,t="",s){const i=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:i,activeItemId:t,location:s}),i}function isItemActive(e,t="",s){return!!e.href&&(t?e.id===t:(0,utils_1.pathMatchedLink)(s,e.href))}function isSubItemActive(e,t="",s){return(e.items||[]).some((e=>isItemActive(e,t,s)||isSubItemActive(e,t,s)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:s,activeItemId:i,location:c}=e;for(const n of t){const t=isItemActive(n,i,c),r=isSubItemActive(n,i,c);switch(n.type){case"group":s.push({type:"separator",label:n.name,active:t,hasActiveSubItem:r}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:n.items,sidebarItems:s}));break;case"tag":const o={type:"group",label:n.name,items:[],link:n.href,active:t,hasActiveSubItem:r};s.push(o),convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:o.items||[],activeItemId:i,location:c});break;case"operation":case"schema":s.push({type:"link",label:n.name,httpVerb:"schema"===n.type?"schema":n.httpVerb,link:n.href,active:t,hasActiveSubItem:r});break;case"section":if(-1===n.depth)continue;const a={type:n.items.length?"group":"link",label:n.name,link:n.href,items:[],active:t,hasActiveSubItem:r};s.push(a),n.items.length&&convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:a.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils");function useMenuItems({items:e}){const t=(0,react_router_dom_1.useLocation)(),s=(0,theme_1.useActiveSectionId)(t,!1,!1);return(0,react_1.useMemo)((()=>mapAndSetActiveItems(e,s,t)),[s,e,t])}function mapAndSetActiveItems(e,t="",s){const i=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:i,activeItemId:t,location:s}),i}function isItemActive(e,t="",s){return!!e.href&&(t?e.id===t:(0,utils_1.pathMatchedLink)(s,e.href))}function isSubItemActive(e,t="",s){return(e.items||[]).some((e=>isItemActive(e,t,s)||isSubItemActive(e,t,s)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:s,activeItemId:i,location:c}=e;let n=!0;for(const r of t){const t=isItemActive(r,i,c),o=isSubItemActive(r,i,c);switch(r.type){case"group":s.push({type:"separator",label:r.name,active:t,hasActiveSubItem:o}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:r.items,sidebarItems:s}));break;case"tag":const a={type:"group",label:r.name,items:[],link:r.href,active:t,hasActiveSubItem:o};s.push(a),convertOpenAPIDocs2Sidebar({contentItems:r.items,sidebarItems:a.items||[],activeItemId:i,location:c});break;case"operation":case"schema":r.isWebhook&&n&&(s.push({type:"separator",label:"Webhooks",variant:"secondary"}),n=!1),s.push({type:"link",label:r.name,httpVerb:"schema"===r.type?"schema":r.httpVerb,link:r.href,active:t,hasActiveSubItem:o});break;case"section":if(-1===r.depth)continue;const m={type:r.items.length?"group":"link",label:r.name,link:r.href,items:[],active:t,hasActiveSubItem:o};s.push(m),r.items.length&&convertOpenAPIDocs2Sidebar({contentItems:r.items,sidebarItems:m.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
2
2
  //# sourceMappingURL=useMenuItems.js.map
@@ -1,25 +1,38 @@
1
1
  /// <reference types="react" />
2
- export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
3
- kind?: string | undefined;
4
- }, never>;
5
2
  export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
6
3
  export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
7
4
  export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
8
5
  export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
9
- export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
10
6
  export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
11
7
  export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
12
8
  export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
13
- export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
14
- export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
15
- export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
16
- export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
17
- export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
18
- export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
19
- export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
20
- export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
21
- export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
22
- export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
9
+ export declare const Tag: import("styled-components").StyledComponent<"span", any, {
10
+ className: "tag-grey";
11
+ }, "className">;
12
+ export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {
13
+ className: "tag-grey";
14
+ }, "className">;
15
+ export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {
16
+ className: "tag-grey";
17
+ }, "className">;
18
+ export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {
19
+ className: "tag-grey";
20
+ }, "className">;
21
+ export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {
22
+ className: "tag-grey";
23
+ }, "className">;
24
+ export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {
25
+ className: "tag-grey";
26
+ }, "className">;
27
+ export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {
28
+ className: "tag-grey";
29
+ }, "className">;
30
+ export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {
31
+ className: "tag-grey";
32
+ }, "className">;
33
+ export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {
34
+ className: "tag-grey";
35
+ }, "className">;
23
36
  export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
24
37
  variant: "link";
25
38
  size: "small";
@@ -1,27 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
2
- button {
3
- background-color: transparent;
4
- border: 0;
5
- outline: 0;
6
- cursor: pointer;
7
- padding: 0 10px 0 0;
8
- color: var(--text-color-primary);
9
- &:focus {
10
- font-weight: var(--font-weight-bold);
11
- }
12
- }
13
-
14
- ${()=>{const e=(0,fields_layout_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n && button {\n max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n text-align: left;\n span {\n white-space: normal;\n word-break: ${e};\n vertical-align: top;\n display: inline-flex;\n }\n }\n `;return styled_components_1.css`
15
- button {
16
- ${(0,utils_1.typography)("schema-property-name")};
17
- ${r};
18
- }
19
- `}return styled_components_1.css`
20
- button {
21
- ${(0,utils_1.typography)("schema-property-name")};
22
- }
23
- `}};
24
- `,exports.FieldLabel=styled_components_1.default.span`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.FieldLabel=styled_components_1.default.span`
25
2
  vertical-align: middle;
26
3
  line-height: var(--schema-labels-line-height);
27
4
  font-size: var(--schema-property-labels-font-size);
@@ -33,7 +10,7 @@
33
10
  `,exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)`
34
11
  color: var(--schema-type-title-text-color);
35
12
  word-break: break-word;
36
- `,exports.TypeFormat=exports.TypeName,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
13
+ `,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
37
14
  color: var(--text-color-secondary);
38
15
  font-size: var(--schema-labels-font-size);
39
16
  line-height: var(--schema-labels-line-height);
@@ -45,8 +22,8 @@
45
22
  line-height: var(--line-height-base);
46
23
  `,exports.AdditionalPropertiesLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
47
24
  color: var(--schema-property-additional-label-text-color);
48
- `,exports.Tag=styled_components_1.default.span`
49
- background: var(--border-color-secondary);
25
+ `,exports.Tag=styled_components_1.default.span.attrs((()=>({className:"tag-grey"})))`
26
+ background: var(--tag-bg-color);
50
27
  padding: 0 var(--spacing-xxs);
51
28
  font-family: var(--font-family-monospaced);
52
29
  font-size: var(--font-size-sm);
@@ -60,25 +37,25 @@
60
37
  background-color: var(--bg-color);
61
38
  border: 1px solid var(--border-color-secondary);
62
39
  `,exports.FieldValueLabel=(0,styled_components_1.default)(exports.Tag)`
63
- background-color: var(--schema-inline-background-color);
40
+ background-color: var(--schema-inline-bg-color);
64
41
  border-radius: var(--border-radius);
65
42
  border: var(--schema-inline-border);
66
43
  padding: 0 var(--spacing-unit);
67
44
  `,exports.RecursiveLabel=(0,styled_components_1.default)(exports.Tag)`
68
- background-color: var(--schema-recursive-background-color);
45
+ background-color: var(--schema-recursive-bg-color);
69
46
  border-color: var(--schema-recursive-border-color);
70
47
  color: var(--schema-recursive-text-color);
71
48
  padding: 0 var(--spacing-xs);
72
49
  `,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
73
- background-color: var(--schema-enum-background-color);
50
+ background-color: var(--schema-enum-bg-color);
74
51
  border-color: var(--schema-enum-border-color);
75
52
  color: var(--schema-enum-text-color);
76
53
  `,exports.DefaultValue=(0,styled_components_1.default)(exports.Tag)`
77
- background-color: var(--schema-default-background-color);
54
+ background-color: var(--schema-default-bg-color);
78
55
  border-color: var(--schema-default-border-color);
79
56
  color: var(--schema-default-text-color);
80
57
  `,exports.ExampleValue=(0,styled_components_1.default)(exports.Tag)`
81
- background-color: var(--schema-example-background-color);
58
+ background-color: var(--schema-example-bg-color);
82
59
  border-color: var(--schema-example-border-color);
83
60
  color: var(--schema-example-text-color);
84
61
  word-break: var(--code-word-break);
@@ -90,8 +67,15 @@
90
67
  display: inline-flex;
91
68
  white-space: pre-wrap;
92
69
  overflow-wrap: anywhere;
70
+
71
+ & p,
72
+ p:only-of-type {
73
+ font-size: var(--schema-inline-code-font-size);
74
+ font-family: var(--schema-inline-code-font-family);
75
+ margin: 0;
76
+ }
93
77
  `,exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)``,exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldValueLabel)`
94
- background-color: var(--schema-constraint-background-color);
78
+ background-color: var(--schema-constraint-bg-color);
95
79
  border-color: var(--schema-constraint-border-color);
96
80
  color: var(--schema-constraint-text-color);
97
81
  word-break: var(--code-word-break);
@@ -100,7 +84,7 @@
100
84
  & + & {
101
85
  margin-left: 0;
102
86
  }
103
- `,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=(0,styled_components_1.default)(theme_1.Button).attrs((()=>({variant:"link",size:"small"})))`
87
+ `,exports.ToggleButton=(0,styled_components_1.default)(theme_1.Button).attrs((()=>({variant:"link",size:"small"})))`
104
88
  padding: 0;
105
89
  font-size: var(--font-size-sm);
106
90
  line-height: var(--line-height-sm);
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const util_1=require("util"),code_builder_1=require("../../helpers/code-builder"),utils_1=require("../../../../utils"),code_helpers_1=require("../../helpers/code-helpers"),__1=require("../.."),constants_1=require("../../helpers/constants"),constants_2=require("../../../../../constants"),handler=function(e,t,{target:s,client:a}){var r,o,n,i;const l=Object.assign({indent:" "},t),{level:u=0}=l,p=new code_builder_1.CodeBuilder({indentation:l.indent,variablesPrefix:l.variablesPrefix,lang:constants_1.Lang.PYTHON});l.withComments&&addComments(p),l.withImports&&p.push("import requests").blank();let d,h,c=!1,_=e.allHeaders;if(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r.length){const t=new __1.HTTPSnippet(null===(o=e.securityOAuth2ExtraCalls)||void 0===o?void 0:o[0]).convert(s,a,Object.assign(Object.assign({},l),{withImports:!1,withComments:!1,variablesPrefix:"oauth2_"}));p.push(t),p.blank(),_=_||{},_.Authorization='"Bearer " + oauth2_data["access_token"]',c=!0}if((0,code_helpers_1.printUrlVariablesDeclarations)(e,p),p.push(`${p.var("url").toLowerCase()} = %s`,(0,code_helpers_1.buildUrlExpression)(e,p)).blank(),Object.keys(e.queryObj||{}).length){d="query = "+jsObjectToPythonDict(e.queryObj,l.indent),p.push(d).blank()}const b=(0,utils_1.normalizeMimeType)(null===(n=e.postData)||void 0===n?void 0:n.mimeType);if(e.postData)switch(b){case constants_2.MediaTypes.URL_ENCODED:h=e.postData.paramsObj?`${(0,code_helpers_1.addIndentation)(jsObjectToPythonDict(e.postData.paramsObj,l.indent),{level:0,firstLine:!1})}`:e.postData.text;break;case constants_2.MediaTypes.JSON:e.postData.jsonObj&&(h=(0,code_helpers_1.addIndentation)(jsObjectToPythonDict(e.postData.jsonObj,l.indent),{level:0,firstLine:!1}));break;case constants_2.MediaTypes.MULTIPART:p.unshift("# multipart/form-data is not supported yet\n");break;default:e.postData.text&&(h=`'''\n${(0,code_helpers_1.addIndentation)(e.postData.text.trim(),{level:1,indent:l.indent,firstLine:!0})}\n'''`)}let v;h&&p.push(`${p.var("payload").toLowerCase()} = %s`,h).blank();const C=Object.keys(_).length,$=(e,t)=>"Authorization"===e&&c?t:`"${t}"`;if(1===C)for(v in _)p.push(`${p.var("headers").toLowerCase()} = {"${v}": ${$(v,_[v])}}`).blank();else if(C>1){let e=1;for(v in p.push(`${p.var("headers").toLowerCase()} = {`),_)e++!==C?p.push(1,`"${v}": ${$(v,_[v])},`):p.push(1,`"${v}": ${$(v,_[v])}`);p.push(0,"}").blank()}const f=e.method.toLowerCase();let O=(0,util_1.format)(`${p.var("response").toLowerCase()} = requests.${f}(${p.var("url").toLowerCase()}`);if(h){O+=`, ${b===constants_2.MediaTypes.JSON?"json":"data"}=${p.var("payload").toLowerCase()}`}return C>0&&(O+=`, headers=${p.var("headers").toLowerCase()}`),d&&(O+=`, params=${p.var("query").toLowerCase()}`),e.basicAuth&&(O+=`, auth=('${e.basicAuth.username}','${e.basicAuth.password}')`),O+=")",p.push(O).blank(),(null===(i=e.allResponseCodes)||void 0===i?void 0:i.includes("204"))?p.push("if (response.status == 204) {").push(u+1,'print("success")').push("} else {").push(u+1,`${p.var("data").toLowerCase()} = ${p.var("response").toLowerCase()}.json()`).push(u+1,`print(${p.var("data").toLowerCase()})`).push("}"):p.push(`${p.var("data").toLowerCase()} = ${p.var("response").toLowerCase()}.json()`).push(`print(${p.var("data").toLowerCase()})`),p.join()};function addComments(e){e.push('"""'),e.push("Requires python >= 3"),e.blank(),e.push('Requires module "requests" >= 2.25.1'),e.push("See here for installation details:"),e.push(" https://requests.readthedocs.io/"),e.push('"""'),e.blank()}function jsObjectToPythonDict(e,t){return JSON.stringify(e,(function(e,t){return e&&"boolean"==typeof t?t?"__REDOCLY_<True>__":"__REDOCLY_<False>__":null===t?"__REDOCLY_<None>__":t}),t).replace(/"__REDOCLY_<(\w+)>__"/g,"$1")}exports.default=handler;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const util_1=require("util"),code_builder_1=require("../../helpers/code-builder"),utils_1=require("../../../../utils"),code_helpers_1=require("../../helpers/code-helpers"),__1=require("../.."),constants_1=require("../../helpers/constants"),constants_2=require("../../../../../constants"),handler=function(e,t,{target:s,client:a}){var r,o,n,i;const l=Object.assign({indent:" "},t),{level:u=0}=l,p=new code_builder_1.CodeBuilder({indentation:l.indent,variablesPrefix:l.variablesPrefix,lang:constants_1.Lang.PYTHON});l.withComments&&addComments(p),l.withImports&&p.push("import requests").blank();let d,h,c=!1,_=e.allHeaders;if(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r.length){const t=new __1.HTTPSnippet(null===(o=e.securityOAuth2ExtraCalls)||void 0===o?void 0:o[0]).convert(s,a,Object.assign(Object.assign({},l),{withImports:!1,withComments:!1,variablesPrefix:"oauth2_"}));p.push(t),p.blank(),_=_||{},_.Authorization='"Bearer " + oauth2_data["access_token"]',c=!0}if((0,code_helpers_1.printUrlVariablesDeclarations)(e,p),p.push(`${p.var("url").toLowerCase()} = %s`,(0,code_helpers_1.buildUrlExpression)(e,p)).blank(),Object.keys(e.queryObj||{}).length){d="query = "+jsObjectToPythonDict(e.queryObj,l.indent),p.push(d).blank()}const b=(0,utils_1.normalizeMimeType)(null===(n=e.postData)||void 0===n?void 0:n.mimeType);if(e.postData)switch(b){case constants_2.MediaTypes.URL_ENCODED:h=e.postData.paramsObj?`${(0,code_helpers_1.addIndentation)(jsObjectToPythonDict(e.postData.paramsObj,l.indent),{level:0,firstLine:!1})}`:e.postData.text;break;case constants_2.MediaTypes.JSON:e.postData.jsonObj&&(h=(0,code_helpers_1.addIndentation)(jsObjectToPythonDict(e.postData.jsonObj,l.indent),{level:0,firstLine:!1}));break;case constants_2.MediaTypes.MULTIPART:p.unshift("# multipart/form-data is not supported yet\n");break;default:e.postData.text&&(h=`'''\n${(0,code_helpers_1.addIndentation)(e.postData.text.trim(),{level:1,indent:l.indent,firstLine:!0})}\n'''`)}let v;h&&p.push(`${p.var("payload").toLowerCase()} = %s`,h).blank();const C=Object.keys(_).length,$=(e,t)=>"Authorization"===e&&c?t:`"${t}"`;if(1===C)for(v in _)p.push(`${p.var("headers").toLowerCase()} = {"${v}": ${$(v,_[v])}}`).blank();else if(C>1){let e=1;for(v in p.push(`${p.var("headers").toLowerCase()} = {`),_)e++!==C?p.push(1,`"${v}": ${$(v,_[v])},`):p.push(1,`"${v}": ${$(v,_[v])}`);p.push(0,"}").blank()}const f=e.method.toLowerCase();let O=(0,util_1.format)(`${p.var("response").toLowerCase()} = requests.${f}(${p.var("url").toLowerCase()}`);if(h){O+=`, ${b===constants_2.MediaTypes.JSON?"json":"data"}=${p.var("payload").toLowerCase()}`}return C>0&&(O+=`, headers=${p.var("headers").toLowerCase()}`),d&&(O+=`, params=${p.var("query").toLowerCase()}`),e.basicAuth&&(O+=`, auth=('${e.basicAuth.username}','${e.basicAuth.password}')`),O+=")",p.push(O).blank(),(null===(i=e.allResponseCodes)||void 0===i?void 0:i.includes("204"))?p.push("if response.status_code == 204:").push(u+1,'print("success")').push("else:").push(u+1,`${p.var("data").toLowerCase()} = ${p.var("response").toLowerCase()}.json()`).push(u+1,`print(${p.var("data").toLowerCase()})`):p.push(`${p.var("data").toLowerCase()} = ${p.var("response").toLowerCase()}.json()`).push(`print(${p.var("data").toLowerCase()})`),p.join()};function addComments(e){e.push('"""'),e.push("Requires python >= 3"),e.blank(),e.push('Requires module "requests" >= 2.25.1'),e.push("See here for installation details:"),e.push(" https://requests.readthedocs.io/"),e.push('"""'),e.blank()}function jsObjectToPythonDict(e,t){return JSON.stringify(e,(function(e,t){return e&&"boolean"==typeof t?t?"__REDOCLY_<True>__":"__REDOCLY_<False>__":null===t?"__REDOCLY_<None>__":t}),t).replace(/"__REDOCLY_<(\w+)>__"/g,"$1")}exports.default=handler;
2
2
  //# sourceMappingURL=requests.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getHref=exports.getOperationsItems=void 0;const utils_1=require("../../utils");function getOperationsItems(e,t,o){if(0===t.operations.length)return[];const r=[];for(const i of t.operations){const t=(0,utils_1.getOperationId)(i,e),s="operation";r.push({id:t,type:s,parent:e,operationDefinition:i,depth:o,name:(0,utils_1.getOperationName)(i),httpVerb:i.httpVerb,path:i.pathName,items:[],isWebhook:i.isWebhook,operationId:i.operationId,href:getHref({id:t})})}return r}function getHref({id:e}){return`/${e}`.toLowerCase()}exports.getOperationsItems=getOperationsItems,exports.getHref=getHref;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getHref=exports.getOperationsItems=void 0;const utils_1=require("../../utils");function getOperationsItems(e,t,o){if(0===t.operations.length)return[];const r=[];for(const i of t.operations){const t=(0,utils_1.getOperationId)(i,e),s="operation";r.push({id:t,type:s,parent:e,operationDefinition:i,depth:o,name:(0,utils_1.getOperationName)(i),httpVerb:i.httpVerb,path:i.pathName,items:[],isWebhook:i.isWebhook,operationId:i.operationId,href:getHref({id:t})})}return r.sort(((e,t)=>Number(e.isWebhook)-Number(t.isWebhook)))}function getHref({id:e}){return`/${e}`.toLowerCase()}exports.getOperationsItems=getOperationsItems,exports.getHref=getHref;
2
2
  //# sourceMappingURL=operation.js.map
@@ -31,6 +31,7 @@ export interface IMenuItem {
31
31
  type: MenuItemType;
32
32
  isSchema?: boolean;
33
33
  httpVerb?: string;
34
+ isWebhook?: boolean;
34
35
  path?: string;
35
36
  definition?: OpenAPIDefinition;
36
37
  }
@@ -1,7 +1,8 @@
1
- import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../common";function FieldDetailComponent({value:e,label:l,raw:a}){if(void 0===e)return null;const i=a?String(e):JSON.stringify(e);return _jsxs(Wrapper,{children:[_jsxs(FieldLabel,{children:[" ",l," "]}),_jsx("Default"===l?DefaultValue:"Example"===l?ExampleValue:FieldValueLabel,{children:i})]})}export const FieldDetail=memo(FieldDetailComponent);const Wrapper=styled.div`
1
+ import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../common";import{Markdown}from"../Markdown";function FieldDetailComponent({value:e,label:l,raw:a}){if(void 0===e)return null;const r=a?String(e):JSON.stringify(e);return _jsxs(Wrapper,{children:[_jsxs(FieldLabel,{children:[" ",l," "]}),"Default"===l?_jsx(DefaultValue,{children:r}):"Example:"===l?_jsx(ExampleValue,{children:_jsx(Markdown,{source:r})}):_jsx(FieldValueLabel,{children:r})]})}export const FieldDetail=memo(FieldDetailComponent);const Wrapper=styled.div`
2
2
  margin-top: var(--spacing-xxs);
3
3
  display: flex;
4
- align-items: center;
4
+ align-items: baseline;
5
5
  gap: var(--spacing-xxs);
6
+ flex-wrap: wrap;
6
7
  `;
7
8
  //# sourceMappingURL=FieldDetail.js.map
@@ -1,4 +1,4 @@
1
- import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:a,fieldParentsName:o=[]}){var i;const{hidePropertiesPrefix:r,hideSchemaTitles:s}=useAtomValue(globalOptionsAtom),{schema:n,description:l,example:m,deprecated:c,examples:p,kind:d,required:x,name:f}=e,h="header"===e.in,u=useMemo((()=>{if(void 0!==m||void 0!==p){if(void 0!==p)return _jsx(Examples,{field:e});{const t=!!e.in;return _jsx(FieldDetail,{label:"Example",value:getSerializedValue(e,e.example),raw:t})}}return null}),[m,p,e]),y=getAccessModeLabelText(e.schema);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[f&&_jsxs(Name,{children:[_jsx(LinkToField,{to:a}),!r&&o.map((e=>e+".")),_jsx(SchemaName,{className:"schema-name",children:f})]}),_jsx(SchemaTypeInfo,{type:n.typePrefix+n.displayType}),_jsx(SchemaTypeInfo,{type:n.displayFormat&&`(${n.displayFormat})`}),_jsx(SchemaTypeInfo,{type:n.contentEncoding}),_jsx(SchemaTypeInfo,{type:n.title&&!s?`(${n.title})`:""}),null===(i=n.constraints)||void 0===i?void 0:i.map((e=>_jsx(SchemaTypeInfo,{type:e},e))),c&&_jsx(DeprecatedLabel,{children:"Deprecated"}),_jsx(Pattern,{pattern:n.pattern}),"additionalProperties"===d&&_jsx(Tag,{children:"additional property"}),"patternProperties"===d&&_jsx(Tag,{children:"pattern property"}),y&&_jsx(AccessLabel,{children:y}),x&&_jsx(RequiredLabel,{children:"required"}),n.isCircular&&_jsx(RecursiveLabel,{children:"Recursive"})]}),_jsx(StyledDescription,{source:l}),_jsx(FieldDetail,{raw:h,label:"Default",value:n.default}),_jsx(EnumValues,{type:n.type,values:n["x-enumDescriptions"]||n.enum}),u,_jsx(Extensions,{extensions:Object.assign(Object.assign({},e.extensions),n.extensions)}),n.externalDocs&&_jsx(ExternalDocumentation,{externalDocs:n.externalDocs,compact:!0}),null==t?void 0:t(),_jsx(FieldDetail,{label:"Value",value:e.const||void 0})]})}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
1
+ import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:a,fieldParentsName:o=[]}){var i;const{hidePropertiesPrefix:r,hideSchemaTitles:s}=useAtomValue(globalOptionsAtom),{schema:n,description:l,example:m,deprecated:c,examples:p,kind:d,required:x,name:f}=e,h="header"===e.in,u=useMemo((()=>{if(void 0!==m||void 0!==p){if(void 0!==p)return _jsx(Examples,{field:e});{const t=!!e.in;return _jsx(FieldDetail,{label:"Example:",value:getSerializedValue(e,e.example),raw:t})}}return null}),[m,p,e]),y=getAccessModeLabelText(e.schema);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[f&&_jsxs(Name,{children:[_jsx(LinkToField,{to:a}),!r&&o.map((e=>e+".")),_jsx(SchemaName,{className:"schema-name",children:f})]}),_jsx(SchemaTypeInfo,{type:n.typePrefix+n.displayType}),_jsx(SchemaTypeInfo,{type:n.displayFormat&&`(${n.displayFormat})`}),_jsx(SchemaTypeInfo,{type:n.contentEncoding}),_jsx(SchemaTypeInfo,{type:n.title&&!s?`(${n.title})`:""}),null===(i=n.constraints)||void 0===i?void 0:i.map((e=>_jsx(SchemaTypeInfo,{type:e},e))),c&&_jsx(DeprecatedLabel,{children:"Deprecated"}),_jsx(Pattern,{pattern:n.pattern}),"additionalProperties"===d&&_jsx(Tag,{children:"additional property"}),"patternProperties"===d&&_jsx(Tag,{children:"pattern property"}),y&&_jsx(AccessLabel,{children:y}),x&&_jsx(RequiredLabel,{children:"required"}),n.isCircular&&_jsx(RecursiveLabel,{children:"Recursive"})]}),_jsx(StyledDescription,{source:l}),_jsx(FieldDetail,{raw:h,label:"Default",value:n.default}),_jsx(EnumValues,{type:n.type,values:n["x-enumDescriptions"]||n.enum}),u,_jsx(Extensions,{extensions:Object.assign(Object.assign({},e.extensions),n.extensions)}),n.externalDocs&&_jsx(ExternalDocumentation,{externalDocs:n.externalDocs,compact:!0}),null==t?void 0:t(),_jsx(FieldDetail,{label:"Value",value:e.const||void 0})]})}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: var(--spacing-xxs);
@@ -1,4 +1,4 @@
1
- var __rest=this&&this.__rest||function(e,r){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(e);t<o.length;t++)r.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(e,o[t])&&(a[o[t]]=e[o[t]])}return a};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";import{SubSchema}from"./SubSchema";import{globalOptionsAtom}from"../../jotai/store";function ArraySchemaComponent(e){var r,a,o,t,{schema:l,schema:{minItems:n,maxItems:s,items:i},fieldParentsName:m}=e,c=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:d}=useAtomValue(globalOptionsAtom),p=void 0===n&&void 0===s?"":`(${humanizeConstraints(l)})`;let y=m?[...m.slice(0,-1),m[m.length-1]+"[]"]:m;const b=useCallback((e=>c.skipReadOnly||c.skipWriteOnly?null==e?void 0:e.filter((e=>!(c.skipReadOnly&&e.schema.readOnly||c.skipWriteOnly&&e.schema.writeOnly))):null==e?void 0:e.fields),[c.skipReadOnly,c.skipWriteOnly]);if(null==l?void 0:l.fields)return _jsx(ObjectSchema,Object.assign({},c,{level:(null==c?void 0:c.level)||1,schema:l,fieldParentsName:y}));if(l.displayType&&!i&&!p.length)return _jsx("div",{children:_jsx(TypeName,{children:l.displayType})});const h=(null===(r=b(null==i?void 0:i.fields))||void 0===r?void 0:r.length)||(null===(t=b(null===(o=null===(a=null==i?void 0:i.oneOf)||void 0===a?void 0:a[0])||void 0===o?void 0:o.fields))||void 0===t?void 0:t.length),u=1===c.level,f=d>=Number(c.level)-1;return _jsx(SubSchema,Object.assign({},c,{propertyLength:h,isArray:!0,expandable:!u,expandByDefault:f,operationPointer:l.deps.operation.pointer,children:_jsxs(_Fragment,{children:[u&&_jsx(ArrayLabel,{children:_jsx(LabelValue,{children:"Array ["})}),_jsx(Schema,Object.assign({},c,{schema:i,fieldParentsName:y,expandable:!1})),u&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled.span`
1
+ var __rest=this&&this.__rest||function(e,r){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(e);t<o.length;t++)r.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(e,o[t])&&(a[o[t]]=e[o[t]])}return a};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";import{SubSchema}from"./SubSchema";import{globalOptionsAtom}from"../../jotai/store";function ArraySchemaComponent(e){var r,a,o,t,{schema:l,schema:{minItems:n,maxItems:s,items:i},fieldParentsName:m}=e,c=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:d}=useAtomValue(globalOptionsAtom),p=void 0===n&&void 0===s?"":`(${humanizeConstraints(l)})`;let y=m?[...m.slice(0,-1),m[m.length-1]+"[]"]:m;const b=useCallback((e=>c.skipReadOnly||c.skipWriteOnly?null==e?void 0:e.filter((e=>!(c.skipReadOnly&&e.schema.readOnly||c.skipWriteOnly&&e.schema.writeOnly))):e),[c.skipReadOnly,c.skipWriteOnly]);if(null==l?void 0:l.fields)return _jsx(ObjectSchema,Object.assign({},c,{level:(null==c?void 0:c.level)||1,schema:l,fieldParentsName:y}));if(l.displayType&&!i&&!p.length)return _jsx("div",{children:_jsx(TypeName,{children:l.displayType})});const h=(null===(r=b(null==i?void 0:i.fields))||void 0===r?void 0:r.length)||(null===(t=b(null===(o=null===(a=null==i?void 0:i.oneOf)||void 0===a?void 0:a[0])||void 0===o?void 0:o.fields))||void 0===t?void 0:t.length),u=1===c.level,f=d>=Number(c.level)-1;return _jsx(SubSchema,Object.assign({},c,{propertyLength:h,isArray:!0,expandable:!u,expandByDefault:f,operationPointer:l.deps.operation.pointer,children:_jsxs(_Fragment,{children:[u&&_jsx(ArrayLabel,{children:_jsx(LabelValue,{children:"Array ["})}),_jsx(Schema,Object.assign({},c,{schema:i,fieldParentsName:y,expandable:!1})),u&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled.span`
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: var(--spacing-xs);
@@ -1,2 +1,2 @@
1
- import{useActiveSectionId}from"@redocly/theme";import{useMemo}from"react";import{useLocation}from"react-router-dom";import{pathMatchedLink}from"../../../utils";export function useMenuItems({items:e}){const t=useLocation(),i=useActiveSectionId(t,!1,!1);return useMemo((()=>mapAndSetActiveItems(e,i,t)),[i,e,t])}function mapAndSetActiveItems(e,t="",i){const s=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:s,activeItemId:t,location:i}),s}function isItemActive(e,t="",i){return!!e.href&&(t?e.id===t:pathMatchedLink(i,e.href))}function isSubItemActive(e,t="",i){return(e.items||[]).some((e=>isItemActive(e,t,i)||isSubItemActive(e,t,i)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:i,activeItemId:s,location:c}=e;for(const n of t){const t=isItemActive(n,s,c),o=isSubItemActive(n,s,c);switch(n.type){case"group":i.push({type:"separator",label:n.name,active:t,hasActiveSubItem:o}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:n.items,sidebarItems:i}));break;case"tag":const a={type:"group",label:n.name,items:[],link:n.href,active:t,hasActiveSubItem:o};i.push(a),convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:a.items||[],activeItemId:s,location:c});break;case"operation":case"schema":i.push({type:"link",label:n.name,httpVerb:"schema"===n.type?"schema":n.httpVerb,link:n.href,active:t,hasActiveSubItem:o});break;case"section":if(-1===n.depth)continue;const m={type:n.items.length?"group":"link",label:n.name,link:n.href,items:[],active:t,hasActiveSubItem:o};i.push(m),n.items.length&&convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:m.items,activeItemId:s,location:c})}}}
1
+ import{useActiveSectionId}from"@redocly/theme";import{useMemo}from"react";import{useLocation}from"react-router-dom";import{pathMatchedLink}from"../../../utils";export function useMenuItems({items:e}){const t=useLocation(),i=useActiveSectionId(t,!1,!1);return useMemo((()=>mapAndSetActiveItems(e,i,t)),[i,e,t])}function mapAndSetActiveItems(e,t="",i){const s=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:s,activeItemId:t,location:i}),s}function isItemActive(e,t="",i){return!!e.href&&(t?e.id===t:pathMatchedLink(i,e.href))}function isSubItemActive(e,t="",i){return(e.items||[]).some((e=>isItemActive(e,t,i)||isSubItemActive(e,t,i)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:i,activeItemId:s,location:c}=e;let n=!0;for(const o of t){const t=isItemActive(o,s,c),a=isSubItemActive(o,s,c);switch(o.type){case"group":i.push({type:"separator",label:o.name,active:t,hasActiveSubItem:a}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:o.items,sidebarItems:i}));break;case"tag":const m={type:"group",label:o.name,items:[],link:o.href,active:t,hasActiveSubItem:a};i.push(m),convertOpenAPIDocs2Sidebar({contentItems:o.items,sidebarItems:m.items||[],activeItemId:s,location:c});break;case"operation":case"schema":o.isWebhook&&n&&(i.push({type:"separator",label:"Webhooks",variant:"secondary"}),n=!1),i.push({type:"link",label:o.name,httpVerb:"schema"===o.type?"schema":o.httpVerb,link:o.href,active:t,hasActiveSubItem:a});break;case"section":if(-1===o.depth)continue;const r={type:o.items.length?"group":"link",label:o.name,link:o.href,items:[],active:t,hasActiveSubItem:a};i.push(r),o.items.length&&convertOpenAPIDocs2Sidebar({contentItems:o.items,sidebarItems:r.items,activeItemId:s,location:c})}}}
2
2
  //# sourceMappingURL=useMenuItems.js.map
@@ -1,25 +1,38 @@
1
1
  /// <reference types="react" />
2
- export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
3
- kind?: string | undefined;
4
- }, never>;
5
2
  export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
6
3
  export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
7
4
  export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
8
5
  export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
9
- export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
10
6
  export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
11
7
  export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
12
8
  export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
13
- export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
14
- export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
15
- export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
16
- export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
17
- export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
18
- export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
19
- export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
20
- export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
21
- export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
22
- export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
9
+ export declare const Tag: import("styled-components").StyledComponent<"span", any, {
10
+ className: "tag-grey";
11
+ }, "className">;
12
+ export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {
13
+ className: "tag-grey";
14
+ }, "className">;
15
+ export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {
16
+ className: "tag-grey";
17
+ }, "className">;
18
+ export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {
19
+ className: "tag-grey";
20
+ }, "className">;
21
+ export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {
22
+ className: "tag-grey";
23
+ }, "className">;
24
+ export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {
25
+ className: "tag-grey";
26
+ }, "className">;
27
+ export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {
28
+ className: "tag-grey";
29
+ }, "className">;
30
+ export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {
31
+ className: "tag-grey";
32
+ }, "className">;
33
+ export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {
34
+ className: "tag-grey";
35
+ }, "className">;
23
36
  export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
24
37
  variant: "link";
25
38
  size: "small";
@@ -1,27 +1,4 @@
1
- import styled,{css}from"styled-components";import{Button}from"@redocly/theme";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
2
- button {
3
- background-color: transparent;
4
- border: 0;
5
- outline: 0;
6
- cursor: pointer;
7
- padding: 0 10px 0 0;
8
- color: var(--text-color-primary);
9
- &:focus {
10
- font-weight: var(--font-weight-bold);
11
- }
12
- }
13
-
14
- ${()=>{const e=getCssVariable("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n && button {\n max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n text-align: left;\n span {\n white-space: normal;\n word-break: ${e};\n vertical-align: top;\n display: inline-flex;\n }\n }\n `;return css`
15
- button {
16
- ${typography("schema-property-name")};
17
- ${r};
18
- }
19
- `}return css`
20
- button {
21
- ${typography("schema-property-name")};
22
- }
23
- `}};
24
- `;export const FieldLabel=styled.span`
1
+ import styled from"styled-components";import{Button}from"@redocly/theme";export const FieldLabel=styled.span`
25
2
  vertical-align: middle;
26
3
  line-height: var(--schema-labels-line-height);
27
4
  font-size: var(--schema-property-labels-font-size);
@@ -33,7 +10,7 @@ import styled,{css}from"styled-components";import{Button}from"@redocly/theme";im
33
10
  `;export const TypeTitle=styled(FieldLabel)`
34
11
  color: var(--schema-type-title-text-color);
35
12
  word-break: break-word;
36
- `;export const TypeFormat=TypeName;export const PropertyLabel=styled(FieldLabel.withComponent("div"))`
13
+ `;export const PropertyLabel=styled(FieldLabel.withComponent("div"))`
37
14
  color: var(--text-color-secondary);
38
15
  font-size: var(--schema-labels-font-size);
39
16
  line-height: var(--schema-labels-line-height);
@@ -45,8 +22,8 @@ import styled,{css}from"styled-components";import{Button}from"@redocly/theme";im
45
22
  line-height: var(--line-height-base);
46
23
  `;export const AdditionalPropertiesLabel=styled(PropertyLabel)`
47
24
  color: var(--schema-property-additional-label-text-color);
48
- `;export const Tag=styled.span`
49
- background: var(--border-color-secondary);
25
+ `;export const Tag=styled.span.attrs((()=>({className:"tag-grey"})))`
26
+ background: var(--tag-bg-color);
50
27
  padding: 0 var(--spacing-xxs);
51
28
  font-family: var(--font-family-monospaced);
52
29
  font-size: var(--font-size-sm);
@@ -60,25 +37,25 @@ import styled,{css}from"styled-components";import{Button}from"@redocly/theme";im
60
37
  background-color: var(--bg-color);
61
38
  border: 1px solid var(--border-color-secondary);
62
39
  `;export const FieldValueLabel=styled(Tag)`
63
- background-color: var(--schema-inline-background-color);
40
+ background-color: var(--schema-inline-bg-color);
64
41
  border-radius: var(--border-radius);
65
42
  border: var(--schema-inline-border);
66
43
  padding: 0 var(--spacing-unit);
67
44
  `;export const RecursiveLabel=styled(Tag)`
68
- background-color: var(--schema-recursive-background-color);
45
+ background-color: var(--schema-recursive-bg-color);
69
46
  border-color: var(--schema-recursive-border-color);
70
47
  color: var(--schema-recursive-text-color);
71
48
  padding: 0 var(--spacing-xs);
72
49
  `;export const EnumValue=styled(FieldValueLabel)`
73
- background-color: var(--schema-enum-background-color);
50
+ background-color: var(--schema-enum-bg-color);
74
51
  border-color: var(--schema-enum-border-color);
75
52
  color: var(--schema-enum-text-color);
76
53
  `;export const DefaultValue=styled(Tag)`
77
- background-color: var(--schema-default-background-color);
54
+ background-color: var(--schema-default-bg-color);
78
55
  border-color: var(--schema-default-border-color);
79
56
  color: var(--schema-default-text-color);
80
57
  `;export const ExampleValue=styled(Tag)`
81
- background-color: var(--schema-example-background-color);
58
+ background-color: var(--schema-example-bg-color);
82
59
  border-color: var(--schema-example-border-color);
83
60
  color: var(--schema-example-text-color);
84
61
  word-break: var(--code-word-break);
@@ -90,8 +67,15 @@ import styled,{css}from"styled-components";import{Button}from"@redocly/theme";im
90
67
  display: inline-flex;
91
68
  white-space: pre-wrap;
92
69
  overflow-wrap: anywhere;
70
+
71
+ & p,
72
+ p:only-of-type {
73
+ font-size: var(--schema-inline-code-font-size);
74
+ font-family: var(--schema-inline-code-font-family);
75
+ margin: 0;
76
+ }
93
77
  `;export const ExtensionValue=styled(ExampleValue)``;export const ConstraintItem=styled(FieldValueLabel)`
94
- background-color: var(--schema-constraint-background-color);
78
+ background-color: var(--schema-constraint-bg-color);
95
79
  border-color: var(--schema-constraint-border-color);
96
80
  color: var(--schema-constraint-text-color);
97
81
  word-break: var(--code-word-break);
@@ -100,7 +84,7 @@ import styled,{css}from"styled-components";import{Button}from"@redocly/theme";im
100
84
  & + & {
101
85
  margin-left: 0;
102
86
  }
103
- `;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled(Button).attrs((()=>({variant:"link",size:"small"})))`
87
+ `;export const ToggleButton=styled(Button).attrs((()=>({variant:"link",size:"small"})))`
104
88
  padding: 0;
105
89
  font-size: var(--font-size-sm);
106
90
  line-height: var(--line-height-sm);
@@ -1,2 +1,2 @@
1
- import{format}from"util";import{CodeBuilder}from"../../helpers/code-builder";import{normalizeMimeType}from"../../../../utils";import{addIndentation,buildUrlExpression,printUrlVariablesDeclarations}from"../../helpers/code-helpers";import{HTTPSnippet}from"../..";import{Lang}from"../../helpers/constants";import{MediaTypes}from"../../../../../constants";const handler=function(e,t,{target:s,client:a}){var o,r,n,i;const l=Object.assign({indent:" "},t),{level:p=0}=l,u=new CodeBuilder({indentation:l.indent,variablesPrefix:l.variablesPrefix,lang:Lang.PYTHON});l.withComments&&addComments(u),l.withImports&&u.push("import requests").blank();let d,h,c=!1,m=e.allHeaders;if(null===(o=e.securityOAuth2ExtraCalls)||void 0===o?void 0:o.length){const t=new HTTPSnippet(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r[0]).convert(s,a,Object.assign(Object.assign({},l),{withImports:!1,withComments:!1,variablesPrefix:"oauth2_"}));u.push(t),u.blank(),m=m||{},m.Authorization='"Bearer " + oauth2_data["access_token"]',c=!0}if(printUrlVariablesDeclarations(e,u),u.push(`${u.var("url").toLowerCase()} = %s`,buildUrlExpression(e,u)).blank(),Object.keys(e.queryObj||{}).length){d="query = "+jsObjectToPythonDict(e.queryObj,l.indent),u.push(d).blank()}const b=normalizeMimeType(null===(n=e.postData)||void 0===n?void 0:n.mimeType);if(e.postData)switch(b){case MediaTypes.URL_ENCODED:h=e.postData.paramsObj?`${addIndentation(jsObjectToPythonDict(e.postData.paramsObj,l.indent),{level:0,firstLine:!1})}`:e.postData.text;break;case MediaTypes.JSON:e.postData.jsonObj&&(h=addIndentation(jsObjectToPythonDict(e.postData.jsonObj,l.indent),{level:0,firstLine:!1}));break;case MediaTypes.MULTIPART:u.unshift("# multipart/form-data is not supported yet\n");break;default:e.postData.text&&(h=`'''\n${addIndentation(e.postData.text.trim(),{level:1,indent:l.indent,firstLine:!0})}\n'''`)}let f;h&&u.push(`${u.var("payload").toLowerCase()} = %s`,h).blank();const v=Object.keys(m).length,C=(e,t)=>"Authorization"===e&&c?t:`"${t}"`;if(1===v)for(f in m)u.push(`${u.var("headers").toLowerCase()} = {"${f}": ${C(f,m[f])}}`).blank();else if(v>1){let e=1;for(f in u.push(`${u.var("headers").toLowerCase()} = {`),m)e++!==v?u.push(1,`"${f}": ${C(f,m[f])},`):u.push(1,`"${f}": ${C(f,m[f])}`);u.push(0,"}").blank()}const $=e.method.toLowerCase();let L=format(`${u.var("response").toLowerCase()} = requests.${$}(${u.var("url").toLowerCase()}`);if(h){L+=`, ${b===MediaTypes.JSON?"json":"data"}=${u.var("payload").toLowerCase()}`}return v>0&&(L+=`, headers=${u.var("headers").toLowerCase()}`),d&&(L+=`, params=${u.var("query").toLowerCase()}`),e.basicAuth&&(L+=`, auth=('${e.basicAuth.username}','${e.basicAuth.password}')`),L+=")",u.push(L).blank(),(null===(i=e.allResponseCodes)||void 0===i?void 0:i.includes("204"))?u.push("if (response.status == 204) {").push(p+1,'print("success")').push("} else {").push(p+1,`${u.var("data").toLowerCase()} = ${u.var("response").toLowerCase()}.json()`).push(p+1,`print(${u.var("data").toLowerCase()})`).push("}"):u.push(`${u.var("data").toLowerCase()} = ${u.var("response").toLowerCase()}.json()`).push(`print(${u.var("data").toLowerCase()})`),u.join()};export default handler;function addComments(e){e.push('"""'),e.push("Requires python >= 3"),e.blank(),e.push('Requires module "requests" >= 2.25.1'),e.push("See here for installation details:"),e.push(" https://requests.readthedocs.io/"),e.push('"""'),e.blank()}function jsObjectToPythonDict(e,t){return JSON.stringify(e,(function(e,t){return e&&"boolean"==typeof t?t?"__REDOCLY_<True>__":"__REDOCLY_<False>__":null===t?"__REDOCLY_<None>__":t}),t).replace(/"__REDOCLY_<(\w+)>__"/g,"$1")}
1
+ import{format}from"util";import{CodeBuilder}from"../../helpers/code-builder";import{normalizeMimeType}from"../../../../utils";import{addIndentation,buildUrlExpression,printUrlVariablesDeclarations}from"../../helpers/code-helpers";import{HTTPSnippet}from"../..";import{Lang}from"../../helpers/constants";import{MediaTypes}from"../../../../../constants";const handler=function(e,t,{target:s,client:a}){var o,r,n,i;const l=Object.assign({indent:" "},t),{level:p=0}=l,u=new CodeBuilder({indentation:l.indent,variablesPrefix:l.variablesPrefix,lang:Lang.PYTHON});l.withComments&&addComments(u),l.withImports&&u.push("import requests").blank();let d,h,c=!1,m=e.allHeaders;if(null===(o=e.securityOAuth2ExtraCalls)||void 0===o?void 0:o.length){const t=new HTTPSnippet(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r[0]).convert(s,a,Object.assign(Object.assign({},l),{withImports:!1,withComments:!1,variablesPrefix:"oauth2_"}));u.push(t),u.blank(),m=m||{},m.Authorization='"Bearer " + oauth2_data["access_token"]',c=!0}if(printUrlVariablesDeclarations(e,u),u.push(`${u.var("url").toLowerCase()} = %s`,buildUrlExpression(e,u)).blank(),Object.keys(e.queryObj||{}).length){d="query = "+jsObjectToPythonDict(e.queryObj,l.indent),u.push(d).blank()}const b=normalizeMimeType(null===(n=e.postData)||void 0===n?void 0:n.mimeType);if(e.postData)switch(b){case MediaTypes.URL_ENCODED:h=e.postData.paramsObj?`${addIndentation(jsObjectToPythonDict(e.postData.paramsObj,l.indent),{level:0,firstLine:!1})}`:e.postData.text;break;case MediaTypes.JSON:e.postData.jsonObj&&(h=addIndentation(jsObjectToPythonDict(e.postData.jsonObj,l.indent),{level:0,firstLine:!1}));break;case MediaTypes.MULTIPART:u.unshift("# multipart/form-data is not supported yet\n");break;default:e.postData.text&&(h=`'''\n${addIndentation(e.postData.text.trim(),{level:1,indent:l.indent,firstLine:!0})}\n'''`)}let f;h&&u.push(`${u.var("payload").toLowerCase()} = %s`,h).blank();const v=Object.keys(m).length,C=(e,t)=>"Authorization"===e&&c?t:`"${t}"`;if(1===v)for(f in m)u.push(`${u.var("headers").toLowerCase()} = {"${f}": ${C(f,m[f])}}`).blank();else if(v>1){let e=1;for(f in u.push(`${u.var("headers").toLowerCase()} = {`),m)e++!==v?u.push(1,`"${f}": ${C(f,m[f])},`):u.push(1,`"${f}": ${C(f,m[f])}`);u.push(0,"}").blank()}const $=e.method.toLowerCase();let L=format(`${u.var("response").toLowerCase()} = requests.${$}(${u.var("url").toLowerCase()}`);if(h){L+=`, ${b===MediaTypes.JSON?"json":"data"}=${u.var("payload").toLowerCase()}`}return v>0&&(L+=`, headers=${u.var("headers").toLowerCase()}`),d&&(L+=`, params=${u.var("query").toLowerCase()}`),e.basicAuth&&(L+=`, auth=('${e.basicAuth.username}','${e.basicAuth.password}')`),L+=")",u.push(L).blank(),(null===(i=e.allResponseCodes)||void 0===i?void 0:i.includes("204"))?u.push("if response.status_code == 204:").push(p+1,'print("success")').push("else:").push(p+1,`${u.var("data").toLowerCase()} = ${u.var("response").toLowerCase()}.json()`).push(p+1,`print(${u.var("data").toLowerCase()})`):u.push(`${u.var("data").toLowerCase()} = ${u.var("response").toLowerCase()}.json()`).push(`print(${u.var("data").toLowerCase()})`),u.join()};export default handler;function addComments(e){e.push('"""'),e.push("Requires python >= 3"),e.blank(),e.push('Requires module "requests" >= 2.25.1'),e.push("See here for installation details:"),e.push(" https://requests.readthedocs.io/"),e.push('"""'),e.blank()}function jsObjectToPythonDict(e,t){return JSON.stringify(e,(function(e,t){return e&&"boolean"==typeof t?t?"__REDOCLY_<True>__":"__REDOCLY_<False>__":null===t?"__REDOCLY_<None>__":t}),t).replace(/"__REDOCLY_<(\w+)>__"/g,"$1")}
2
2
  //# sourceMappingURL=requests.js.map
@@ -1,2 +1,2 @@
1
- import{getOperationId,getOperationName}from"../../utils";export function getOperationsItems(t,e,o){if(0===e.operations.length)return[];const r=[];for(const n of e.operations){const e=getOperationId(n,t),i="operation";r.push({id:e,type:i,parent:t,operationDefinition:n,depth:o,name:getOperationName(n),httpVerb:n.httpVerb,path:n.pathName,items:[],isWebhook:n.isWebhook,operationId:n.operationId,href:getHref({id:e})})}return r}export function getHref({id:t}){return`/${t}`.toLowerCase()}
1
+ import{getOperationId,getOperationName}from"../../utils";export function getOperationsItems(e,t,o){if(0===t.operations.length)return[];const r=[];for(const i of t.operations){const t=getOperationId(i,e),n="operation";r.push({id:t,type:n,parent:e,operationDefinition:i,depth:o,name:getOperationName(i),httpVerb:i.httpVerb,path:i.pathName,items:[],isWebhook:i.isWebhook,operationId:i.operationId,href:getHref({id:t})})}return r.sort(((e,t)=>Number(e.isWebhook)-Number(t.isWebhook)))}export function getHref({id:e}){return`/${e}`.toLowerCase()}
2
2
  //# sourceMappingURL=operation.js.map
@@ -31,6 +31,7 @@ export interface IMenuItem {
31
31
  type: MenuItemType;
32
32
  isSchema?: boolean;
33
33
  httpVerb?: string;
34
+ isWebhook?: boolean;
34
35
  path?: string;
35
36
  definition?: OpenAPIDefinition;
36
37
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/openapi-docs",
3
- "version": "0.0.0-beta-20240320161915",
3
+ "version": "0.0.0-beta-20240321172609",
4
4
  "description": "Redocly OpenAPI Docs",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -16,7 +16,7 @@
16
16
  "openapi-docs": "bin.js"
17
17
  },
18
18
  "peerDependencies": {
19
- "@redocly/theme": "0.0.0-beta-20240320161915",
19
+ "@redocly/theme": "0.0.0-beta-20240321172609",
20
20
  "core-js": "^3.1.4",
21
21
  "react": "^18.0.0",
22
22
  "react-dom": "^18.0.0",
@@ -45,7 +45,7 @@
45
45
  "url-template": "^2.0.8",
46
46
  "util": "~0.12.5",
47
47
  "js-yaml": "4.1.0",
48
- "@redocly/replay": "0.0.0-beta-20240320161915"
48
+ "@redocly/replay": "0.0.0-beta-20240321172609"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@cfaester/enzyme-adapter-react-18": "0.7.1",
@@ -94,7 +94,7 @@
94
94
  "webpack": "5.88.2",
95
95
  "webpack-cli": "5.1.4",
96
96
  "webpack-dev-server": "4.15.1",
97
- "@redocly/theme": "0.0.0-beta-20240320161915"
97
+ "@redocly/theme": "0.0.0-beta-20240321172609"
98
98
  },
99
99
  "scripts": {
100
100
  "start": "webpack serve --mode=development --hot",