@redocly/openapi-docs 0.0.0-beta-20240219165902 → 0.0.0-beta-20240220165917

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.
Files changed (28) hide show
  1. package/dist/redocly-openapi-docs.min.js +1952 -1959
  2. package/lib/components/PropertyDetails/FieldDetails.js +2 -6
  3. package/lib/components/PropertyDetails/PropertyDetails.js +7 -1
  4. package/lib/components/PropertyDetails/SchemaTypeInfo.d.ts +4 -2
  5. package/lib/components/PropertyDetails/SchemaTypeInfo.js +10 -1
  6. package/lib/components/Replay/Replay.js +1 -1
  7. package/lib/components/Replay/utils.js +1 -1
  8. package/lib/components/SectionContent/SectionContent.js +2 -2
  9. package/lib/components/TagItem/OperationsNavigation.js +9 -3
  10. package/lib/components/TagItem/TagItem.js +11 -7
  11. package/lib/components/ViewNested/ViewNested.js +1 -1
  12. package/lib/components/common/panels.js +6 -5
  13. package/lib/models/group.js +1 -1
  14. package/lib/services/search/SearchStore.js +391 -416
  15. package/lib-esm/components/PropertyDetails/FieldDetails.js +2 -6
  16. package/lib-esm/components/PropertyDetails/PropertyDetails.js +7 -1
  17. package/lib-esm/components/PropertyDetails/SchemaTypeInfo.d.ts +4 -2
  18. package/lib-esm/components/PropertyDetails/SchemaTypeInfo.js +10 -1
  19. package/lib-esm/components/Replay/Replay.js +1 -1
  20. package/lib-esm/components/Replay/utils.js +1 -1
  21. package/lib-esm/components/SectionContent/SectionContent.js +2 -2
  22. package/lib-esm/components/TagItem/OperationsNavigation.js +9 -3
  23. package/lib-esm/components/TagItem/TagItem.js +11 -7
  24. package/lib-esm/components/ViewNested/ViewNested.js +1 -1
  25. package/lib-esm/components/common/panels.js +10 -9
  26. package/lib-esm/models/group.js +1 -1
  27. package/lib-esm/services/search/SearchStore.js +391 -416
  28. package/package.json +4 -4
@@ -1,17 +1,13 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(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({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:r,fieldParentsName:n=[]}){var l;const{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c,showAccessMode:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:d,description:m,example:u,deprecated:p,examples:_,kind:f,required:h,name:y}=t,v=Boolean(o)||"header"===t.in,E=(0,react_1.useMemo)((()=>{if(!e||void 0===u&&void 0===_)return null;if(void 0!==_)return react_1.default.createElement(Examples_1.Examples,{field:t});{const e=!!t.in;return react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"Example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}}),[u,_,t,e]),x=(0,RenderHook_1.getAccessModeLabelText)(t.schema,s);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Row,null,y&&react_1.default.createElement(Name,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:r}),n.map((e=>e+".")),react_1.default.createElement(SchemaName,{className:"schema-name"},y)),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:d.typePrefix}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:d.displayType}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:d.displayFormat}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:d.contentEncoding}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:d.title&&!i?`(${d.title})`:""}),null===(l=d.constraints)||void 0===l?void 0:l.map((e=>react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:e,key:e}))),react_1.default.createElement(DeprecatedLabel,{type:p?"Deprecated":""}),react_1.default.createElement(Pattern_1.Pattern,{pattern:d.pattern,hideSchemaPattern:c}),"additionalProperties"===f&&react_1.default.createElement(common_1.Tag,null,"additional property"),"patternProperties"===f&&react_1.default.createElement(common_1.Tag,null,"pattern property"),x&&react_1.default.createElement(common_1.AccessLabel,null,x),h&&react_1.default.createElement(common_1.RequiredLabel,null,"required"),d.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,"Recursive")),react_1.default.createElement(StyledDescription,{source:m}),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:v,label:"Default",value:d.default}),react_1.default.createElement(EnumValues_1.EnumValues,{type:d.type,values:d["x-enumDescriptions"]||d.enum}),E,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),d.extensions)}),d.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:d.externalDocs,compact:!0}),null==a?void 0:a(),react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"Value",value:t.const||void 0}))}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(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({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:r,fieldParentsName:n=[]}){var l;const{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c,showAccessMode:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:m,description:d,example:u,deprecated:_,examples:p,kind:f,required:h,name:y}=t,E=Boolean(o)||"header"===t.in,v=(0,react_1.useMemo)((()=>{if(!e||void 0===u&&void 0===p)return null;if(void 0!==p)return react_1.default.createElement(Examples_1.Examples,{field:t});{const e=!!t.in;return react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"Example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}}),[u,p,t,e]),x=(0,RenderHook_1.getAccessModeLabelText)(t.schema,s);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Row,null,y&&react_1.default.createElement(Name,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:r}),n.map((e=>e+".")),react_1.default.createElement(SchemaName,{className:"schema-name"},y)),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:m.typePrefix+m.displayType}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:m.displayFormat&&`(${m.displayFormat})`}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:m.contentEncoding}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:m.title&&!i?`(${m.title})`:""}),null===(l=m.constraints)||void 0===l?void 0:l.map((e=>react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:e,key:e}))),_&&react_1.default.createElement(DeprecatedLabel,null,"Deprecated"),react_1.default.createElement(Pattern_1.Pattern,{pattern:m.pattern,hideSchemaPattern:c}),"additionalProperties"===f&&react_1.default.createElement(common_1.Tag,null,"additional property"),"patternProperties"===f&&react_1.default.createElement(common_1.Tag,null,"pattern property"),x&&react_1.default.createElement(common_1.AccessLabel,null,x),h&&react_1.default.createElement(common_1.RequiredLabel,null,"required"),m.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,"Recursive")),react_1.default.createElement(StyledDescription,{source:d}),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:E,label:"Default",value:m.default}),react_1.default.createElement(EnumValues_1.EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum}),v,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"Value",value:t.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);
5
5
  flex-wrap: wrap;
6
6
  margin-bottom: 2px;
7
7
  position: relative;
8
- `,DeprecatedLabel=(0,styled_components_1.default)(SchemaTypeInfo_1.SchemaTypeInfo)`
8
+ `,DeprecatedLabel=(0,styled_components_1.default)(common_1.Tag)`
9
9
  color: var(--badge-deprecated-text-color);
10
10
  background-color: var(--badge-deprecated-background-color);
11
- padding: 0 var(--spacing-xs);
12
- border-radius: var(--border-radius);
13
- font-size: var(--font-size-base);
14
- line-height: var(--line-height-base);
15
11
  `,StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
16
12
  font-size: var(--font-size-base);
17
13
  line-height: var(--line-height-base);
@@ -1,11 +1,17 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,a)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertyDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:t,skipReadOnly:r,level:i,showTitle:a,showExamples:n,renderDiscriminatorSwitch:o,isFirst:s,fieldParentsName:l}){const c=(0,LinkToField_1.generateDeepLink)(e),d=!e.schema.isPrimitive&&!e.schema.isCircular;return react_1.default.createElement(Wrapper,{isFist:s,expanded:d,className:"property"},react_1.default.createElement(FieldDetails_1.FieldDetails,{field:e,showExamples:n,renderDiscriminatorSwitch:o,deepLink:c,fieldParentsName:l}),d&&react_1.default.createElement(Schema_1.Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:t,showTitle:a,expandable:!0,level:i,fieldParentsName:[...l||[],e.name],deepLink:c}))}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,a)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertyDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:t,skipReadOnly:r,level:i,showTitle:a,showExamples:n,renderDiscriminatorSwitch:o,isFirst:s,fieldParentsName:l}){const d=(0,LinkToField_1.generateDeepLink)(e),c=!e.schema.isPrimitive&&!e.schema.isCircular;return react_1.default.createElement(Wrapper,{isFist:s,expanded:c,className:"property"},react_1.default.createElement(FieldDetails_1.FieldDetails,{field:e,showExamples:n,renderDiscriminatorSwitch:o,deepLink:d,fieldParentsName:l}),c&&react_1.default.createElement(Schema_1.Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:t,showTitle:a,expandable:!0,level:i,fieldParentsName:[...l||[],e.name],deepLink:d}))}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=styled_components_1.default.div`
2
2
  padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
3
3
  ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
4
4
  ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};
5
5
 
6
+ // This styles needs to override the dividers when array closing label is present
6
7
  &:has(+ span.array-closing-label) {
7
8
  border-bottom: none;
8
9
  padding-bottom: calc(var(--schema-property-details-spacing) / 2);
10
+
11
+ .view-nested-wrapper {
12
+ border-bottom: none;
13
+ padding-bottom: 0;
14
+ }
9
15
  }
10
16
  `;
11
17
  //# sourceMappingURL=PropertyDetails.js.map
@@ -1,5 +1,7 @@
1
1
  import React from 'react';
2
- export declare function SchemaTypeInfo({ type, className }: {
2
+ type SchemaTypeInfoProps = {
3
3
  type?: string;
4
4
  className?: string;
5
- }): React.JSX.Element | null;
5
+ };
6
+ export declare function SchemaTypeInfo({ type, className }: SchemaTypeInfoProps): React.JSX.Element | null;
7
+ export {};
@@ -1,7 +1,16 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaTypeInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?react_1.default.createElement(FieldLabel,{className:t},e):null}exports.SchemaTypeInfo=SchemaTypeInfo;const 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.SchemaTypeInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?react_1.default.createElement(FieldLabel,{className:t},e):null}exports.SchemaTypeInfo=SchemaTypeInfo;const FieldLabel=styled_components_1.default.em`
2
2
  vertical-align: middle;
3
3
  color: var(--schema-type-text-color);
4
4
  font-size: var(--font-size-base);
5
5
  line-height: var(--line-height-base);
6
+ font-style: normal;
7
+
8
+ :after {
9
+ content: ',';
10
+ }
11
+
12
+ &:last-of-type:after {
13
+ content: '';
14
+ }
6
15
  `;
7
16
  //# sourceMappingURL=SchemaTypeInfo.js.map
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),utils_1=require("./utils"),store_1=require("../../jotai/store"),replay_1=require("../../jotai/replay"),constants_1=require("../../constants"),ReplayOverlay=(0,react_1.lazy)((()=>Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.ReplayOverlay})))));function ReplayComponent({operation:e,corsProxyUrl:t}){const{routingBasePath:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[a,o]=(0,react_1.useState)(!1),[n,l]=(0,jotai_1.useAtom)(replay_1.replayStateAtom),i=()=>{n!==constants_1.LOADING_STATE.LOADING&&o(!a),n===constants_1.LOADING_STATE.NOT_LOADED&&l(constants_1.LOADING_STATE.LOADING)};return react_1.default.createElement(Wrapper,null,react_1.default.createElement("span",null,"Experience it firsthand in the API Explorer!"),react_1.default.createElement(theme_1.Button,{onClick:i,color:"primary",icon:n===constants_1.LOADING_STATE.LOADING?react_1.default.createElement(theme_1.CircleDashIcon,null):react_1.default.createElement(theme_1.RocketIcon,null)},n===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"),a&&react_1.default.createElement(react_1.Suspense,null,react_1.default.createElement(theme_1.Portal,{mountId:"api-content"},react_1.default.createElement(ReplayOverlay,{value:{name:e.name,method:e.httpVerb,parameters:(0,utils_1.convertParameters)(e.parameters),body:(0,utils_1.convertRequestBody)(e.requestBody),path:e.path,servers:e.servers,security:(0,utils_1.convertRequestSecurity)(e.security)},onClose:i,corsProxyUrl:t,operationUrl:r+e.href,onLoad:()=>l(constants_1.LOADING_STATE.LOADED)}))))}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),utils_1=require("./utils"),store_1=require("../../jotai/store"),replay_1=require("../../jotai/replay"),constants_1=require("../../constants"),ReplayOverlay=(0,react_1.lazy)((()=>Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.ReplayOverlay})))));function ReplayComponent({operation:e,corsProxyUrl:t}){const{routingBasePath:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[a,n]=(0,react_1.useState)(!1),[o,l]=(0,jotai_1.useAtom)(replay_1.replayStateAtom),i=()=>{o!==constants_1.LOADING_STATE.LOADING&&n(!a),o===constants_1.LOADING_STATE.NOT_LOADED&&l(constants_1.LOADING_STATE.LOADING)};return react_1.default.createElement(Wrapper,null,react_1.default.createElement("span",null,"Experience it firsthand in the API Explorer!"),react_1.default.createElement(theme_1.Button,{onClick:i,variant:"primary",iconPosition:"left",icon:o===constants_1.LOADING_STATE.LOADING?react_1.default.createElement(theme_1.CircleDashIcon,null):react_1.default.createElement(theme_1.RocketIcon,null)},o===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"),a&&react_1.default.createElement(react_1.Suspense,null,react_1.default.createElement(theme_1.Portal,{mountId:"api-content"},react_1.default.createElement(ReplayOverlay,{value:{name:e.name,method:e.httpVerb,parameters:(0,utils_1.convertParameters)(e.parameters),body:(0,utils_1.convertRequestBody)(e.requestBody),path:e.path,servers:e.servers,security:(0,utils_1.convertRequestSecurity)(e.security)},onClose:i,corsProxyUrl:t,operationUrl:r+e.href,onLoad:()=>l(constants_1.LOADING_STATE.LOADED)}))))}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
2
2
  display: flex;
3
3
  justify-content: space-between;
4
4
  align-items: center;
@@ -1,2 +1,2 @@
1
- "use strict";function convertParameters(e){return e.map((e=>({name:e.name,in:e.in,required:e.required,description:e.description,example:e.example})))}function convertRequestBody(e){var r;if(e&&(null===(r=e.content)||void 0===r?void 0:r.mediaTypes))return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,r)=>(e[r.name]={name:r.name,examples:Object.keys(r.examples||{}).reduce(((e,t)=>{var n,o;return e[t]=null===(o=null===(n=r.examples)||void 0===n?void 0:n[t])||void 0===o?void 0:o.value,e}),{})},e)),{})}}function convertRequestSecurity(e){if(e)return e.flatMap((({schemes:e})=>e.map((e=>({id:e.id,type:e.type,in:e.in,scopes:e.scopes,scheme:e.scheme})))))}Object.defineProperty(exports,"__esModule",{value:!0}),exports.convertRequestSecurity=exports.convertRequestBody=exports.convertParameters=void 0,exports.convertParameters=convertParameters,exports.convertRequestBody=convertRequestBody,exports.convertRequestSecurity=convertRequestSecurity;
1
+ "use strict";function convertParameters(e){return e.map((e=>({name:e.name,in:e.in,required:e.required,description:e.description,example:e.example})))}function convertRequestBody(e){var r;if(e&&(null===(r=e.content)||void 0===r?void 0:r.mediaTypes))return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,r)=>(e[r.name]={name:r.name,examples:Object.keys(r.examples||{}).reduce(((e,t)=>{var n,o;return e[t]=null===(o=null===(n=r.examples)||void 0===n?void 0:n[t])||void 0===o?void 0:o.value,e}),{})},e)),{})}}function convertRequestSecurity(e){if(e)return e.flatMap((({schemes:e})=>e.map((e=>({id:e.id,type:e.type,in:e.in,scopes:e.scopes,scheme:e.scheme,name:e.name,flows:e.flows})))))}Object.defineProperty(exports,"__esModule",{value:!0}),exports.convertRequestSecurity=exports.convertRequestBody=exports.convertParameters=void 0,exports.convertParameters=convertParameters,exports.convertRequestBody=convertRequestBody,exports.convertRequestSecurity=convertRequestSecurity;
2
2
  //# sourceMappingURL=utils.js.map
@@ -1,11 +1,11 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:n},routingBasePath:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,react_1.useMemo)((()=>t?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,null))),[t]),i=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,n?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:n,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[n,t]);return 0===e.length?null:react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(Container,null,react_1.default.createElement(SectionContainer,{layout:r},e.filter((({type:e})=>["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:a})))),react_1.default.createElement(RightPanelContainer,{layout:r},react_1.default.createElement(RightPanel_1.RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:a}))),o)}exports.SectionContent=SectionContent;const Container=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:a},routingBasePath:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,react_1.useMemo)((()=>t?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,null))),[t]),i=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!a?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,a?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:a,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[a,t]);return 0===e.length?null:react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(Container,null,react_1.default.createElement(SectionContainer,{layout:r},e.filter((({type:e})=>["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:n})))),react_1.default.createElement(RightPanelContainer,{layout:r},react_1.default.createElement(RightPanel_1.RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:n}))),o)}exports.SectionContent=SectionContent;const Container=styled_components_1.default.div`
2
2
  display: flex;
3
3
  width: 100%;
4
4
  `,SectionContainer=styled_components_1.default.div`
5
5
  width: 100%;
6
6
 
7
7
  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
8
- width: ${({layout:e})=>e===theme_1.LayoutVariant.STACKED?"100%":"60%"};
8
+ width: ${({layout:e})=>e===theme_1.LayoutVariant.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
9
9
  }
10
10
  `,RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
11
11
  margin: calc(var(--h1-font-size) / 1.5) 0;
@@ -1,8 +1,14 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[r,a]=(0,react_1.useState)(!1),o=(0,react_router_dom_1.useNavigate)(),{operations:n,webhooks:i,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),a=r?t:t.slice(0,MAX_OPERATIONS),{operations:o,webhooks:n}=a.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:o,webhooks:n,count:!r&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[r,e]);if(!n.length&&!i.length)return null;const s=e=>{o(e)};return react_1.default.createElement(Wrapper,null,n.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.H3,null,"Operations"),n.map((e=>react_1.default.createElement(Item,{key:e.id,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(e.href)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(Path,null,e.path)))))),i.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.H3,null,"Webhooks"),i.map((e=>react_1.default.createElement(Item,{key:e.id,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(e.href)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(Path,null,e.path)))))),!r&&Boolean(l)&&react_1.default.createElement(ButtonLink,{onClick:()=>a(!0)},"Show ",l," more..."))}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[r,a]=(0,react_1.useState)(!1),n=(0,react_router_dom_1.useNavigate)(),{operations:o,webhooks:i,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),a=r?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:o}=a.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:n,webhooks:o,count:!r&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[r,e]);if(!o.length&&!i.length)return null;const s=e=>{n(e)};return react_1.default.createElement(Wrapper,null,o.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Heading,null,"Operations"),o.map((({id:e,href:r,httpVerb:a,path:n})=>react_1.default.createElement(Item,{key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(r)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:a},a),react_1.default.createElement(Path,null,n)))))),i.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Heading,null,"Webhooks"),i.map((({id:e,href:r,httpVerb:a,path:n})=>react_1.default.createElement(Item,{key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(r)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:a},a),react_1.default.createElement(Path,null,n)))))),!r&&Boolean(l)&&react_1.default.createElement(ButtonLink,{onClick:()=>a(!0)},"Show ",l," more..."))}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 4px;
5
- padding-top: 24px;
4
+ gap: var(--spacing-xxs);
5
+ padding-top: var(--spacing-xxl);
6
+ `,Heading=styled_components_1.default.span`
7
+ font-size: var(--font-size-base);
8
+ line-height: var(--line-height-base);
9
+ font-weight: var(--font-weight-bold);
10
+ color: var(--text-color-primary);
11
+ margin: var(--spacing-xxs) 0;
6
12
  `,Item=styled_components_1.default.button`
7
13
  border-radius: var(--border-radius);
8
14
  border: 1px solid var(--border-color-primary);
@@ -1,9 +1,13 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:o}=e,i=(0,react_router_dom_1.useNavigate)(),l=(0,react_1.useCallback)((()=>{i(t+e.href)}),[e.href,i,t]),u=Boolean(e.items.length);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{fullWidth:!u},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:o,"aria-label":`link to ${n}`}),n),react_1.default.createElement(Markdown_1.Markdown,{source:r})),Boolean(e.items.length)&&react_1.default.createElement(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})),u&&!a&&react_1.default.createElement(ShowButton,{type:"button",variant:"text",size:"default",onClick:l},"+ Show"))}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const ShowButton=(0,styled_components_1.default)(theme_1.Button)`
2
- margin: var(--spacing-md) var(--spacing-md) var(--spacing-unit);
3
- font-size: var(--font-size-base);
4
- font-weight: var(--font-weight-regular);
5
- width: calc(100% - var(--spacing-md) * 2);
6
- padding: var(--spacing-unit) 0;
7
- line-height: var(--line-height-base);
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:o}=e,i=(0,react_router_dom_1.useNavigate)(),l=(0,react_1.useCallback)((()=>{i(t+e.href)}),[e.href,i,t]),m=Boolean(e.items.length);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{fullWidth:!m},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:o,"aria-label":`link to ${n}`}),n),react_1.default.createElement(Markdown_1.Markdown,{source:r})),Boolean(e.items.length)&&react_1.default.createElement(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})),m&&!a&&react_1.default.createElement(ShowButton,{type:"button",variant:"text",size:"medium",onClick:l},"+ Show"))}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const ShowButton=(0,styled_components_1.default)(theme_1.Button)`
2
+ margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
3
+ width: calc(100% - var(--spacing-xl) * 2);
4
+
5
+ @media screen and (min-width: ${theme_1.breakpoints.medium}) {
6
+ --button-margin-md: calc(var(--spacing-xl) * 2);
7
+
8
+ margin-left: var(--button-margin-md);
9
+ margin-right: var(--button-margin-md);
10
+ width: calc(100% - var(--button-margin-md) * 2);
11
+ }
8
12
  `;
9
13
  //# sourceMappingURL=TagItem.js.map
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewNested=void 0;const styled_components_1=__importStar(require("styled-components")),react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon");function ViewNestedComponent({expandByDefault:e,deepLink:t,level:r,expandable:o=!1,isArray:i="",propertyLength:n="",expandText:a,hideText:l,hideDivider:c=!1,children:s}){const d=(0,react_router_dom_1.useLocation)(),p=(0,utils_1.pathIncludesLink)(d,t),[u,_]=(0,react_1.useState)(e||p),f=u?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;return o?react_1.default.createElement(Wrapper,{$divider:!c&&!u},react_1.default.createElement(ShowProperty,{onClick:()=>_(!u)},react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:u?"-":"+",color:f}),!u&&(a||`Show ${1===Number(n)?"":n} ${i&&"array "}${1!==n?"properties":"property"}`),u&&(l||"")),u&&react_1.default.createElement(StyledNested,{color:f},s)):s}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=styled_components_1.default.button`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewNested=void 0;const styled_components_1=__importStar(require("styled-components")),react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon");function ViewNestedComponent({expandByDefault:e,deepLink:t,level:r,expandable:o=!1,isArray:i="",propertyLength:a="",expandText:n,hideText:l,hideDivider:c=!1,children:s}){const d=(0,react_router_dom_1.useLocation)(),p=(0,utils_1.pathIncludesLink)(d,t),[u,_]=(0,react_1.useState)(e||p),f=u?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;return o?react_1.default.createElement(Wrapper,{$divider:!c&&!u,className:"view-nested-wrapper"},react_1.default.createElement(ShowProperty,{onClick:()=>_(!u)},react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:u?"-":"+",color:f}),!u&&(n||`Show ${1===Number(a)?"":a} ${i&&"array "}${1!==a?"properties":"property"}`),u&&(l||"")),u&&react_1.default.createElement(StyledNested,{color:f},s)):s}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=styled_components_1.default.button`
2
2
  background: none;
3
3
  border: none;
4
4
  cursor: pointer;
@@ -11,7 +11,8 @@
11
11
 
12
12
  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
13
13
  width: ${a?"100%":"calc(100% - var(--panel-samples-width))"};
14
- padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
14
+ padding-left: calc(var(--panel-gap-horizontal) * 2);
15
+ padding-right: var(--panel-gap-horizontal);
15
16
  padding-top: 0;
16
17
  padding-bottom: ${t?"var(--spacing-vertical)":0};
17
18
  }
@@ -34,9 +35,8 @@
34
35
  ${({expanded:e})=>e&&styled_components_1.css`
35
36
  background-color: var(--layer-color);
36
37
  border-bottom: 1px solid var(--border-color-secondary);
37
- && pre {
38
- background-color: var(--bg-color);
39
- }
38
+ --code-block-background-color: var(--bg-color);
39
+ --code-block-controls-background-color: var(--bg-color);
40
40
  `}
41
41
 
42
42
  & > &:last-child {
@@ -91,7 +91,8 @@
91
91
  width: var(--panel-samples-width);
92
92
  padding-top: 0;
93
93
  padding-bottom: 0;
94
- padding-left: var(--panel-gap-vertical, var(--panel-gap-horizontal));
94
+ padding-left: var(--panel-gap-horizontal);
95
+ padding-right: calc(var(--panel-gap-horizontal) * 2);
95
96
  }
96
97
 
97
98
  @media print {
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTagOrGroup=void 0;const services_1=require("../services"),utils_1=require("../utils"),operation_1=require("../services/menu/operation"),saveTextBeforeHeading_1=require("../utils/saveTextBeforeHeading");function getTagOrGroup(e,r,{markdownHeadingsAnchorLevel:i},t){let s;s=(null==t?void 0:t.id)&&"schema"===e?(0,services_1.joinWithSeparator)(t.id,(0,utils_1.safeSlugify)(r.name)):r.id||(0,utils_1.safeSlugify)(r.name);const a=r["x-displayName"]||r.name,o=r.level||1,n=r.isSchema,u=r.ast||void 0;return{id:s,type:e,parent:t,name:a,level:o,depth:0,isSchema:n,description:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,utils_1.getValueFromMdParsedExtension)(r,"description")||"",i),items:r.items,ast:u,externalDocs:r.externalDocs,href:(0,operation_1.getHref)({id:s})}}exports.getTagOrGroup=getTagOrGroup;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTagOrGroup=void 0;const services_1=require("../services"),utils_1=require("../utils"),operation_1=require("../services/menu/operation"),saveTextBeforeHeading_1=require("../utils/saveTextBeforeHeading");function getTagOrGroup(e,r,{markdownHeadingsAnchorLevel:i},t){let s;s=(null==t?void 0:t.id)&&"schema"===e?(0,services_1.joinWithSeparator)(t.id,(0,utils_1.safeSlugify)(r.name)):r.id||(0,utils_1.safeSlugify)(r.name);const a=r["x-displayName"]||r.name,o=r.level||1,n=r.isSchema,u=r.ast||void 0;return{id:s,type:e,parent:t,name:a,level:o,depth:0,isSchema:n,description:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,utils_1.getValueFromMdParsedExtension)(r,"description")||"",i),items:r.items||[],ast:u,externalDocs:r.externalDocs,href:(0,operation_1.getHref)({id:s})}}exports.getTagOrGroup=getTagOrGroup;
2
2
  //# sourceMappingURL=group.js.map