@redocly/openapi-docs 0.0.0-beta-20240223133421 → 0.0.0-beta-20240226163902

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 (46) hide show
  1. package/dist/redocly-openapi-docs.min.js +445 -498
  2. package/lib/components/CallbackSamples/CallbackSamples.js +1 -2
  3. package/lib/components/Callbacks/CallbackSummary.js +2 -13
  4. package/lib/components/Download/DownloadSpecification.js +1 -5
  5. package/lib/components/Language/LanguageList.js +1 -1
  6. package/lib/components/Language/styled.d.ts +0 -1
  7. package/lib/components/Language/styled.js +2 -9
  8. package/lib/components/PropertyDetails/DescriptionEnums.js +2 -2
  9. package/lib/components/PropertyDetails/SimpleEnums.js +1 -1
  10. package/lib/components/PropertyDetails/styled.d.ts +0 -1
  11. package/lib/components/PropertyDetails/styled.js +1 -10
  12. package/lib/components/RequestSamples/RequestSamples.js +6 -1
  13. package/lib/components/SectionContent/SectionContent.js +1 -1
  14. package/lib/components/Security/SecurityButton.js +6 -10
  15. package/lib/components/Security/SecurityModal.js +6 -14
  16. package/lib/components/Security/SecuritySchemeItem.js +3 -3
  17. package/lib/components/ServerListDropdown/styled.js +0 -3
  18. package/lib/components/TagItem/OperationsNavigation.js +16 -14
  19. package/lib/components/ViewNested/ViewNested.js +1 -13
  20. package/lib/components/common/DropdownTheme/Dropdown.js +2 -10
  21. package/lib/components/common/Fields/fields.d.ts +5 -1
  22. package/lib/components/common/Fields/fields.js +2 -6
  23. package/lib/services/search/SearchStore.js +17 -6
  24. package/lib-esm/components/CallbackSamples/CallbackSamples.js +1 -2
  25. package/lib-esm/components/Callbacks/CallbackSummary.js +2 -13
  26. package/lib-esm/components/Download/DownloadSpecification.js +1 -5
  27. package/lib-esm/components/Language/LanguageList.js +1 -1
  28. package/lib-esm/components/Language/styled.d.ts +0 -1
  29. package/lib-esm/components/Language/styled.js +1 -8
  30. package/lib-esm/components/PropertyDetails/DescriptionEnums.js +2 -2
  31. package/lib-esm/components/PropertyDetails/SimpleEnums.js +1 -1
  32. package/lib-esm/components/PropertyDetails/styled.d.ts +0 -1
  33. package/lib-esm/components/PropertyDetails/styled.js +1 -10
  34. package/lib-esm/components/RequestSamples/RequestSamples.js +6 -1
  35. package/lib-esm/components/SectionContent/SectionContent.js +2 -2
  36. package/lib-esm/components/Security/SecurityButton.js +6 -10
  37. package/lib-esm/components/Security/SecurityModal.js +6 -14
  38. package/lib-esm/components/Security/SecuritySchemeItem.js +3 -3
  39. package/lib-esm/components/ServerListDropdown/styled.js +0 -3
  40. package/lib-esm/components/TagItem/OperationsNavigation.js +16 -14
  41. package/lib-esm/components/ViewNested/ViewNested.js +1 -13
  42. package/lib-esm/components/common/DropdownTheme/Dropdown.js +2 -10
  43. package/lib-esm/components/common/Fields/fields.d.ts +5 -1
  44. package/lib-esm/components/common/Fields/fields.js +2 -6
  45. package/lib-esm/services/search/SearchStore.js +17 -6
  46. package/package.json +4 -4
@@ -10,8 +10,7 @@
10
10
  `,StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
11
11
  flex-wrap: nowrap;
12
12
  `,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
13
- width: calc(100% - 60px);
14
13
  padding-right: var(--spacing-base);
15
- max-width: fit-content;
14
+ min-width: 0;
16
15
  `;
17
16
  //# sourceMappingURL=CallbackSamples.js.map
@@ -1,20 +1,9 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:t,operation:{name:r,httpVerb:a,deprecated:l,callbackId:n,id:i}}){return react_1.default.createElement(CallbackHeader,{expanded:e,onClick:t},react_1.default.createElement(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(i,`callbacks&c=${n}`)}),react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(CircleIconWrap,null,react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},r),react_1.default.createElement(shared_1.HttpVerb,{color:a},(0,utils_1.shortenHTTPVerb)(a)),l?react_1.default.createElement(theme_1.Badge,{deprecated:!0},"Deprecated"):null))}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:t,operation:{name:r,httpVerb:a,deprecated:l,callbackId:c,id:i}}){return react_1.default.createElement(CallbackHeader,{expanded:e,onClick:t},react_1.default.createElement(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(i,`callbacks&c=${c}`)}),react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(CircleIconWrap,{icon:react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"}),variant:"ghost"}),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},r),react_1.default.createElement(shared_1.HttpVerb,{color:a},(0,utils_1.shortenHTTPVerb)(a)),l?react_1.default.createElement(theme_1.Badge,{deprecated:!0},"Deprecated"):null))}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
2
2
  padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
3
3
  margin: 0;
4
4
  line-height: var(--line-height-base);
5
5
  position: relative;
6
- `,CircleIconWrap=styled_components_1.default.button`
7
- background: none;
8
- border: none;
9
- cursor: pointer;
10
- display: flex;
11
- align-items: center;
12
- padding: 0;
13
- gap: var(--spacing-xxs);
14
- color: var(--text-color-secondary);
15
- font-size: var(--font-size-base);
16
- font-family: var(--font-family-base);
17
- line-height: var(--line-height-base);
6
+ `,CircleIconWrap=(0,styled_components_1.default)(theme_1.Button)`
18
7
  z-index: 2;
19
8
  `;
20
9
  //# sourceMappingURL=CallbackSummary.js.map
@@ -1,8 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,o)}: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.DownloadSpecification=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../jotai/store");function DownloadSpecificationComponent(){const{parser:e,options:t}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{definition:n}=e,{json:a,yaml:o}=(0,useDownloadInfo_1.useDownloadInfo)({definition:n,downloadDefinitionUrls:t.downloadDefinitionUrls});return react_1.default.createElement(Wrapper,null,react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.JsonIcon,null),a.filename),react_1.default.createElement(DownloadLink,{download:!0,target:"_blank",href:a.url},react_1.default.createElement(theme_1.DownloadIcon,null))),react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.DocumentIcon,null),o.filename),react_1.default.createElement(DownloadLink,{download:!0,target:"_blank",href:o.url},react_1.default.createElement(theme_1.DownloadIcon,null))))}exports.DownloadSpecification=(0,react_1.memo)(DownloadSpecificationComponent);const DownloadLink=styled_components_1.default.a.attrs({className:"download-specification-button button-default"})`
2
- margin-left: var(--spacing-xxs);
3
- text-decoration: none;
4
- color: var(--text-color-secondary);
5
- `,Card=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.DownloadSpecification=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../jotai/store");function DownloadSpecificationComponent(){const{parser:e,options:t}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{definition:r}=e,{json:a,yaml:n}=(0,useDownloadInfo_1.useDownloadInfo)({definition:r,downloadDefinitionUrls:t.downloadDefinitionUrls});return react_1.default.createElement(Wrapper,null,react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.DocumentIcon,null),n.filename),react_1.default.createElement("a",{href:n.url,target:"_blank",download:!0,rel:"noreferrer"},react_1.default.createElement(theme_1.Button,{variant:"ghost",size:"small",icon:react_1.default.createElement(theme_1.DownloadIcon,null)}))),react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.JsonIcon,null),a.filename),react_1.default.createElement("a",{href:a.url,target:"_blank",download:!0,rel:"noreferrer"},react_1.default.createElement(theme_1.Button,{variant:"ghost",size:"small",icon:react_1.default.createElement(theme_1.DownloadIcon,null)}))))}exports.DownloadSpecification=(0,react_1.memo)(DownloadSpecificationComponent);const Card=styled_components_1.default.div`
6
2
  display: flex;
7
3
  align-items: baseline;
8
4
  justify-content: space-between;
@@ -1,2 +1,2 @@
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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[a,n]=(0,react_1.useState)(e),[r,o]=(0,react_1.useState)([]),i=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:l,newHiddenItems:c}=calculateVisibleAndHiddenItems(u,[...a,...r]),s=c.findIndex((e=>e.key===t.key));-1!==s&&swapItems(l,c,s),n(l),o(c)}),[t.key,r,a]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[u,t]),react_1.default.createElement(styled_1.Container,{ref:i},react_1.default.createElement(styled_1.LanguageListContainer,null,a.map((e=>react_1.default.createElement(styled_1.LanguageListItem,{key:e.key,onClick:()=>l({activeLanguage:e}),active:t.key===e.key},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,withIcon:!0}))))),r.length?react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:r,onChange:e=>{const t=r.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...r],u=[...a];swapItems(u,i,t),n(u),o(i),l({activeLanguage:e})}},controller:react_1.default.createElement(styled_1.MoreIconController,null,react_1.default.createElement(theme_1.OverflowMenuVerticalIcon,{color:"--text-color-secondary"})),withArrow:!1,withCheckmark:!1,width:156}):null)}function calculateVisibleAndHiddenItems(e,t){let a=0;const n=[],r=[];return t.forEach((t=>{const o=constants_1.ITEM_WIDTH;e&&a+o<=e?(n.push(t),a+=o):r.push(t)})),{newVisibleItems:n,newHiddenItems:r}}function swapItems(e,t,a){const n=e[e.length-1];n&&(e[e.length-1]=t[a],t[a]=n)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[a,n]=(0,react_1.useState)(e),[r,i]=(0,react_1.useState)([]),o=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),c=(0,jotai_1.useSetAtom)(app_1.languageAtom),l=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==o?void 0:o.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:c,newHiddenItems:l}=calculateVisibleAndHiddenItems(u,[...a,...r]),s=l.findIndex((e=>e.key===t.key));-1!==s&&swapItems(c,l,s),n(c),i(l)}),[t.key,r,a]);return(0,react_1.useLayoutEffect)((()=>(l(),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l)})),[u,t]),react_1.default.createElement(styled_1.Container,{ref:o},react_1.default.createElement(styled_1.LanguageListContainer,null,a.map((e=>react_1.default.createElement(styled_1.LanguageListItem,{key:e.key,onClick:()=>c({activeLanguage:e}),active:t.key===e.key},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,withIcon:!0}))))),r.length?react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:r,onChange:e=>{const t=r.findIndex((t=>t.key===e.key));if(-1!==t){const o=[...r],u=[...a];swapItems(u,o,t),n(u),i(o),c({activeLanguage:e})}},controller:react_1.default.createElement(theme_1.Button,{variant:"ghost",icon:react_1.default.createElement(theme_1.OverflowMenuVerticalIcon,null)}),withArrow:!1,withCheckmark:!1,width:156}):null)}function calculateVisibleAndHiddenItems(e,t){let a=0;const n=[],r=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&a+i<=e?(n.push(t),a+=i):r.push(t)})),{newVisibleItems:n,newHiddenItems:r}}function swapItems(e,t,a){const n=e[e.length-1];n&&(e[e.length-1]=t[a],t[a]=n)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
2
2
  //# sourceMappingURL=LanguageList.js.map
@@ -12,4 +12,3 @@ export declare const DropdownItemContainer: import("styled-components").StyledCo
12
12
  width?: number | undefined;
13
13
  }, never>;
14
14
  export declare const DropdownControllerText: import("styled-components").StyledComponent<"span", any, {}, never>;
15
- export declare const MoreIconController: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,i)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MoreIconController=exports.DropdownControllerText=exports.DropdownItemContainer=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,o)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownControllerText=exports.DropdownItemContainer=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
2
2
  display: flex;
3
3
  justify-content: space-between;
4
4
  `,exports.LanguageTitle=styled_components_1.default.span`
@@ -59,15 +59,8 @@
59
59
  fill: var(--menu-item-content-color-active);
60
60
  `,exports.DropdownControllerText=styled_components_1.default.span`
61
61
  margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
62
- color: var(--menu-item-content-color-active);
63
62
  display: inline-block;
64
- word-break: break-all;
65
- line-height: var(--line-height-sm);
63
+ line-height: var(--line-height-base);
66
64
  font-size: var(--font-size-base);
67
- `,exports.MoreIconController=styled_components_1.default.span`
68
- display: flex;
69
- align-items: center;
70
- justify-content: center;
71
- height: 100%;
72
65
  `;
73
66
  //# sourceMappingURL=styled.js.map
@@ -1,5 +1,5 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,l)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),styled_1=require("./styled"),EnumValueStyled=styled_components_1.default.td`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,l)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),styled_1=require("./styled"),common_1=require("../common"),EnumValueStyled=styled_components_1.default.td`
2
2
  max-width: 15vw;
3
3
  word-wrap: break-word;
4
- `;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:r,toggleButtonText:n,type:l}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.DescriptionEnumsBlock,null,react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",null,"array"===l?"Items":""," ",1===e.length?"Value":"Enum Value"),react_1.default.createElement("th",null,"Description"))),react_1.default.createElement("tbody",null,e.map((({description:e,value:t})=>react_1.default.createElement("tr",{key:t},react_1.default.createElement(EnumValueStyled,null,t),react_1.default.createElement("td",null,react_1.default.createElement(Markdown_1.Markdown,{source:e})))))))),r?react_1.default.createElement(styled_1.ToggleButton,{onClick:t},n):null)}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
4
+ `;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:r,toggleButtonText:n,type:l}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.DescriptionEnumsBlock,null,react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",null,"array"===l?"Items":""," ",1===e.length?"Value":"Enum Value"),react_1.default.createElement("th",null,"Description"))),react_1.default.createElement("tbody",null,e.map((({description:e,value:t})=>react_1.default.createElement("tr",{key:t},react_1.default.createElement(EnumValueStyled,null,t),react_1.default.createElement("td",null,react_1.default.createElement(Markdown_1.Markdown,{source:e})))))))),r?react_1.default.createElement(common_1.ToggleButton,{onClick:t},n):null)}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
5
5
  //# sourceMappingURL=DescriptionEnums.js.map
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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.SimpleEnums=exports.SimpleEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),styled_1=require("./styled");function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:r,showToggleButton:o,toggleButtonText:l}){return react_1.default.createElement(Row,null,react_1.default.createElement(common_1.FieldLabel,null,"array"===n?"Items":""," ",1===e.length?"Value":"Enum"),e.map(((e,n)=>react_1.default.createElement(common_1.Tag,{key:e+n},t?String(e):JSON.stringify(e)))),o?react_1.default.createElement(styled_1.ToggleButton,{onClick:r},l):null)}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=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,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=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.SimpleEnums=exports.SimpleEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:o,showToggleButton:r,toggleButtonText:i}){return react_1.default.createElement(Row,null,react_1.default.createElement(common_1.FieldLabel,null,"array"===n?"Items":""," ",1===e.length?"Value":"Enum"),e.map(((e,n)=>react_1.default.createElement(common_1.Tag,{key:e+n},t?String(e):JSON.stringify(e)))),r?react_1.default.createElement(common_1.ToggleButton,{onClick:o},i):null)}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
2
2
  display: flex;
3
3
  flex-wrap: wrap;
4
4
  align-items: center;
@@ -1,4 +1,3 @@
1
- export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
2
1
  export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
3
2
  compact?: boolean | undefined;
4
3
  inline?: boolean | undefined;
@@ -1,13 +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.FieldDescriptionWrapper=exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=exports.ToggleButton=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.ToggleButton=styled_components_1.default.button`
2
- background: none;
3
- border: none;
4
- color: var(--link-color-primary);
5
- vertical-align: middle;
6
- font-size: 13px;
7
- line-height: 20px;
8
- padding: 0;
9
- cursor: pointer;
10
- `,exports.DescriptionEnumsBlock=(0,styled_components_1.default)(theme_1.Markdown)`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDescriptionWrapper=exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.DescriptionEnumsBlock=(0,styled_components_1.default)(theme_1.Markdown)`
11
2
  table.md {
12
3
  margin: var(--spacing-xs) 0 0;
13
4
  display: table;
@@ -1,2 +1,7 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}: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},__rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),Tabs_1=require("../Tabs"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a="",disableHeader:r,content:o}=e,l=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const[{activeLanguage:n},s]=(0,jotai_1.useAtom)(app_1.languageAtom),{events:u,corsProxyUrl:i}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{samples:c,payload:p}=(0,useCodeSamples_1.useCodeSamples)(t),d=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var r;const o=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(r=null==u?void 0:u.codeSamplesCopy)||void 0===r||r.call(u,o)}),[t,u]),_=(0,react_1.useMemo)((()=>c.map((({key:e,title:t})=>({key:e,title:t})))),[c]),m=(0,react_1.useMemo)((()=>c.find((({lang:e,key:t})=>[e,t].some((e=>e.toLowerCase()===a.toLowerCase()||e.toLowerCase()===n.key.toLowerCase()))))),[c,a,n.key]),{activeTab:y,handleTabChange:f}=(0,Tabs_1.useTabsState)({tabs:_,defaultTab:m});(0,react_1.useEffect)((()=>{y.key!==n.key&&_.some((({key:e})=>e===n.key))&&f(n)}),[n,y.key,f,_]);const g=(0,react_1.useCallback)((e=>{f(e),s({activeLanguage:e})}),[f,s]),b=(0,react_1.useMemo)((()=>c.map((e=>e.key===y.key?react_1.default.createElement("div",{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},l)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:t,onCopyClick:d(e)},l))):null))),[y.key,d,t,null==p?void 0:p.requestBodyContent,l,c]);return c.length?react_1.default.createElement(theme_1.Panel,{className:"panel-request-samples",header:r?void 0:()=>react_1.default.createElement(theme_1.PanelHeader,{isExpandable:!1},react_1.default.createElement(ServerListDropdown_1.ServerListDropdown,{operation:t}),react_1.default.createElement(Language_1.LanguageDropdown,{activeTab:y,samples:c,onChange:g})),footer:react_1.default.createElement(Replay_1.Replay,{operation:t,corsProxyUrl:i}),isExpandable:!1},b):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}: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},__rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),Tabs_1=require("../Tabs"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a="",disableHeader:r,content:o}=e,l=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const[{activeLanguage:n},s]=(0,jotai_1.useAtom)(app_1.languageAtom),{events:i,corsProxyUrl:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{samples:d,payload:p}=(0,useCodeSamples_1.useCodeSamples)(t),c=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var r;const o=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(r=null==i?void 0:i.codeSamplesCopy)||void 0===r||r.call(i,o)}),[t,i]),_=(0,react_1.useMemo)((()=>d.map((({key:e,title:t})=>({key:e,title:t})))),[d]),m=(0,react_1.useMemo)((()=>d.find((({lang:e,key:t})=>[e,t].some((e=>e.toLowerCase()===a.toLowerCase()||e.toLowerCase()===n.key.toLowerCase()))))),[d,a,n.key]),{activeTab:y,handleTabChange:f}=(0,Tabs_1.useTabsState)({tabs:_,defaultTab:m});(0,react_1.useEffect)((()=>{y.key!==n.key&&_.some((({key:e})=>e===n.key))&&f(n)}),[n,y.key,f,_]);const g=(0,react_1.useCallback)((e=>{f(e),s({activeLanguage:e})}),[f,s]),b=(0,react_1.useMemo)((()=>d.map((e=>e.key===y.key?react_1.default.createElement("div",{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:c(e)},l)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:t,onCopyClick:c(e)},l))):null))),[y.key,c,t,null==p?void 0:p.requestBodyContent,l,d]);return d.length?react_1.default.createElement(theme_1.Panel,{className:"panel-request-samples",header:r?void 0:()=>react_1.default.createElement(StyledPanelHeader,{isExpandable:!1},react_1.default.createElement(StyledServerListDropdown,{operation:t}),react_1.default.createElement(Language_1.LanguageDropdown,{activeTab:y,samples:d,onChange:g})),footer:react_1.default.createElement(Replay_1.Replay,{operation:t,corsProxyUrl:u}),isExpandable:!1},b):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);const StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
2
+ flex-wrap: nowrap;
3
+ `,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
4
+ padding-right: var(--spacing-base);
5
+ min-width: 0;
6
+ `;
2
7
  //# sourceMappingURL=RequestSamples.js.map
@@ -10,7 +10,7 @@
10
10
  `,RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
11
11
  margin: calc(var(--h1-font-size) / 1.5) 0;
12
12
  display: none;
13
- overflow-y: auto;
13
+ overflow-y: visible;
14
14
  max-height: calc(100vh - var(--navbar-height) - var(--panel-gap-vertical) * 2);
15
15
 
16
16
  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
@@ -1,19 +1,15 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return react_1.default.createElement(StyledButton,{onClick:t},react_1.default.createElement(theme_1.SecurityIcon,null),react_1.default.createElement(Title,null,"Security:"),react_1.default.createElement(SecurityList,null,e.map((t=>{const r=e.length>1&&t.schemes.length>1;return`\n ${r?"(":""} \n ${t.schemes.map((({id:e})=>e)).join(" and ")} \n ${r?")":""}\n `})).join(" or ")))}exports.SecurityButton=SecurityButton;const StyledButton=styled_components_1.default.button`
2
- display: flex;
3
- align-items: center;
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return react_1.default.createElement(StyledButton,{icon:react_1.default.createElement(theme_1.SecurityIcon,null),variant:"link",onClick:t},react_1.default.createElement(Title,null,"Security:"),react_1.default.createElement(SecurityList,null,e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n ${n?"(":""} \n ${t.schemes.map((({id:e})=>e)).join(" and ")} \n ${n?")":""}\n `})).join(" or ")))}exports.SecurityButton=SecurityButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
4
2
  align-self: flex-start;
5
3
  gap: var(--spacing-xxs);
6
4
  min-height: 32px;
7
5
  background: var(--color-info-bg);
8
- color: var(--link-color-primary);
9
- border: none;
10
- font-size: var(--font-size-base);
11
- font-family: var(--font-family-base);
12
- line-height: var(--line-height-base);
13
6
  padding: 0 var(--spacing-xs);
14
- border-radius: var(--border-radius-md);
15
7
  margin-top: var(--spacing-base);
16
- max-width: 100%;
8
+
9
+ &:hover {
10
+ background: var(--color-info-bg);
11
+ color: var(--link-color-primary);
12
+ }
17
13
  `,Title=styled_components_1.default.span`
18
14
  font-family: var(--font-family-monospaced);
19
15
  font-weight: var(--font-weight-semibold);
@@ -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 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,a,i)}: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.SecurityModal=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[r,a]=(0,react_1.useState)(0),{schemes:i}=e[r]||{};(0,react_1.useEffect)((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const o=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return react_1.default.createElement(StyledBackground,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(Close,{onClick:t,"data-cy":"close"},react_1.default.createElement(theme_1.CloseIcon,null)),react_1.default.createElement(Title,null,react_1.default.createElement(theme_1.SecurityIcon,{size:"24px"}),"Security"),react_1.default.createElement(theme_1.Segmented,{value:r,onChange:({value:e})=>a(e),options:o}),i.map(((t,r)=>react_1.default.createElement(react_1.Fragment,{key:t.id},react_1.default.createElement(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==i.length-1&&react_1.default.createElement(Divider_1.Divider,{label:"and"}))))))}exports.SecurityModal=SecurityModal;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 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,a,i)}: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.SecurityModal=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[r,a]=(0,react_1.useState)(0),{schemes:i}=e[r]||{};(0,react_1.useEffect)((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const o=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return react_1.default.createElement(StyledBackground,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(Close,{onClick:t,"data-cy":"close",variant:"ghost",icon:react_1.default.createElement(theme_1.CloseIcon,null)}),react_1.default.createElement(Title,null,react_1.default.createElement(theme_1.SecurityIcon,{size:"24px"}),"Security"),react_1.default.createElement(theme_1.Segmented,{value:r,onChange:({value:e})=>a(e),options:o}),i.map(((t,r)=>react_1.default.createElement(react_1.Fragment,{key:t.id},react_1.default.createElement(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==i.length-1&&react_1.default.createElement(Divider_1.Divider,{label:"and"}))))))}exports.SecurityModal=SecurityModal;const Wrapper=styled_components_1.default.div`
2
2
  background: var(--bg-color);
3
3
  box-shadow: var(--bg-raised-shadow);
4
4
  border-radius: var(--border-radius-lg);
@@ -7,14 +7,14 @@
7
7
  flex-direction: column;
8
8
  align-items: flex-start;
9
9
  position: absolute;
10
- width: 700px;
10
+ width: 720px;
11
11
  max-width: 100%;
12
12
  height: auto;
13
- max-height: 500px;
13
+ max-height: 600px;
14
14
  overflow-y: scroll;
15
15
  left: 50%;
16
- top: 50%;
17
- transform: translate(-50%, -50%);
16
+ top: 35%;
17
+ transform: translate(-50%, -35%);
18
18
  z-index: 2;
19
19
  .tag-grey span {
20
20
  font-size: var(--font-size-base);
@@ -29,18 +29,10 @@
29
29
  left: 0;
30
30
  top: 0;
31
31
  pointer-events: auto;
32
- `,Close=styled_components_1.default.button`
33
- border: none;
34
- background: none;
32
+ `,Close=(0,styled_components_1.default)(theme_1.Button)`
35
33
  position: absolute;
36
34
  right: var(--spacing-md);
37
35
  top: var(--spacing-md);
38
- cursor: pointer;
39
- svg {
40
- width: 18px;
41
- height: 18px;
42
- fill: var(--text-color-primary);
43
- }
44
36
  `,Title=(0,styled_components_1.default)(theme_1.Typography)`
45
37
  display: flex;
46
38
  align-items: center;
@@ -1,18 +1,18 @@
1
1
  "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecuritySchemeItem=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?react_1.default.createElement(Row,null,react_1.default.createElement(Label,null,e),react_1.default.createElement(Value,null,t)):null}exports.SecuritySchemeItem=SecuritySchemeItem;const Row=styled_components_1.default.div`
2
2
  display: flex;
3
- justify-content: space-between;
3
+ justify-content: flex-start;
4
4
  margin-bottom: var(--spacing-xxs);
5
5
  font-size: var(--font-size-sm);
6
6
  color: var(--text-color-secondary);
7
7
  `,Label=styled_components_1.default.div`
8
- width: 296px;
9
8
  display: flex;
10
9
  align-items: center;
11
10
  justify-content: flex-start;
12
11
  font-size: var(--font-size-base);
13
12
  line-height: var(--line-height-base);
13
+ flex: 1;
14
14
  `,Value=styled_components_1.default.div`
15
- width: calc(100% - 296px);
15
+ flex: 1;
16
16
  font-size: var(--font-size-base);
17
17
  line-height: var(--line-height-base);
18
18
  `;
@@ -4,13 +4,10 @@
4
4
  overflow-x: hidden;
5
5
  `,exports.Path=styled_components_1.default.span`
6
6
  margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
7
- color: var(--text-color-secondary);
8
7
  overflow-x: hidden;
9
8
  text-overflow: ellipsis;
10
9
  white-space: nowrap;
11
- overflow-wrap: normal;
12
10
  display: inline-block;
13
- word-break: break-all;
14
11
  line-height: var(--line-height-base);
15
12
  font-size: var(--font-size-base);
16
13
  `,exports.ServerItemWrap=styled_components_1.default.div`
@@ -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 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)`
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.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[a,r]=(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)),r=a?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:o}=r.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:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,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:a,httpVerb:r,path:n})=>react_1.default.createElement(Item,{variant:"outlined",size:"large",key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(a)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:r},r),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:a,httpVerb:r,path:n})=>react_1.default.createElement(Item,{variant:"outlined",size:"large",key:e,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(a)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:r},r),react_1.default.createElement(Path,null,n)))))),!a&&Boolean(l)&&react_1.default.createElement(ButtonLink,{variant:"link",size:"large",fullWidth:!0,onClick:()=>r(!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
4
  gap: var(--spacing-xxs);
@@ -9,27 +9,29 @@
9
9
  font-weight: var(--font-weight-bold);
10
10
  color: var(--text-color-primary);
11
11
  margin: var(--spacing-xxs) 0;
12
- `,Item=styled_components_1.default.button`
12
+ `,StyledButton=(0,styled_components_1.default)(theme_1.Button)`
13
+ & + & {
14
+ margin-left: 0;
15
+ }
16
+ `,Item=(0,styled_components_1.default)(StyledButton)`
13
17
  border-radius: var(--border-radius);
14
- border: 1px solid var(--border-color-primary);
15
18
  background: var(--bg-color);
16
- display: flex;
17
- height: 40px;
18
- padding: 0 var(--spacing-base);
19
- flex-direction: row;
20
19
  justify-content: space-between;
21
- align-items: center;
22
- align-self: stretch;
23
- cursor: pointer;
24
20
 
25
21
  & > span {
26
22
  display: flex;
27
23
  align-items: baseline;
28
24
  gap: var(--spacing-unit);
25
+ overflow-x: hidden;
26
+ }
27
+
28
+ &:hover {
29
+ background: var(--bg-color);
29
30
  }
30
31
 
31
32
  &:hover::after {
32
33
  content: '→';
34
+ line-height: var(--line-height-base);
33
35
  }
34
36
  `,Path=styled_components_1.default.span`
35
37
  font-family: var(--font-family-base);
@@ -37,10 +39,10 @@
37
39
  line-height: var(--line-height-base);
38
40
  color: var(--text-color-primary);
39
41
  text-decoration: none;
40
- `,ButtonLink=styled_components_1.default.button`
41
- font-size: var(--font-size-lg);
42
- background: none;
42
+ white-space: nowrap;
43
+ text-overflow: ellipsis;
44
+ overflow-x: hidden;
45
+ `,ButtonLink=(0,styled_components_1.default)(StyledButton)`
43
46
  margin: 10px auto;
44
- color: var(--link-color-primary);
45
47
  `;
46
48
  //# sourceMappingURL=OperationsNavigation.js.map
@@ -1,17 +1,5 @@
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
- background: none;
3
- border: none;
4
- cursor: pointer;
5
- display: flex;
6
- align-items: center;
7
- padding: 0;
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"),theme_1=require("@redocly/theme"),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:l,hideText:n,hideDivider:c=!1,children:s}){const d=(0,react_router_dom_1.useLocation)(),u=(0,utils_1.pathIncludesLink)(d,t),[_,p]=(0,react_1.useState)(e||u),m=_?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;return o?react_1.default.createElement(Wrapper,{$divider:!c&&!_,className:"view-nested-wrapper"},react_1.default.createElement(ShowProperty,{variant:"ghost",icon:react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:_?"-":"+",color:m}),onClick:()=>p(!_)},!_&&(l||`Show ${1===Number(a)?"":a} ${i&&"array "}${1!==a?"properties":"property"}`),_&&(n||"")),_&&react_1.default.createElement(StyledNested,{color:m},s)):s}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=(0,styled_components_1.default)(theme_1.Button)`
8
2
  gap: var(--spacing-xxs);
9
- color: var(--text-color-secondary);
10
- font-size: var(--font-size-base);
11
- font-family: var(--font-family-base);
12
- line-height: var(--line-height-base);
13
- margin-top: var(--spacing-xxs);
14
- width: 100%;
15
3
  `,StyledNested=styled_components_1.default.div`
16
4
  padding-left: var(--schema-nested-offset);
17
5
  border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
@@ -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.Dropdown=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function DropdownComponent({options:e,value:t,onChange:n}){var o;const r=null===(o=e.find((e=>e.value===t)))||void 0===o?void 0:o.label;return 1===e.length?react_1.default.createElement(Title,null,r):react_1.default.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>react_1.default.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>n(e)},e.label,e.label===t&&react_1.default.createElement(StyledCheckmarkIcon,null))))},react_1.default.createElement(Title,null,r))}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function DropdownComponent({options:e,value:t,onChange:o}){var n;const a=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?react_1.default.createElement(Title,{variant:"ghost"},a):react_1.default.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>react_1.default.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>o(e)},e.label,e.label===t&&react_1.default.createElement(StyledCheckmarkIcon,null))))},react_1.default.createElement(Title,{variant:"ghost"},a))}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
2
2
  width: 16px;
3
3
  height: 16px;
4
4
  margin-left: auto;
@@ -9,16 +9,8 @@
9
9
  gap: var(--spacing-md);
10
10
  padding: var(--spacing-xxs) var(--spacing-sm);
11
11
  font-weight: ${({isActive:e})=>e&&"var(--font-weight-medium)"};
12
- `,Title=styled_components_1.default.button`
12
+ `,Title=(0,styled_components_1.default)(theme_1.Button)`
13
13
  margin-right: var(--spacing-unit);
14
- cursor: default;
15
- background: none;
16
- border: none;
17
- padding: 0;
18
- color: var(--text-color-primary);
19
- font-size: var(--font-size-base);
20
- line-height: var(--line-height-base);
21
- font-family: var(--font-family-base);
22
14
  `,StyledDropdown=(0,styled_components_1.default)(theme_1.Dropdown)`
23
15
  ${Title} {
24
16
  cursor: pointer;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
2
3
  kind?: string | undefined;
3
4
  }, never>;
@@ -19,4 +20,7 @@ export declare const ExampleValue: import("styled-components").StyledComponent<"
19
20
  export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
20
21
  export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
21
22
  export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
22
- export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
23
+ export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
24
+ variant: "link";
25
+ size: "small";
26
+ }, "variant" | "size">;
@@ -1,4 +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")),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
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
2
  button {
3
3
  background-color: transparent;
4
4
  border: 0;
@@ -100,13 +100,9 @@
100
100
  & + & {
101
101
  margin-left: 0;
102
102
  }
103
- `,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=styled_components_1.default.button`
104
- background-color: transparent;
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"})))`
105
104
  padding: 0;
106
- color: var(--button-content-color-primary);
107
- border-radius: var(--border-radius);
108
105
  font-size: var(--font-size-sm);
109
106
  line-height: var(--line-height-sm);
110
- font-weight: var(--font-weight-regular);
111
107
  `;
112
108
  //# sourceMappingURL=fields.js.map
@@ -1069,7 +1069,7 @@
1069
1069
  color: grey;
1070
1070
  }
1071
1071
  `}
1072
- `},4939:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CodeBlockControls=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(1424),l=r(5001),s=r(4554),c=r(3907),u=r(7859),d=r(9125),p=r(5854),f=r(2159),h=r(1664);t.CodeBlockControls=function({children:e,className:t,title:r,controls:n,tabs:a}){var w,k,x,_,C;const{codeSnippet:S}=(0,l.useThemeConfig)(),{useTelemetry:E}=(0,l.useThemeHooks)(),O=E(),j=(null==S?void 0:S.elementFormat)||"icon",{copy:P,expand:M,collapse:L,select:D,deselect:T,report:A}=n||{copy:null,expand:null,collapse:null,select:null,deselect:null,report:null},I=n?o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(g,null,r),a&&o.default.createElement((()=>o.default.createElement(v,null,null==a?void 0:a.files.map((({name:e})=>{const t=e===a.activeTabName;return o.default.createElement(y,{active:t,key:e,onClick:()=>{a.handleTabSwitch(e)}},o.default.createElement(p.DocumentBlankIcon,null),e)})))),null),o.default.createElement(b,null,A&&!(null===(w=null==A?void 0:A.props)||void 0===w?void 0:w.hide)?o.default.createElement(h.Button,Object.assign({"data-cy":"report-button","data-testid":"report-button",icon:"icon"===j?o.default.createElement(f.WarningSquareIcon,{size:"18px"}):void 0,size:"small",variant:"ghost"},A.props),"icon"!=j&&((null===(k=A.props)||void 0===k?void 0:k.buttonText)||"Report")):null,M&&!(null===(x=null==S?void 0:S.expand)||void 0===x?void 0:x.hide)?o.default.createElement(h.Button,{"data-cy":"expand-all","data-testid":"expand-all",icon:"icon"===j?o.default.createElement(c.MaximizeIcon,null):void 0,onClick:null==M?void 0:M.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==M?void 0:M.label)?M.label:"Expand all"):null,L&&!(null===(_=null==S?void 0:S.collapse)||void 0===_?void 0:_.hide)?o.default.createElement(h.Button,{"data-cy":"collapse-all","data-testid":"collapse-all",icon:"icon"===j?o.default.createElement(u.MinimizeIcon,null):void 0,onClick:null==L?void 0:L.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==M?void 0:M.label)?M.label:"Collapse all"):null,D?o.default.createElement(h.Button,{"data-cy":"select-all","data-testid":"select-all",icon:"icon"===j?o.default.createElement(d.SelectIcon,null):void 0,onClick:null==D?void 0:D.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==D?void 0:D.label)?D.label:"Select all"):null,T?o.default.createElement(h.Button,{"data-cy":"clear-all","data-testid":"clear-all",icon:"icon"===j?o.default.createElement(s.DeselectIcon,null):void 0,onClick:null==T?void 0:T.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==T?void 0:T.label)?T.label:"Clear all"):null,P&&!(null===(C=null==S?void 0:S.copy)||void 0===C?void 0:C.hide)?o.default.createElement(i.CopyButton,{data:P.data,"data-source":P.dataSource,"data-hash":P.dataHash,type:j,toasterPlacement:P.toasterPlacement,toasterDuration:P.toasterDuration,buttonText:P.label,onCopyClick:()=>{null==P||P.onClick,O.send("code_snippet_copied",{})}}):null)):null;return e||n?o.default.createElement(m,{"data-component-name":"CodeBlock/CodeBlockControls",className:t},e||I):null};const m=a.default.div`
1072
+ `},4939:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CodeBlockControls=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(1424),l=r(5001),s=r(4554),c=r(3907),u=r(7859),d=r(9125),p=r(5854),f=r(2159),h=r(1664);t.CodeBlockControls=function({children:e,className:t,title:r,controls:n,tabs:a}){var h,k,x,_,C;const{codeSnippet:S}=(0,l.useThemeConfig)(),{useTelemetry:E}=(0,l.useThemeHooks)(),O=E(),j=(null==S?void 0:S.elementFormat)||"icon",{copy:P,expand:M,collapse:L,select:D,deselect:T,report:A}=n||{copy:null,expand:null,collapse:null,select:null,deselect:null,report:null},I=n?o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(g,null,r),a&&o.default.createElement((()=>o.default.createElement(v,null,null==a?void 0:a.files.map((({name:e})=>{const t=e===a.activeTabName;return o.default.createElement(y,{active:t,key:e,onClick:()=>{a.handleTabSwitch(e)}},o.default.createElement(p.DocumentBlankIcon,null),e)})))),null),o.default.createElement(b,null,A&&!(null===(h=null==A?void 0:A.props)||void 0===h?void 0:h.hide)?o.default.createElement(w,Object.assign({variant:"ghost",size:"small","data-cy":"report-button","data-testid":"report-button",icon:"icon"===j?o.default.createElement(f.WarningSquareIcon,{size:"18px"}):void 0},A.props),"icon"!=j&&((null===(k=A.props)||void 0===k?void 0:k.buttonText)||"Report")):null,M&&!(null===(x=null==S?void 0:S.expand)||void 0===x?void 0:x.hide)?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"expand-all","data-testid":"expand-all",icon:"icon"===j?o.default.createElement(c.MaximizeIcon,null):void 0,onClick:null==M?void 0:M.onClick},"icon"!==j&&((null==M?void 0:M.label)||"Expand all")):null,L&&!(null===(_=null==S?void 0:S.collapse)||void 0===_?void 0:_.hide)?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"collapse-all","data-testid":"collapse-all",icon:"icon"===j?o.default.createElement(u.MinimizeIcon,null):void 0,onClick:null==L?void 0:L.onClick},"icon"!==j&&((null==M?void 0:M.label)||"Collapse all")):null,D?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"select-all","data-testid":"select-all",icon:"icon"===j?o.default.createElement(d.SelectIcon,null):void 0,onClick:null==D?void 0:D.onClick},"icon"!==j&&(null==D?void 0:D.label)?D.label:"Select all"):null,T?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"clear-all","data-testid":"clear-all",icon:"icon"===j?o.default.createElement(s.DeselectIcon,null):void 0,onClick:null==T?void 0:T.onClick},"icon"!==j&&(null==T?void 0:T.label)?T.label:"Clear all"):null,P&&!(null===(C=null==S?void 0:S.copy)||void 0===C?void 0:C.hide)?o.default.createElement(i.CopyButton,{data:P.data,"data-source":P.dataSource,"data-hash":P.dataHash,type:j,toasterPlacement:P.toasterPlacement,toasterDuration:P.toasterDuration,buttonText:P.label,onCopyClick:()=>{null==P||P.onClick,O.send("code_snippet_copied",{})}}):null)):null;return e||n?o.default.createElement(m,{"data-component-name":"CodeBlock/CodeBlockControls",className:t},e||I):null};const m=a.default.div`
1073
1073
  display: flex;
1074
1074
  justify-content: end;
1075
1075
  background-color: var(--code-block-controls-background-color);
@@ -1107,6 +1107,10 @@
1107
1107
  background: var(--color-primary-bg-hover);
1108
1108
  border: none;
1109
1109
  }
1110
+ `,w=(0,a.default)(h.Button)`
1111
+ & + & {
1112
+ margin-left: 0;
1113
+ }
1110
1114
  `},8658:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.code=void 0;const n=r(5404);t.code=n.css`
1111
1115
  /**
1112
1116
  * @tokens Code base styles
@@ -5058,11 +5062,9 @@
5058
5062
  line-height: 0;
5059
5063
  `,s=a.default.a`
5060
5064
  display: inline-block;
5061
- `},8510:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StatusCode=void 0;const o=n(r(5404));t.StatusCode=o.default.button`
5062
- background: none;
5063
- padding: 0;
5064
- display: flex;
5065
- align-items: center;
5065
+ `},8510:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StatusCode=void 0;const o=n(r(5404)),a=r(8732);t.StatusCode=(0,o.default)(a.Button).attrs((()=>({variant:"ghost"})))`
5066
+ gap: 0;
5067
+ border: 0;
5066
5068
 
5067
5069
  &:before {
5068
5070
  display: inline-block;
@@ -5923,6 +5925,13 @@
5923
5925
  --tab-bg-color-filled: var(--color-warm-grey-4); // @presenter Color
5924
5926
  --tab-content-color-disabled: var(--color-warm-grey-4); // @presenter Color
5925
5927
 
5928
+ /**
5929
+ * @tokens Dropdown Colors
5930
+ * @presenter Color
5931
+ */
5932
+
5933
+ --dropdown-content-color-default: var(--color-warm-grey-8); // @presenter Color
5934
+
5926
5935
  /**
5927
5936
  * @tokens API Reference Schema Required styles
5928
5937
  */
@@ -7158,6 +7167,7 @@
7158
7167
  fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
7159
7168
  }
7160
7169
 
7170
+ flex-shrink: 0;
7161
7171
  height: ${({size:e})=>e||"16px"};
7162
7172
  width: ${({size:e})=>e||"16px"};
7163
7173
  `},8624:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ChevronLeftIcon=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(796);t.ChevronLeftIcon=(0,a.default)((e=>o.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.default.createElement("path",{d:"M5 8L10 3L10.7 3.7L6.4 8L10.7 12.3L10 13L5 8Z"})))).attrs((()=>({"data-component-name":"icons/ChevronLeftIcon/ChevronLeftIcon"})))`
@@ -7185,6 +7195,7 @@
7185
7195
  fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
7186
7196
  }
7187
7197
 
7198
+ flex-shrink: 0;
7188
7199
  height: ${({size:e})=>e||"16px"};
7189
7200
  width: ${({size:e})=>e||"16px"};
7190
7201
  `},3280:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CircleDashIcon=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(796);t.CircleDashIcon=(0,a.default)((e=>o.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.default.createElement("path",{d:"M3.84997 2.35009C3.27647 2.79018 2.77103 3.31247 2.34997 3.90009L3.14997 4.50009C3.5172 3.99081 3.9549 3.53627 4.44997 3.15009L3.84997 2.35009Z"}),o.default.createElement("path",{d:"M2.29997 6.15009L1.34997 5.85009C1.10845 6.54077 0.98999 7.26847 0.999972 8.00009H1.99997C1.99794 7.37116 2.09929 6.74616 2.29997 6.15009Z"}),o.default.createElement("path",{d:"M1.34997 10.2001C1.58185 10.8973 1.91909 11.5549 2.34997 12.1501L3.14997 11.5501C2.78851 11.044 2.50221 10.4882 2.29997 9.90009L1.34997 10.2001Z"}),o.default.createElement("path",{d:"M3.89997 13.6501C4.49514 14.081 5.15275 14.4182 5.84997 14.6501L6.14997 13.7001C5.56184 13.4979 5.00608 13.2116 4.49997 12.8501L3.89997 13.6501Z"}),o.default.createElement("path",{d:"M5.84997 1.35009L6.14997 2.30009C6.74604 2.09942 7.37103 1.99806 7.99997 2.00009V1.00009C7.26835 0.990112 6.54065 1.10858 5.84997 1.35009Z"}),o.default.createElement("path",{d:"M12.1 13.6501C12.6889 13.2111 13.211 12.689 13.65 12.1001L12.85 11.5001C12.4781 12.022 12.0219 12.4783 11.5 12.8501L12.1 13.6501Z"}),o.default.createElement("path",{d:"M13.7 9.85009L14.65 10.1501C14.8675 9.45352 14.9853 8.72968 15 8.00009H14C14.002 8.62903 13.9007 9.25403 13.7 9.85009Z"}),o.default.createElement("path",{d:"M14.6 5.80009C14.3681 5.10288 14.0309 4.44526 13.6 3.85009L12.8 4.45009C13.1614 4.9562 13.4477 5.51196 13.65 6.10009L14.6 5.80009Z"}),o.default.createElement("path",{d:"M12.05 2.30009C11.4548 1.86921 10.7972 1.53197 10.1 1.30009L9.79997 2.25009C10.3881 2.45233 10.9439 2.73863 11.45 3.10009L12.05 2.30009Z"}),o.default.createElement("path",{d:"M10.15 14.6501L9.84997 13.7001C9.25391 13.9008 8.62891 14.0021 7.99997 14.0001V15.0001C8.72667 14.9568 9.44706 14.8395 10.15 14.6501Z"})))).attrs((()=>({"data-component-name":"icons/CircleDashIcon/CircleDashIcon"})))`
@@ -10,8 +10,7 @@ import React,{memo}from"react";import{PanelHeader,Panel}from"@redocly/theme";imp
10
10
  `,StyledPanelHeader=styled(PanelHeader)`
11
11
  flex-wrap: nowrap;
12
12
  `,StyledServerListDropdown=styled(ServerListDropdown)`
13
- width: calc(100% - 60px);
14
13
  padding-right: var(--spacing-base);
15
- max-width: fit-content;
14
+ min-width: 0;
16
15
  `;
17
16
  //# sourceMappingURL=CallbackSamples.js.map