@redocly/reference-docs 3.0.0-alpha.1 → 3.0.0-alpha.4

package/lib/redoc-lib/src/common-elements/LinkToField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),linkify_1=require("./linkify"),helpers_1=require("../../../services/history/helpers"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),l=react_1.default.useState(!1),r=l[0],s=l[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(r?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),helpers_1=require("../../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),l=react_1.default.useState(!1),r=l[0],s=l[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(r?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
 //# sourceMappingURL=LinkToField.js.map

package/lib/redoc-lib/src/common-elements/fields-layout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),mixins_1=require("./mixins"),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"field"!==n.kind?"font-style: italic":""}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("field-name"),e)}return(0,theme_helpers_1.typography)("field-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils"),mixins_1=require("./mixins");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"patternProperties"===n.kind&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "],["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "])))}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("field-name"),e)}return(0,theme_helpers_1.typography)("field-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
 //# sourceMappingURL=fields-layout.js.map

package/lib/redoc-lib/src/common-elements/fields.d.ts

@@ -7,6 +7,7 @@ export declare const TypeName: import("styled-components").StyledComponent<"span
 export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/redoc-lib/src/common-elements/fields.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.RecursiveLabel=exports.RequiredLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_layout_1=require("./fields-layout"),icons_1=require("./icons"),utils_1=require("../utils"),styled_components_2=require("styled-components");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"],["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"])),icons_1.ShelfIcon,(function(){var e=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){var t="\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: "+e+";\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    ";return(0,styled_components_2.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,utils_1.typography)("field-name"),t)}return(0,utils_1.typography)("field-name")})),exports.FieldLabel=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"],["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"]))),exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"]))),exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"]))),exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"],["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"]))),exports.TypeFormat=exports.TypeName,exports.RequiredLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"],["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"]))),exports.RecursiveLabel=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"],["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"]))),exports.ExampleValue=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"])),(0,utils_1.typography)("field-example")),exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)([""],[""]))),exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"])),(0,utils_1.typography)("field-constraint")),exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)([""],[""]))),exports.ToggleButton=styled_components_1.default.button(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.RecursiveLabel=exports.PropertyLabel=exports.RequiredLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),utils_1=require("../utils"),fields_layout_1=require("./fields-layout"),icons_1=require("./icons");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0 10px 0 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"],["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0 10px 0 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"])),icons_1.ShelfIcon,(function(){var e=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){var t="\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: "+e+";\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    ";return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,utils_1.typography)("field-name"),t)}return(0,utils_1.typography)("field-name")})),exports.FieldLabel=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"],["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"]))),exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"]))),exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"]))),exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"],["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"]))),exports.TypeFormat=exports.TypeName,exports.RequiredLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"],["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"]))),exports.PropertyLabel=(0,styled_components_1.default)(exports.RequiredLabel)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-content-secondary);\n"],["\n  color: var(--color-content-secondary);\n"]))),exports.RecursiveLabel=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"],["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"]))),exports.ExampleValue=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"])),(0,utils_1.typography)("field-example")),exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)([""],[""]))),exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldLabel)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"])),(0,utils_1.typography)("field-constraint")),exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)([""],[""]))),exports.ToggleButton=styled_components_1.default.button(templateObject_14||(templateObject_14=(0,tslib_1.__makeTemplateObject)(["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"])));
 //# sourceMappingURL=fields.js.map

package/lib/redoc-lib/src/common-elements/headers.d.ts

@@ -1,5 +1,8 @@
 export declare const H1: import("styled-components").StyledComponent<"h1", any, {}, never>;
 export declare const H2: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const H3: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const H3: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const H4: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const H5: import("styled-components").StyledComponent<"h5", any, {}, never>;
+export declare const H6: import("styled-components").StyledComponent<"h6", any, {}, never>;
 export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

package/lib/redoc-lib/src/common-elements/headers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=exports.H3=exports.H2=exports.H1=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),utils_1=require("../utils");exports.H1=styled_components_1.default.h1(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 25px;\n\n  ",";\n"],["\n  margin: 0 0 25px;\n\n  ",";\n"])),(0,utils_1.typography)("h1","h")),exports.H2=styled_components_1.default.h2(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 20px;\n\n  ",";\n"],["\n  margin: 0 0 20px;\n\n  ",";\n"])),(0,utils_1.typography)("h2","h")),exports.H3=styled_components_1.default.h2(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(0,utils_1.typography)("h3","h")),exports.SamplesPanelHeader=styled_components_1.default.h3(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"],["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"])),(0,utils_1.typography)("right-panel-header")),exports.FieldsGroupHeader=styled_components_1.default.h5(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"],["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),utils_1=require("../utils");exports.H1=styled_components_1.default.h1(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 25px;\n\n  ",";\n"],["\n  margin: 0 0 25px;\n\n  ",";\n"])),(0,utils_1.typography)("h1","h")),exports.H2=styled_components_1.default.h2(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 20px;\n\n  ",";\n"],["\n  margin: 0 0 20px;\n\n  ",";\n"])),(0,utils_1.typography)("h2","h")),exports.H3=styled_components_1.default.h3(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 15px;\n\n  ",";\n"],["\n  margin: 0 0 15px;\n\n  ",";\n"])),(0,utils_1.typography)("h3","h")),exports.H4=styled_components_1.default.h4(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 10px;\n\n  ",";\n"],["\n  margin: 0 0 10px;\n\n  ",";\n"])),(0,utils_1.typography)("h4","h")),exports.H5=styled_components_1.default.h5(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 5px;\n\n  ",";\n"],["\n  margin: 0 0 5px;\n\n  ",";\n"])),(0,utils_1.typography)("h5","h")),exports.H6=styled_components_1.default.h6(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 0;\n\n  ",";\n"],["\n  margin: 0 0 0;\n\n  ",";\n"])),(0,utils_1.typography)("h6","h")),exports.SamplesPanelHeader=styled_components_1.default.h3(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"],["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"])),(0,utils_1.typography)("right-panel-header")),exports.FieldsGroupHeader=styled_components_1.default.h5(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"],["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"])));
 //# sourceMappingURL=headers.js.map

package/lib/redoc-lib/src/common-elements/icons.d.ts

@@ -6,6 +6,7 @@ export interface ShelfIconProps {
     color?: string;
     direction: 'left' | 'right' | 'up' | 'down';
     style?: React.CSSProperties;
+    mr?: string;
 }
 export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: ShelfIconProps) => JSX.Element, any, {}, never>;
 export declare const CrossIcon: import("styled-components").StyledComponent<({ className }: {

package/lib/redoc-lib/src/common-elements/linkify.d.ts

@@ -1,11 +1,12 @@
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { FlattenSimpleInterpolation } from 'styled-components';
 export declare function userIsForcingNavigation(event: React.MouseEvent): boolean;
 export declare const linkifyMixin: (className: string, size: string) => FlattenSimpleInterpolation;
 export declare function Link(props: PropsWithChildren<{
     to: string;
     className?: string;
+    security?: boolean;
 }>): JSX.Element | null;
 export declare function ShareLink(props: {
     to: string;

package/lib/redoc-lib/src/common-elements/linkify.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLink=exports.Link=exports.linkifyMixin=exports.userIsForcingNavigation=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),StoreBuilder_1=require("../components/StoreBuilder"),utils_1=require("../utils"),icons_1=require("./icons");function userIsForcingNavigation(n){return 0!==n.button||n.altKey||n.ctrlKey||n.metaKey||n.shiftKey}exports.userIsForcingNavigation=userIsForcingNavigation;var linkifyMixin=function(n,i){return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    cursor: pointer;\n    line-height: inherit;\n    display: inline-block;\n    outline: 0;\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-100%);\n  }\n\n  "," "," {\n    width: ",";\n    height: ",";\n    visibility: hidden;\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  h1:hover\n    > ","\n    ",",\n    h2:hover\n    > ","\n    ",",\n    ",":hover\n    "," {\n    visibility: visible;\n  }\n\n  ",":focus "," {\n    visibility: visible;\n  }\n"],["\n  "," {\n    cursor: pointer;\n    line-height: inherit;\n    display: inline-block;\n    outline: 0;\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-100%);\n  }\n\n  "," "," {\n    width: ",";\n    height: ",";\n    visibility: hidden;\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  h1:hover\n    > ","\n    ",",\n    h2:hover\n    > ","\n    ",",\n    ",":hover\n    "," {\n    visibility: visible;\n  }\n\n  ",":focus "," {\n    visibility: visible;\n  }\n"])),n,n,icons_1.LinkIcon,i,i,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon)};function Link(n){var i,e,t,l,r,o=(0,react_1.useCallback)((function(i,e){e.defaultPrevented||userIsForcingNavigation(e)||(e.preventDefault(),i.replace(encodeURI(n.to)))}),[n.to]),s=(0,StoreBuilder_1.useStore)(),a=null===(e=null==s?void 0:(i=s.menu.history).linkForId)||void 0===e?void 0:e.call(i,n.to);return n.to.startsWith(utils_1.SECURITY_SCHEMES_SECTION_PREFIX)&&(null===(t=null==s?void 0:s.options.hooks)||void 0===t?void 0:t.replaceSecurityLink)&&(a=null===(r=null===(l=s.options.hooks)||void 0===l?void 0:l.replaceSecurityLink)||void 0===r?void 0:r.call(l,{securityRequirementId:n.to.replace(utils_1.SECURITY_SCHEMES_SECTION_PREFIX,"")})),a?react_1.default.createElement("a",{className:n.className,href:a,onClick:o.bind(this,null==s?void 0:s.menu.history),"aria-label":n.to},n.children):n.children?react_1.default.createElement("div",{className:n.className}," ",n.children," "):null}exports.linkifyMixin=linkifyMixin,exports.Link=Link;var templateObject_1,templateObject_2,StyledShareLink=(0,styled_components_1.default)(Link)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(0,exports.linkifyMixin)("&","18px"));function ShareLink(n){return react_1.default.createElement(StyledShareLink,{to:n.to},react_1.default.createElement(icons_1.LinkIcon,null))}exports.ShareLink=ShareLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLink=exports.Link=exports.linkifyMixin=exports.userIsForcingNavigation=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),StoreBuilder_1=require("../components/StoreBuilder"),icons_1=require("./icons");function userIsForcingNavigation(n){return 0!==n.button||n.altKey||n.ctrlKey||n.metaKey||n.shiftKey}exports.userIsForcingNavigation=userIsForcingNavigation;var linkifyMixin=function(n,e){return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    cursor: pointer;\n    line-height: inherit;\n    display: inline-block;\n    outline: 0;\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-100%);\n  }\n\n  "," "," {\n    width: ",";\n    height: ",";\n    visibility: hidden;\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  h1:hover\n    > ","\n    ",",\n    h2:hover\n    > ","\n    ",",\n    h3:hover\n    > ","\n    ",",\n    h4:hover\n    > ","\n    ",",\n    h5:hover\n    > ","\n    ",",\n    h6:hover\n    > ","\n    ",",\n    ",":hover\n    "," {\n    visibility: visible;\n  }\n\n  ",":focus "," {\n    visibility: visible;\n  }\n"],["\n  "," {\n    cursor: pointer;\n    line-height: inherit;\n    display: inline-block;\n    outline: 0;\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-100%);\n  }\n\n  "," "," {\n    width: ",";\n    height: ",";\n    visibility: hidden;\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  h1:hover\n    > ","\n    ",",\n    h2:hover\n    > ","\n    ",",\n    h3:hover\n    > ","\n    ",",\n    h4:hover\n    > ","\n    ",",\n    h5:hover\n    > ","\n    ",",\n    h6:hover\n    > ","\n    ",",\n    ",":hover\n    "," {\n    visibility: visible;\n  }\n\n  ",":focus "," {\n    visibility: visible;\n  }\n"])),n,n,icons_1.LinkIcon,e,e,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon,n,icons_1.LinkIcon)};function Link(n){var e,i,t,o,r=(0,react_1.useCallback)((function(e,i){i.defaultPrevented||userIsForcingNavigation(i)||(i.preventDefault(),e.replace(encodeURI(n.to)))}),[n.to]),l=(0,StoreBuilder_1.useStore)();if(n.security){var s=null===(e=null==l?void 0:l.options.hooks)||void 0===e?void 0:e.replaceSecurityLink;o=s&&s({securityRequirementId:n.to})}else o=null===(t=null==l?void 0:(i=l.menu.history).linkForId)||void 0===t?void 0:t.call(i,n.to);return o?react_1.default.createElement("a",{className:n.className,href:o,onClick:r.bind(this,null==l?void 0:l.menu.history),"aria-label":n.to},n.children):n.children?react_1.default.createElement("span",{className:n.className}," ",n.children," "):null}exports.linkifyMixin=linkifyMixin,exports.Link=Link;var templateObject_1,templateObject_2,StyledShareLink=(0,styled_components_1.default)(Link)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(0,exports.linkifyMixin)("&","18px"));function ShareLink(n){return react_1.default.createElement(StyledShareLink,{to:n.to},react_1.default.createElement(icons_1.LinkIcon,null))}exports.ShareLink=ShareLink;
 //# sourceMappingURL=linkify.js.map

package/lib/redoc-lib/src/common-elements/panels.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,tslib_1=require("tslib"),constants_1=require("../services/constants"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),store_types_1=require("../../../services/store-types");exports.SamplesMiddlePanel=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ","}\n"],["\n  ","}\n"])),(function(n){var t=n.compact,e=n.isStacked,a=n.theme,i=t?0:"var(--spacing-vertical)";return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n      width: 100%;\n      padding: "," var(--spacing-horizontal);\n\n      "," {\n        width: calc(100% - var(--samples-panel-width));\n        padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n        padding-top: 0;\n        padding-bottom: ",";\n      }\n\n      "," {\n        width: 100%;\n        padding-top: ",";\n        padding-bottom: ",";\n      }\n    "],["\n      width: 100%;\n      padding: "," var(--spacing-horizontal);\n\n      "," {\n        width: calc(100% - var(--samples-panel-width));\n        padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n        padding-top: 0;\n        padding-bottom: ",";\n      }\n\n      "," {\n        width: 100%;\n        padding-top: ",";\n        padding-bottom: ",";\n      }\n    "])),i,a.mediaQueries[a.showAtBreakpoint.samplesPanel],e?"var(--spacing-vertical)":0,a.mediaQueries.print,i,i)})),exports.Section=styled_components_1.default.div.attrs((function(n){var t;return(t={})[constants_1.SECTION_ATTR]=n.id,t}))(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  z-index: 1;\n  padding: 0;\n  width: 100%;\n  &:last-child {\n    min-height: calc(100vh + 1px);\n  }\n\n  & > &:last-child {\n    min-height: initial;\n  }\n  ","\n  ","\n"],["\n  z-index: 1;\n  padding: 0;\n  width: 100%;\n  &:last-child {\n    min-height: calc(100vh + 1px);\n  }\n\n  & > &:last-child {\n    min-height: initial;\n  }\n  ","\n  ","\n"])),(function(n){var t=n.theme;return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n\n    "," {\n      padding: 0;\n    }\n  "],["\n    "," {\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n\n    "," {\n      padding: 0;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}),(function(n){return n.underlined&&(0,styled_components_1.css)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n      position: relative;\n\n      &:not(:last-of-type):after {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        content: '';\n        border-bottom: 1px solid var(--global-border-color);\n      }\n    "],["\n      position: relative;\n\n      &:not(:last-of-type):after {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        content: '';\n        border-bottom: 1px solid var(--global-border-color);\n      }\n    "])))})),exports.SamplesPanel=styled_components_1.default.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--samples-panel-text-color);\n  width: 100%;\n  padding-top: var(--spacing-vertical);\n  padding-bottom: var(--spacing-vertical);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n\n  ","\n"],["\n  color: var(--samples-panel-text-color);\n  width: 100%;\n  padding-top: var(--spacing-vertical);\n  padding-bottom: var(--spacing-vertical);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n\n  ","\n"])),(function(n){var t=n.theme;return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      width: var(--samples-panel-width);\n      padding-top: 0;\n      padding-bottom: 0;\n      padding-left: var(--samples-panel-gap, var(--spacing-horizontal));\n    }\n\n    "," {\n      width: 100%;\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n  "],["\n    "," {\n      width: var(--samples-panel-width);\n      padding-top: 0;\n      padding-bottom: 0;\n      padding-left: var(--samples-panel-gap, var(--spacing-horizontal));\n    }\n\n    "," {\n      width: 100%;\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)})),exports.Row=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n\n  ","\n"])),(function(n){var t=n.theme,e=n.layout;return(0,styled_components_1.css)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      flex-direction: ",";\n    }\n\n    "," {\n      flex-direction: column;\n    }\n  "],["\n    "," {\n      flex-direction: ",";\n    }\n\n    "," {\n      flex-direction: column;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],e!==store_types_1.LayoutVariant.STACKED?"row":"column",t.mediaQueries.print)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),constants_1=require("../services/constants"),store_types_1=require("../../../services/store-types");exports.SamplesMiddlePanel=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ","}\n"],["\n  ","}\n"])),(function(n){var t=n.compact,e=n.isStacked,a=n.theme,i=t?0:"var(--spacing-vertical)";return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n      width: 100%;\n      padding: "," var(--spacing-horizontal);\n\n      "," {\n        width: calc(100% - var(--samples-panel-width));\n        padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n        padding-top: 0;\n        padding-bottom: ",";\n      }\n\n      "," {\n        width: 100%;\n        padding-top: ",";\n        padding-bottom: ",";\n      }\n    "],["\n      width: 100%;\n      padding: "," var(--spacing-horizontal);\n\n      "," {\n        width: calc(100% - var(--samples-panel-width));\n        padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n        padding-top: 0;\n        padding-bottom: ",";\n      }\n\n      "," {\n        width: 100%;\n        padding-top: ",";\n        padding-bottom: ",";\n      }\n    "])),i,a.mediaQueries[a.showAtBreakpoint.samplesPanel],e?"var(--spacing-vertical)":0,a.mediaQueries.print,i,i)})),exports.Section=styled_components_1.default.div.attrs((function(n){var t;return(t={})[constants_1.SECTION_ATTR]=n.id,t}))(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  z-index: 1;\n  padding: 0;\n  width: 100%;\n  &:last-child {\n    min-height: calc(100vh + 1px);\n  }\n\n  & > &:last-child {\n    min-height: initial;\n  }\n  ","\n  ","\n"],["\n  z-index: 1;\n  padding: 0;\n  width: 100%;\n  &:last-child {\n    min-height: calc(100vh + 1px);\n  }\n\n  & > &:last-child {\n    min-height: initial;\n  }\n  ","\n  ","\n"])),(function(n){var t=n.theme;return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n\n    "," {\n      padding: 0;\n    }\n  "],["\n    "," {\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n\n    "," {\n      padding: 0;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}),(function(n){return n.underlined&&(0,styled_components_1.css)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n      position: relative;\n\n      &:not(:last-of-type):after {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        content: '';\n        border-bottom: 1px solid var(--global-border-color);\n      }\n    "],["\n      position: relative;\n\n      &:not(:last-of-type):after {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        content: '';\n        border-bottom: 1px solid var(--global-border-color);\n      }\n    "])))})),exports.SamplesPanel=styled_components_1.default.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--samples-panel-text-color);\n  width: 100%;\n  padding-top: var(--spacing-vertical);\n  padding-bottom: var(--spacing-vertical);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n\n  ","\n"],["\n  color: var(--samples-panel-text-color);\n  width: 100%;\n  padding-top: var(--spacing-vertical);\n  padding-bottom: var(--spacing-vertical);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n\n  ","\n"])),(function(n){var t=n.theme;return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      width: var(--samples-panel-width);\n      padding-top: 0;\n      padding-bottom: 0;\n      padding-left: var(--samples-panel-gap, var(--spacing-horizontal));\n    }\n\n    "," {\n      width: 100%;\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n  "],["\n    "," {\n      width: var(--samples-panel-width);\n      padding-top: 0;\n      padding-bottom: 0;\n      padding-left: var(--samples-panel-gap, var(--spacing-horizontal));\n    }\n\n    "," {\n      width: 100%;\n      padding-top: var(--spacing-vertical);\n      padding-bottom: var(--spacing-vertical);\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)})),exports.Row=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n\n  ","\n"])),(function(n){var t=n.theme,e=n.layout;return(0,styled_components_1.css)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n    "," {\n      flex-direction: ",";\n    }\n\n    "," {\n      flex-direction: column;\n    }\n  "],["\n    "," {\n      flex-direction: ",";\n    }\n\n    "," {\n      flex-direction: column;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],e!==store_types_1.LayoutVariant.STACKED?"row":"column",t.mediaQueries.print)}));
 //# sourceMappingURL=panels.js.map

package/lib/redoc-lib/src/common-elements/perfect-scrollbar.d.ts

@@ -1,6 +1,6 @@
-import type { PropsWithChildren } from 'react';
 import React from 'react';
 import type PerfectScrollbarType from 'perfect-scrollbar';
+import type { PropsWithChildren } from 'react';
 export interface PerfectScrollbarProps {
     options?: PerfectScrollbarType.Options;
     className?: string;

package/lib/redoc-lib/src/components/ApiInfo/ApiInfo.d.ts

@@ -3,4 +3,4 @@ import type { ProStore } from '../../../../services';
 export interface ApiInfoProps {
     store: ProStore;
 }
-export declare const ApiInfo: (props: ApiInfoProps) => JSX.Element;
+export declare const ApiInfo: ({ store }: ApiInfoProps) => JSX.Element;

package/lib/redoc-lib/src/components/ApiInfo/ApiInfo.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements/"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown/Markdown"),styled_elements_1=require("../Markdown/styled.elements"),styled_elements_2=require("./styled.elements"),DownloadButton_1=require("../DownloadButton");exports.ApiInfo=(0,mobx_react_1.observer)((function(e){var t=e.store,n=t.definition,l=n.info,a=n.externalDocs,r=t.options.hideDownloadButton,o=l.license&&React.createElement(styled_elements_2.InfoSpan,null,"License:"," ",l.license.identifier?l.license.identifier:React.createElement("a",{href:l.license.url},l.license.name))||null,c=l.contact&&l.contact.url&&React.createElement(styled_elements_2.InfoSpan,null,"URL: ",React.createElement("a",{href:l.contact.url},l.contact.url))||null,i=l.contact&&l.contact.email&&React.createElement(styled_elements_2.InfoSpan,null,l.contact.name||"E-mail",":"," ",React.createElement("a",{href:"mailto:"+l.contact.email},l.contact.email))||null,m=l.termsOfService&&React.createElement(styled_elements_2.InfoSpan,null,React.createElement("a",{href:l.termsOfService},"Terms of Service"))||null,s=l.version&&React.createElement("span",null,"(",l.version,")")||null;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,null,React.createElement(common_elements_1.SamplesMiddlePanel,{className:"api-info"},React.createElement(styled_elements_2.ApiHeader,null,l.title," ",s),!r&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:t,wrapped:!0}),React.createElement(styled_elements_1.StyledMarkdownBlock,null,(l.license||l.contact||l.termsOfService)&&React.createElement(styled_elements_2.InfoSpanBoxWrap,null,React.createElement(styled_elements_2.InfoSpanBox,null,i," ",c," ",o," ",m))||null),React.createElement(Markdown_1.Markdown,{source:t.definition.info.summary,"data-role":"redoc-summary"}),React.createElement(Markdown_1.Markdown,{source:t.definition.info.description,"data-role":"redoc-description"}),a&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a}))))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements/"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown"),DownloadButton_1=require("../DownloadButton"),styled_elements_1=require("./styled.elements");exports.ApiInfo=(0,mobx_react_1.observer)((function(e){var t=e.store,n=t.definition,l=n.info,a=n.externalDocs,r=t.options,c=l.license&&React.createElement(styled_elements_1.InfoSpan,null,"License:"," ",l.license.identifier?l.license.identifier:React.createElement("a",{href:l.license.url},l.license.name))||null,o=l.contact&&l.contact.url&&React.createElement(styled_elements_1.InfoSpan,null,"URL: ",React.createElement("a",{href:l.contact.url},l.contact.url))||null,m=l.contact&&l.contact.email&&React.createElement(styled_elements_1.InfoSpan,null,l.contact.name||"E-mail",":"," ",React.createElement("a",{href:"mailto:"+l.contact.email},l.contact.email))||null,i=l.termsOfService&&React.createElement(styled_elements_1.InfoSpan,null,React.createElement("a",{href:l.termsOfService},"Terms of Service"))||null,s=l.version&&React.createElement("span",null,"(",l.version,")")||null;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,null,React.createElement(common_elements_1.SamplesMiddlePanel,{className:"api-info"},React.createElement(styled_elements_1.ApiHeader,null,l.title," ",s),!r.hideDownloadButton&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:t,wrapped:!0}),React.createElement(Markdown_1.StyledMarkdownBlock,null,(l.license||l.contact||l.termsOfService)&&React.createElement(styled_elements_1.InfoSpanBoxWrap,null,React.createElement(styled_elements_1.InfoSpanBox,null,m," ",o," ",c," ",i))||null),React.createElement(Markdown_1.Markdown,{source:l.summary,"data-role":"redoc-summary"}),React.createElement(Markdown_1.Markdown,{source:l.description,"data-role":"redoc-description"}),a&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a}))))}));
 //# sourceMappingURL=ApiInfo.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSampleWrapper=exports.CallbackPayloadSample=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),CallbackPayloadSample=function(e){function a(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(a,e),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callback.payload;return e?React.createElement(exports.PayloadSampleWrapper,null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.requestBodyContent})):null}}),a}(React.Component);exports.CallbackPayloadSample=CallbackPayloadSample,exports.PayloadSampleWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 15px;\n"],["\n  margin-top: 15px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSampleWrapper=exports.CallbackPayloadSample=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CallbackPayloadSample=function(e){function a(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(a,e),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callback.payload;return e?React.createElement(exports.PayloadSampleWrapper,null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.requestBodyContent})):null}}),a}(React.Component);exports.CallbackPayloadSample=CallbackPayloadSample,exports.PayloadSampleWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 15px;\n"],["\n  margin-top: 15px;\n"])));
 //# sourceMappingURL=CallbackReqSamples.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),CallbackReqSamples_1=require("./CallbackReqSamples"),Dropdown_1=require("../../../../components/common/Dropdown"),__1=require("../../.."),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var a=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:a},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),Dropdown_1=require("../../../../components/common/Dropdown"),components_1=require("../../components"),CallbackReqSamples_1=require("./CallbackReqSamples"),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(components_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var a=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:a},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples;
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/redoc-lib/src/components/Callbacks/CallbackDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Endpoint_1=require("../../../../components/Endpoint"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown/Markdown"),Parameters_1=require("../Parameters/Parameters"),ResponsesList_1=require("../Responses/ResponsesList"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),Panel_1=require("../../../../components/Panel"),Labels_1=require("../../services/Labels"),CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n,r=this.props.operation,a=r.description,s=r.externalDocs,i=!(!a&&!s);return React.createElement(React.Fragment,null,i&&React.createElement(Description,null,void 0!==a&&React.createElement(Markdown_1.Markdown,{source:a}),s&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s})),React.createElement(Endpoint_1.Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(r.extensions||{}).length?React.createElement(Extensions_1.Extensions,{extensions:r.extensions}):null,(null===(e=r.security)||void 0===e?void 0:e.length)||(null===(t=r.parameters)||void 0===t?void 0:t.length)||r.requestBody?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("request")},React.createElement(SecurityRequirement_1.SecurityRequirements,{securities:r.security}),React.createElement(Parameters_1.Parameters,{parameters:r.parameters,body:r.requestBody})):null,(null===(n=r.responses)||void 0===n?void 0:n.length)?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("callbackResponses")},React.createElement(ResponsesList_1.ResponsesList,{responses:r.responses})):null)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.CallbackDetails=CallbackDetails;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: calc(var(--spacing-unit) * 3);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 3);\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters/Parameters"),Responses_1=require("../Responses"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),Panel_1=require("../../../../components/Panel"),Labels_1=require("../../services/Labels"),Endpoint_1=require("../../../../components/Endpoint"),CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this.props.operation,r=n.description,a=n.externalDocs,s=!(!r&&!a);return React.createElement(React.Fragment,null,s&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown_1.Markdown,{source:r}),a&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a})),React.createElement(Endpoint_1.Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(n.extensions||{}).length?React.createElement(Extensions_1.Extensions,{extensions:n.extensions}):null,React.createElement(SecurityRequirement_1.SecurityRequirements,{securities:n.security}),(null===(e=n.parameters)||void 0===e?void 0:e.length)||n.requestBody?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("request")},React.createElement(Parameters_1.Parameters,{parameters:n.parameters,body:n.requestBody})):null,(null===(t=n.responses)||void 0===t?void 0:t.length)?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("callbackResponses")},React.createElement(Responses_1.ResponsesList,{responses:n.responses})):null)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.CallbackDetails=CallbackDetails;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: calc(var(--spacing-unit) * 3);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 3);\n"])));
 //# sourceMappingURL=CallbackDetails.js.map

package/lib/redoc-lib/src/components/Callbacks/CallbackOperation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),CallbackDetails_1=require("./CallbackDetails"),Panel_1=require("../../../../components/Panel"),CallbackSummary_1=require("./CallbackSummary"),CallbackOperation=function(e){var a=e.operation;return React.createElement(Panel_1.CallbackPanel,{header:function(e){var l=e.expanded,r=e.toggle;return React.createElement(CallbackSummary_1.CallbackSummary,{operation:a,toggle:r,expanded:l})},expanded:Boolean(a.expanded)},React.createElement(CallbackDetails_1.CallbackDetails,{operation:a}))};exports.CallbackOperation=CallbackOperation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),CallbackOperation=function(e){var a=e.operation;return React.createElement(Panel_1.CallbackPanel,{header:function(e){var l=e.expanded,r=e.toggle;return React.createElement(CallbackSummary_1.CallbackSummary,{operation:a,toggle:r,expanded:l})},expanded:Boolean(a.expanded)},React.createElement(CallbackDetails_1.CallbackDetails,{operation:a}))};exports.CallbackOperation=CallbackOperation;
 //# sourceMappingURL=CallbackOperation.js.map

package/lib/redoc-lib/src/components/Callbacks/CallbacksList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),CallbackOperation_1=require("./CallbackOperation"),CallbacksList=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callbacks;return e&&0!==e.length?React.createElement("div",null,e.map((function(e){return e.operations.map((function(t,r){return React.createElement(CallbackOperation_1.CallbackOperation,{key:e.name+"_"+r,operation:t})}))}))):null}}),t}(React.PureComponent);exports.CallbacksList=CallbacksList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),CallbackOperation_1=require("./CallbackOperation"),CallbacksList=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callbacks;return e&&0!==e.length?React.createElement("div",null,e.map((function(e){return e.operations.map((function(e){return React.createElement(CallbackOperation_1.CallbackOperation,{key:e.id,operation:e})}))}))):null}}),t}(React.PureComponent);exports.CallbacksList=CallbacksList;
 //# sourceMappingURL=CallbacksList.js.map

package/lib/redoc-lib/src/components/ContentItem/ContentItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ContentItemModel } from '../../services';
+import type { LayoutVariant, ProStore } from '../../../../services';
+interface ContentItemProps {
+    item: ContentItemModel;
+    store: ProStore;
+    layout?: LayoutVariant;
+}
+export declare const ContentItem: ({ item, store }: ContentItemProps) => JSX.Element;
+export {};

package/lib/redoc-lib/src/components/ContentItem/ContentItem.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importStar)(require("react")),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_elements_1=require("../../common-elements"),ContentItems_1=require("../ContentItems");exports.ContentItem=(0,mobx_react_1.observer)((function(e){var t=e.item,r=e.store,n=(0,react_1.useMemo)((function(){switch(t.type){case"group":return null;case"tag":case"section":default:return react_1.default.createElement(SectionItem_1.SectionItem,{item:t});case"operation":return react_1.default.createElement(OperationItem_1.OperationItem,{item:t,layout:r.layout})}}),[t,r.layout]);return react_1.default.createElement(react_1.default.Fragment,null,n&&react_1.default.createElement(common_elements_1.Section,{id:t.id,underlined:"operation"===t.type||"schema"===t.type},n),t.items&&Boolean(t.items.length)&&react_1.default.createElement(ContentItems_1.ContentItems,{items:t.items,store:r}))}));
+//# sourceMappingURL=ContentItem.js.map

package/lib/redoc-lib/src/components/ContentItem/index.d.ts

@@ -0,0 +1 @@
+export { ContentItem } from './ContentItem';

package/lib/redoc-lib/src/components/ContentItem/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});
+//# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/components/ContentItems/ContentItems.d.ts

@@ -1,28 +1,9 @@
-import React from 'react';
-import type { ContentItemModel } from '../../services/MenuBuilder';
-import type { OperationModel } from '../../services/models';
-import type { LayoutVariant } from '../../../../services/';
-import type { ProStore } from '../../../../services/ProStore';
+/// <reference types="react" />
+import type { ContentItemModel } from '../../services';
+import type { ProStore } from '../../../../services';
 interface ContentItemsProps {
     items: ContentItemModel[];
     store: ProStore;
 }
 export declare const ContentItems: ({ items, store }: ContentItemsProps) => JSX.Element | null;
-export interface ContentItemProps {
-    item: ContentItemModel;
-    store: ProStore;
-    layout?: LayoutVariant;
-}
-export declare class ContentItem extends React.Component<ContentItemProps> {
-    render(): JSX.Element;
-}
-export declare class SectionItem extends React.Component<ContentItemProps> {
-    render(): JSX.Element;
-}
-export declare class OperationItem extends React.Component<{
-    item: OperationModel;
-    layout?: LayoutVariant;
-}> {
-    render(): JSX.Element;
-}
 export {};

package/lib/redoc-lib/src/components/ContentItems/ContentItems.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=exports.SectionItem=exports.ContentItem=exports.ContentItems=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),AdvancedMarkdown_1=require("../Markdown/AdvancedMarkdown"),common_elements_1=require("../../common-elements"),Operation_1=require("../Operation/Operation"),utils_1=require("../../utils"),shimmer=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  100% {\n      transform: translateX(100%);\n  }\n"],["\n  100% {\n      transform: translateX(100%);\n  }\n"]))),SkeletonBox=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #eeeeee;\n  border-radius: var(--global-border-radius);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: "," 2s infinite;\n    content: '';\n  }\n"],["\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #eeeeee;\n  border-radius: var(--global-border-radius);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: "," 2s infinite;\n    content: '';\n  }\n"])),shimmer);function Skeleton(){return react_1.default.createElement(common_elements_1.Section,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,null,react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(SkeletonBox,{style:{width:"40%"}})),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"90%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"83%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}})))}var isInitialHydrate=!0;exports.ContentItems=(0,mobx_react_1.observer)((function(e){var t=e.items,n=e.store,a=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!n.options.disablePaginationLoadingAnimation),r=a[0],o=a[1];return(0,react_1.useEffect)((function(){setTimeout((function(){o(!1)}),200),isInitialHydrate=!1}),[]),(0,react_1.useEffect)((function(){n.options.disablePaginationLoadingAnimation||r||n.onDidMount()}),[r,n.options.disablePaginationLoadingAnimation]),t.length?react_1.default.createElement(react_1.default.Fragment,null,r?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(Skeleton,null)):t.map((function(e){return react_1.default.createElement(ContentItem,{key:e.id,item:e,store:n})}))):null}));var ContentItem=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.item,a=t.store;switch(n.type){case"group":e=null;break;case"tag":case"section":default:e=react_1.default.createElement(SectionItem,(0,tslib_1.__assign)({},this.props,{layout:a.layout}));break;case"operation":e=react_1.default.createElement(OperationItem,{item:n,layout:a.layout})}return react_1.default.createElement(react_1.default.Fragment,null,e&&react_1.default.createElement(common_elements_1.Section,{id:n.id,underlined:"operation"===n.type},e),n.items&&n.items.length&&react_1.default.createElement(exports.ContentItems,{items:n.items,store:a})||null)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(react_1.default.Component);exports.ContentItem=ContentItem;var middlePanelWrap=function(e){return react_1.default.createElement(common_elements_1.SamplesMiddlePanel,{compact:!0},e)},SectionItem=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.item,t=e.name,n=e.description,a=e.externalDocs,r=2===e.level?common_elements_1.H2:common_elements_1.H1;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_elements_1.Row,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,{compact:!1},react_1.default.createElement(r,null,react_1.default.createElement(common_elements_1.ShareLink,{to:this.props.item.id}),t))),react_1.default.createElement(AdvancedMarkdown_1.AdvancedMarkdown,{source:n||"",htmlWrap:middlePanelWrap}),a&&react_1.default.createElement(common_elements_1.Row,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,null,react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a}))))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(react_1.default.Component);exports.SectionItem=SectionItem;var templateObject_1,templateObject_2,OperationItem=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return react_1.default.createElement(Operation_1.Operation,{operation:this.props.item,layout:this.props.layout})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(react_1.default.Component);exports.OperationItem=OperationItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ContentItem_1=require("../ContentItem"),hooks_1=require("../../../../hooks"),Skeleton_1=require("./Skeleton"),isInitialHydrate=!0;exports.ContentItems=(0,mobx_react_1.observer)((function(e){var t=e.items,n=e.store,i=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!n.options.disablePaginationLoadingAnimation),o=i[0],r=i[1];return(0,hooks_1.useMount)((function(){setTimeout((function(){r(!1)}),200),isInitialHydrate=!1})),(0,react_1.useEffect)((function(){n.options.disablePaginationLoadingAnimation||o||n.onDidMount()}),[o,n.options.disablePaginationLoadingAnimation]),t.length?react_1.default.createElement(react_1.default.Fragment,null,o?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(Skeleton_1.Skeleton,null)):t.map((function(e){return react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,store:n})}))):null}));
 //# sourceMappingURL=ContentItems.js.map

package/lib/redoc-lib/src/components/ContentItems/Skeleton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Skeleton(): JSX.Element;

package/lib/redoc-lib/src/components/ContentItems/Skeleton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),common_elements_1=require("../../common-elements"),shimmer=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  100% {\n      transform: translateX(100%);\n  }\n"],["\n  100% {\n      transform: translateX(100%);\n  }\n"]))),SkeletonBox=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #eeeeee;\n  border-radius: var(--global-border-radius);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: "," 2s infinite;\n    content: '';\n  }\n"],["\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #eeeeee;\n  border-radius: var(--global-border-radius);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.2) 20%,\n      rgba(255, 255, 255, 0.5) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: "," 2s infinite;\n    content: '';\n  }\n"])),shimmer);function Skeleton(){return react_1.default.createElement(common_elements_1.Section,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,null,react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(SkeletonBox,{style:{width:"40%"}})),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"90%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"83%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}})))}exports.Skeleton=Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/lib/redoc-lib/src/components/ContentItems/index.d.ts

@@ -0,0 +1 @@
+export { ContentItems } from './ContentItems';

package/lib/redoc-lib/src/components/ContentItems/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}});
+//# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/components/ErrorBoundary.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 export declare class ErrorBoundary extends React.Component<PropsWithChildren<unknown>, {
     error?: Error;
 }> {

package/lib/redoc-lib/src/components/ExternalDocumentation/ExternalDocumentation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),styled_elements_1=require("../Markdown/styled.elements"),LinkWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  ","\n"],["\n  ",";\n  ","\n"])),styled_elements_1.linksCss,(function(e){return e.compact?"":"margin: 1em 0"})),ExternalDocumentation=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.externalDocs;return e&&e.url?React.createElement(LinkWrap,{compact:this.props.compact},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},e.description||e.url)):null}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.ExternalDocumentation=ExternalDocumentation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Markdown_1=require("../Markdown"),LinkWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  ","\n"],["\n  ",";\n  ","\n"])),Markdown_1.linksCss,(function(e){return e.compact?"":"margin: 1em 0"})),ExternalDocumentation=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.externalDocs;return e&&e.url?React.createElement(LinkWrap,{compact:this.props.compact},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},e.description||e.url)):null}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.ExternalDocumentation=ExternalDocumentation;
 //# sourceMappingURL=ExternalDocumentation.js.map

package/lib/redoc-lib/src/components/Fields/EnumValues.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),styled_elements_1=require("../Markdown/styled.elements"),Markdown_1=require("../Markdown/Markdown"),DescriptionEnumsBlock=(0,styled_components_1.default)(styled_elements_1.StyledMarkdownBlock)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  table {\n    margin-bottom: 0.2em;\n  }\n"],["\n  table {\n    margin-bottom: 0.2em;\n  }\n"]))),EnumValues=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),n.toggle=n.toggle.bind(n),n}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.values,n=e.type,l=this.state.collapsed,a=!Array.isArray(t),r=Array.isArray(t)&&t||Object.entries(t||{}).map((function(e){return{value:e[0],description:e[1]}})),o=this.context,i=o.enumSkipQuotes,c=o.maxDisplayedEnumValues;if(!r.length)return null;var u=this.state.collapsed&&c?r.slice(0,c):r,s=!!c&&r.length>c,m=c?l?"… "+(r.length-c)+" more":"Hide":"";return React.createElement(React.Fragment,null,a?React.createElement(DescriptionEnums,{enums:u,toggle:this.toggle,showToggleButton:s,toggleButtonText:m,type:n}):React.createElement(SimpleEnums,{enums:u,enumSkipQuotes:i,type:n,toggle:this.toggle,toggleButtonText:m,showToggleButton:s}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t}(React.PureComponent);function SimpleEnums(e){var t=e.enums,n=e.enumSkipQuotes,l=e.type,a=e.toggle,r=e.showToggleButton,o=e.toggleButtonText;return React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null,"array"===l?(0,Labels_1.l)("enumArray"):""," ",1===t.length?(0,Labels_1.l)("enumSingleValue"):(0,Labels_1.l)("enum"),":")," ",t.map((function(e,t){var l=n?String(e):JSON.stringify(e);return React.createElement(React.Fragment,{key:t},React.createElement(fields_1.ExampleValue,null,l)," ")})),r?React.createElement(ToggleButton,{onClick:a},o):null)}function DescriptionEnums(e){var t=e.enums,n=e.toggle,l=e.showToggleButton,a=e.toggleButtonText,r=e.type;return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(fields_1.FieldLabel,null,"array"===r?(0,Labels_1.l)("enumArray"):""," ",1===t.length?(0,Labels_1.l)("enumSingleValue"):(0,Labels_1.l)("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,t.map((function(e,t){var n=e.description,l=e.value;return React.createElement("tr",{key:t},React.createElement("td",null,l),React.createElement("td",null,React.createElement(Markdown_1.Markdown,{source:n,compact:!0,inline:!0})))}))))),l?React.createElement(ToggleButton,{onClick:n},a):null)}exports.EnumValues=EnumValues;var templateObject_1,templateObject_2,ToggleButton=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),styled_1=require("../Markdown/styled"),Markdown_1=require("../Markdown"),DescriptionEnumsBlock=(0,styled_components_1.default)(styled_1.StyledMarkdownBlock)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  table {\n    margin-bottom: 0.2em;\n  }\n"],["\n  table {\n    margin-bottom: 0.2em;\n  }\n"]))),EnumValues=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),n.toggle=n.toggle.bind(n),n}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.values,n=e.type,l=this.state.collapsed,a=!Array.isArray(t),r=Array.isArray(t)&&t||Object.entries(t||{}).map((function(e){return{value:e[0],description:e[1]}})),o=this.context,i=o.enumSkipQuotes,c=o.maxDisplayedEnumValues;if(!r.length)return null;var u=this.state.collapsed&&c?r.slice(0,c):r,s=!!c&&r.length>c,m=c?l?"… "+(r.length-c)+" more":"Hide":"";return React.createElement(React.Fragment,null,a?React.createElement(DescriptionEnums,{enums:u,toggle:this.toggle,showToggleButton:s,toggleButtonText:m,type:n}):React.createElement(SimpleEnums,{enums:u,enumSkipQuotes:i,type:n,toggle:this.toggle,toggleButtonText:m,showToggleButton:s}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t}(React.PureComponent);function SimpleEnums(e){var t=e.enums,n=e.enumSkipQuotes,l=e.type,a=e.toggle,r=e.showToggleButton,o=e.toggleButtonText;return React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null,"array"===l?(0,Labels_1.l)("enumArray"):""," ",1===t.length?(0,Labels_1.l)("enumSingleValue"):(0,Labels_1.l)("enum"),":")," ",t.map((function(e){var t=n?String(e):JSON.stringify(e);return React.createElement(React.Fragment,{key:e},React.createElement(fields_1.ExampleValue,null,t)," ")})),r?React.createElement(ToggleButton,{onClick:a},o):null)}function DescriptionEnums(e){var t=e.enums,n=e.toggle,l=e.showToggleButton,a=e.toggleButtonText,r=e.type;return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(fields_1.FieldLabel,null,"array"===r?(0,Labels_1.l)("enumArray"):""," ",1===t.length?(0,Labels_1.l)("enumSingleValue"):(0,Labels_1.l)("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,t.map((function(e){var t=e.description,n=e.value;return React.createElement("tr",{key:n},React.createElement("td",null,n),React.createElement("td",null,React.createElement(Markdown_1.Markdown,{source:t,compact:!0,inline:!0})))}))))),l?React.createElement(ToggleButton,{onClick:n},a):null)}exports.EnumValues=EnumValues;var templateObject_1,templateObject_2,ToggleButton=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"])));
 //# sourceMappingURL=EnumValues.js.map

package/lib/redoc-lib/src/components/Fields/Extensions.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ExtensionsProps {
     extensions: {
-        [k: string]: any;
+        [k: string]: string | Record<string, unknown>;
     };
 }
 export declare class Extensions extends React.PureComponent<ExtensionsProps> {

package/lib/redoc-lib/src/components/Fields/Extensions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),OptionsProvider_1=require("../OptionsProvider"),styled_elements_1=require("../Markdown/styled.elements"),Extension=(0,styled_components_1.default)(styled_elements_1.StyledMarkdownBlock)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 2px 0;\n"],["\n  margin: 2px 0;\n"]))),Extensions=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.extensions;return React.createElement(OptionsProvider_1.OptionsContext.Consumer,null,(function(t){return React.createElement(React.Fragment,null,t.showExtensions?React.createElement(ExtensionsWrap,null,Object.keys(e).map((function(t){return React.createElement(Extension,{key:t},React.createElement(fields_1.FieldLabel,null," ",t.substring(2),": ")," ",React.createElement(fields_1.ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))}))):null)}))}}),t}(React.PureComponent);exports.Extensions=Extensions;var templateObject_1,templateObject_2,ExtensionsWrap=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"],["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),OptionsProvider_1=require("../OptionsProvider"),styled_1=require("../Markdown/styled"),Extension=(0,styled_components_1.default)(styled_1.StyledMarkdownBlock)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 2px 0;\n"],["\n  margin: 2px 0;\n"]))),Extensions=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.extensions;return React.createElement(OptionsProvider_1.OptionsContext.Consumer,null,(function(t){return React.createElement(React.Fragment,null,t.showExtensions?React.createElement(ExtensionsWrap,null,Object.keys(e).map((function(n){return React.createElement(Extension,{key:n},React.createElement(fields_1.FieldLabel,null,t.preserveOriginalExtensionsName?n:n.substring(2),":"," ")," ",React.createElement(fields_1.ExtensionValue,null,"string"==typeof e[n]?e[n]:JSON.stringify(e[n])))}))):null)}))}}),t}(React.PureComponent);exports.Extensions=Extensions;var templateObject_1,templateObject_2,ExtensionsWrap=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"],["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"])));
 //# sourceMappingURL=Extensions.js.map

package/lib/redoc-lib/src/components/Fields/Field.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { FieldModel } from '../../services/models';
 import type { RedocProNormalizedOptions } from '../../../../services/ProStore';
+import type { FieldModel } from '../../services/models';
 import type { SchemaOptions } from '../Schema/types';
 export interface FieldProps extends SchemaOptions {
     className?: string;

package/lib/redoc-lib/src/components/Fields/Field.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Field=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),fields_1=require("../../common-elements/fields"),FieldDetails_1=require("./FieldDetails"),fields_layout_1=require("../../common-elements/fields-layout"),common_elements_1=require("../../common-elements/"),LinkToField_1=require("../../common-elements/LinkToField"),Schema_1=require("../Schema/Schema"),OptionsProvider_1=require("../OptionsProvider"),Field=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"toggle",{enumerable:!0,configurable:!0,writable:!0,value:function(){void 0===t.props.field.expanded&&t.props.expandByDefault?t.props.field.collapse():t.props.field.toggle()}}),Object.defineProperty(t,"handleKeyPress",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"Enter"===e.key&&(e.preventDefault(),t.toggle())}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.className,l=void 0===t?"":t,r=e.field,i=e.isLast,a=e.expandByDefault,n=r.name,s=r.deprecated,o=r.required,c=r.kind,d=!r.schema.isPrimitive&&!r.schema.isCircular,m=void 0===r.expanded?a:r.expanded,p=d?React.createElement(fields_1.ClickablePropertyNameCell,{className:s?"deprecated":"",kind:c,title:n},React.createElement("button",{onClick:this.toggle,onKeyPress:this.handleKeyPress,"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(LinkToField_1.ShareLinkToField,{field:r}),n),React.createElement(common_elements_1.ShelfIcon,{direction:m?"down":"right"})),o&&React.createElement(fields_1.RequiredLabel,null," required ")):React.createElement(fields_layout_1.PropertyNameCell,{className:s?"deprecated":void 0,kind:c,title:n},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(LinkToField_1.ShareLinkToField,{field:r}),n),o&&React.createElement(fields_1.RequiredLabel,null," required "));return React.createElement(React.Fragment,null,React.createElement("tr",{className:i?"last "+l:l},p,React.createElement(fields_layout_1.PropertyDetailsCell,null,React.createElement(FieldDetails_1.FieldDetails,(0,tslib_1.__assign)({},this.props)))),m&&d&&React.createElement("tr",{key:r.name+"inner"},React.createElement(fields_layout_1.PropertyCellWithInner,{colSpan:2},React.createElement(fields_layout_1.InnerPropertiesWrap,null,React.createElement(Schema_1.Schema,{schema:r.schema,skipReadOnly:this.props.skipReadOnly,skipWriteOnly:this.props.skipWriteOnly,showTitle:this.props.showTitle,level:this.props.level})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.Field=Field;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Field=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),fields_1=require("../../common-elements/fields"),fields_layout_1=require("../../common-elements/fields-layout"),common_elements_1=require("../../common-elements/"),LinkToField_1=require("../../common-elements/LinkToField"),Schema_1=require("../Schema/Schema"),OptionsProvider_1=require("../OptionsProvider"),RenderHook_1=require("../RenderHook"),FieldDetails_1=require("./FieldDetails"),Field=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"toggle",{enumerable:!0,configurable:!0,writable:!0,value:function(){void 0===t.props.field.expanded&&t.props.expandByDefault?t.props.field.collapse():t.props.field.toggle()}}),Object.defineProperty(t,"handleKeyPress",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"Enter"===e.key&&(e.preventDefault(),t.toggle())}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.className,l=void 0===t?"":t,r=e.field,a=e.isLast,i=e.expandByDefault,n=r.name,o=r.deprecated,s=r.required,c=r.kind,d=!r.schema.isPrimitive&&!r.schema.isCircular,p=void 0===r.expanded?i:r.expanded,m=(0,RenderHook_1.getAccessModeLabelText)(r.schema,this.context.showAccessMode),u=React.createElement(React.Fragment,null,"additionalProperties"===c&&React.createElement(fields_1.PropertyLabel,null,"additional property"),"patternProperties"===c&&React.createElement(fields_1.PropertyLabel,null,"pattern property"),m&&React.createElement(fields_1.PropertyLabel,null,m),s&&React.createElement(fields_1.RequiredLabel,null,"required")),_=d?React.createElement(fields_1.ClickablePropertyNameCell,{className:o?"deprecated":"",kind:c,title:n},React.createElement("button",{onClick:this.toggle,onKeyPress:this.handleKeyPress,"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(LinkToField_1.ShareLinkToField,{field:r}),n),React.createElement(common_elements_1.ShelfIcon,{direction:p?"down":"right"})),u):React.createElement(fields_layout_1.PropertyNameCell,{className:o?"deprecated":void 0,kind:c,title:n},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(LinkToField_1.ShareLinkToField,{field:r}),n),u);return React.createElement(React.Fragment,null,React.createElement("tr",{className:a?"last "+l:l},_,React.createElement(fields_layout_1.PropertyDetailsCell,null,React.createElement(FieldDetails_1.FieldDetails,(0,tslib_1.__assign)({},this.props)))),p&&d&&React.createElement("tr",{key:r.name+"inner"},React.createElement(fields_layout_1.PropertyCellWithInner,{colSpan:2},React.createElement(fields_layout_1.InnerPropertiesWrap,null,React.createElement(Schema_1.Schema,{schema:r.schema,skipReadOnly:this.props.skipReadOnly,skipWriteOnly:this.props.skipWriteOnly,showTitle:this.props.showTitle,level:this.props.level})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.Field=Field;
 //# sourceMappingURL=Field.js.map

package/lib/redoc-lib/src/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),utils_1=require("../../utils"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown/Markdown"),EnumValues_1=require("./EnumValues"),Extensions_1=require("./Extensions"),FieldContstraints_1=require("./FieldContstraints"),FieldDetail_1=require("./FieldDetail"),common_elements_1=require("../../common-elements/"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),MAX_PATTERN_LENGTH=45,FieldDetails=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,l=e.field,a=e.renderDiscriminatorSwitch,n=this.state.patternShown,i=this.context,r=i.enumSkipQuotes,s=i.hideSchemaTitles,c=i.hideSchemaPattern,o=l.schema,m=l.description,p=l.example,u=l.deprecated,d=l.examples,_=!!r||"header"===l.in,b=null;if(t&&(void 0!==p||void 0!==d))if(void 0!==d)b=React.createElement(Examples,{field:l});else{var E=(0,Labels_1.l)("example")+":",f=!!l.in;b=React.createElement(FieldDetail_1.FieldDetail,{label:E,value:getSerializedValue(l,l.example),raw:f})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(fields_1.TypePrefix,null,o.typePrefix),React.createElement(fields_1.TypeName,null,o.displayType),o.displayFormat&&React.createElement(fields_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!s&&React.createElement(fields_1.TypeTitle,null," (",o.title,") "),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(fields_1.PatternLabel,null,n||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:o.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),o.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(fields_1.ToggleButton,{onClick:this.togglePattern},n?"Hide pattern":"Show pattern")),o.isCircular&&React.createElement(fields_1.RecursiveLabel,null," ",(0,Labels_1.l)("recursive")," ")),u&&React.createElement("div",null,React.createElement(common_elements_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,Labels_1.l)("deprecated")," ")),React.createElement(FieldDetail_1.FieldDetail,{raw:_,label:(0,Labels_1.l)("default")+":",value:o.default}),React.createElement("div",null,React.createElement(Markdown_1.Markdown,{compact:!0,source:m})),!a&&React.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",b,React.createElement(Extensions_1.Extensions,{extensions:(0,tslib_1.__assign)((0,tslib_1.__assign)({},l.extensions),o.extensions)}),o.externalDocs&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),a&&a(this.props)||null,l.const&&React.createElement(FieldDetail_1.FieldDetail,{label:(0,Labels_1.l)("const")+":",value:l.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t}(React.PureComponent);function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null," ",(0,Labels_1.l)("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var l=e[0],a=e[1];return React.createElement(ExampleWrap,{key:l},React.createElement(ExampleSummary,null,a.summary||l," "),a.description&&React.createElement(ExampleDescription,null,a.description," "),React.createElement(fields_1.ExampleValue,null,getSerializedValue(t,a.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,t)):t}exports.FieldDetails=FieldDetails;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)([""],[""]))),ExampleSummary=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_1=require("../../common-elements/fields"),utils_1=require("../../utils"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Markdown_1=require("../Markdown"),common_elements_1=require("../../common-elements/"),Labels_1=require("../../services/Labels"),OptionsProvider_1=require("../OptionsProvider"),FieldDetail_1=require("./FieldDetail"),FieldContstraints_1=require("./FieldContstraints"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),MAX_PATTERN_LENGTH=45,FieldDetails=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,l=e.field,a=e.renderDiscriminatorSwitch,n=this.state.patternShown,i=this.context,r=i.enumSkipQuotes,s=i.hideSchemaTitles,c=i.hideSchemaPattern,o=l.schema,m=l.description,p=l.example,_=l.deprecated,u=l.examples,d=!!r||"header"===l.in,b=null;if(t&&(void 0!==p||void 0!==u))if(void 0!==u)b=React.createElement(Examples,{field:l});else{var E=(0,Labels_1.l)("example")+":",f=!!l.in;b=React.createElement(FieldDetail_1.FieldDetail,{label:E,value:getSerializedValue(l,l.example),raw:f})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(fields_1.TypePrefix,null,o.typePrefix),React.createElement(fields_1.TypeName,null,o.displayType),o.displayFormat&&React.createElement(fields_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&React.createElement(fields_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!s&&React.createElement(fields_1.TypeTitle,null," (",o.title,") "),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(fields_1.PatternLabel,null,n||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:o.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),o.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(fields_1.ToggleButton,{onClick:this.togglePattern},n?"Hide pattern":"Show pattern")),o.isCircular&&React.createElement(fields_1.RecursiveLabel,null," ",(0,Labels_1.l)("recursive"))),_&&React.createElement("div",null,React.createElement(common_elements_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,Labels_1.l)("deprecated")," ")),React.createElement(FieldDetail_1.FieldDetail,{raw:d,label:(0,Labels_1.l)("default")+":",value:o.default}),React.createElement("div",null,React.createElement(Markdown_1.Markdown,{compact:!0,source:m})),!a&&React.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",b,React.createElement(Extensions_1.Extensions,{extensions:(0,tslib_1.__assign)((0,tslib_1.__assign)({},l.extensions),o.extensions)}),o.externalDocs&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),a&&a(this.props)||null,l.const&&React.createElement(FieldDetail_1.FieldDetail,{label:(0,Labels_1.l)("const")+":",value:l.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.PureComponent);function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(fields_1.FieldLabel,null," ",(0,Labels_1.l)("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var l=e[0],a=e[1];return React.createElement(ExampleWrap,{key:l},React.createElement(ExampleSummary,null,a.summary||l," "),a.description&&React.createElement(ExampleDescription,null,a.description," "),React.createElement(fields_1.ExampleValue,null,getSerializedValue(t,a.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,t)):t}exports.FieldDetails=FieldDetails;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)([""],[""]))),ExampleSummary=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
 //# sourceMappingURL=FieldDetails.js.map