@redocly/reference-docs 3.0.0-alpha.7 → 3.0.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/cli/commands/redocly-docs-cli.min.js +20 -58
- package/bin/cli/commands/redocly-docs-cli.min.js.LICENSE.txt +1 -1
- package/dist/console.redocly-reference-docs.min.js +2 -2
- package/dist/oauth2-redirect.js +1 -1
- package/dist/redocly-reference-docs.min.js +614 -445
- package/lib/components/Tabs/Tab.js +1 -1
- package/lib/components/console/CodemirrorInput.js +1 -1
- package/lib/components/pluggable/PullRight.js +1 -1
- package/lib/redoc-lib/src/common-elements/linkify.js +1 -1
- package/lib/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.js +1 -1
- package/lib-esm/components/Tabs/Tab.js +1 -1
- package/lib-esm/components/console/CodemirrorInput.js +1 -1
- package/lib-esm/components/pluggable/PullRight.js +1 -1
- package/lib-esm/redoc-lib/src/common-elements/linkify.js +1 -1
- package/lib-esm/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.js +1 -1
- package/package.json +3 -3
- package/lib/redoc-lib/src/components/StickySidebar/ChevronSvg.d.ts +0 -4
- package/lib/redoc-lib/src/components/StickySidebar/ChevronSvg.js +0 -2
- package/lib-esm/redoc-lib/src/components/StickySidebar/ChevronSvg.d.ts +0 -4
- package/lib-esm/redoc-lib/src/components/StickySidebar/ChevronSvg.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));
|
|
2
2
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,t=r.setTouched,n=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,t){o(t),a&&a(t)},onBlur:function(e){t(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:n}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
|
|
2
2
|
//# sourceMappingURL=CodemirrorInput.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--samples-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--panel-samples-controls-background-color);\n }\n }\n\n & tr:nth-child(2n) {\n td,\n th {\n background-color: var(--samples-panel-markdown-background-color);\n }\n }\n\n & thead tr th,\n & tbody tr td {\n background-color: var(--samples-panel-markdown-background-color);\n border-color: var(--samples-panel-markdown-border-color);\n }\n }\n\n code {\n font-size: var(--code-block-font-size);\n font-family: var(--code-block-font-family);\n color: var(--code-block-text-color);\n background-color: var(--code-block-background-color);\n }\n\n a,\n a:visited {\n color: var(--link-visited);\n }\n\n pre {\n border: none;\n padding: calc(var(--spacing-unit) * 4);\n border-radius: var(--code-block-border-radius);\n background: var(--code-block-background-color);\n }\n"],["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--panel-samples-controls-background-color);\n }\n }\n\n & tr:nth-child(2n) {\n td,\n th {\n background-color: var(--samples-panel-markdown-background-color);\n }\n }\n\n & thead tr th,\n & tbody tr td {\n background-color: var(--samples-panel-markdown-background-color);\n border-color: var(--samples-panel-markdown-border-color);\n }\n }\n\n code {\n font-size: var(--code-block-font-size);\n font-family: var(--code-block-font-family);\n color: var(--code-block-text-color);\n background-color: var(--code-block-background-color);\n }\n\n a,\n a:visited {\n color: var(--link-visited);\n }\n\n pre {\n border: none;\n padding: calc(var(--spacing-unit) * 4);\n border-radius: var(--code-block-border-radius);\n background: var(--code-block-background-color);\n }\n"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n float: right;\n z-index: 1;\n position: relative;\n margin-bottom: 10px;\n"],["\n float: right;\n z-index: 1;\n position: relative;\n margin-bottom: 10px;\n"])));
|
|
2
2
|
//# sourceMappingURL=PullRight.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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 color: var(--heading-anchor-color);\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 color: var(--heading-anchor-color);\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]),
|
|
1
|
+
"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 color: var(--heading-anchor-color);\n\n background-image: var(--heading-anchor-icon);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\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 color: var(--heading-anchor-color);\n\n background-image: var(--heading-anchor-icon);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\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]),a=(0,StoreBuilder_1.useStore)();if(n.security){var l=null===(e=null==a?void 0:a.options.hooks)||void 0===e?void 0:e.replaceSecurityLink;o=l&&l({securityRequirementId:n.to})}else o=null===(t=null==a?void 0:(i=a.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==a?void 0:a.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;
|
|
2
2
|
//# sourceMappingURL=linkify.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;var Stickyfill,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),RedocNormalizedOptions_1=require("../../services/RedocNormalizedOptions"),index_1=require("../../utils/index"),OptionsProvider_1=require("../OptionsProvider")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;var Stickyfill,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),MobileSidebarButton_1=require("@redocly/theme/Sidebar/MobileSidebarButton"),RedocNormalizedOptions_1=require("../../services/RedocNormalizedOptions"),index_1=require("../../utils/index"),OptionsProvider_1=require("../OptionsProvider");index_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),FloatingButton=(0,styled_components_1.default)(MobileSidebarButton_1.MobileSidebarButton)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"],["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),StickyResponsiveSidebar=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:{offsetTop:"0px"}}),Object.defineProperty(t,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.menu.toggleSidebar()}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(t.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions_1.RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.menu.sideBarOpened,n=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:t,className:this.props.className,style:{top:n,height:"calc(100vh - "+n+")"},ref:function(t){e.stickyElement=t}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{opened:t,onClick:this.toggleNavMenu}))}}),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.StickyResponsiveSidebar=StickyResponsiveSidebar;
|
|
2
2
|
//# sourceMappingURL=StickyResponsiveSidebar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n
|
|
1
|
+
import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));var templateObject_1;
|
|
2
2
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"styled-components";import"./codemirror-helpers";import{MediaTypes}from"../../types";var templateObject_1,CodeMirrorStyles=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-
|
|
1
|
+
import{__extends,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"styled-components";import"./codemirror-helpers";import{MediaTypes}from"../../types";var templateObject_1,CodeMirrorStyles=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,n=r.setTouched,t=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){o(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}}))}}),r}(React.PureComponent);export{CodemirrorInput};export default asField(CodemirrorInput);
|
|
2
2
|
//# sourceMappingURL=CodemirrorInput.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel";var MarkdownCodeBlock=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--samples-
|
|
1
|
+
import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel";var MarkdownCodeBlock=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--panel-samples-controls-background-color);\n }\n }\n\n & tr:nth-child(2n) {\n td,\n th {\n background-color: var(--samples-panel-markdown-background-color);\n }\n }\n\n & thead tr th,\n & tbody tr td {\n background-color: var(--samples-panel-markdown-background-color);\n border-color: var(--samples-panel-markdown-border-color);\n }\n }\n\n code {\n font-size: var(--code-block-font-size);\n font-family: var(--code-block-font-family);\n color: var(--code-block-text-color);\n background-color: var(--code-block-background-color);\n }\n\n a,\n a:visited {\n color: var(--link-visited);\n }\n\n pre {\n border: none;\n padding: calc(var(--spacing-unit) * 4);\n border-radius: var(--code-block-border-radius);\n background: var(--code-block-background-color);\n }\n"],["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\n }\n\n table {\n color: #ffffff;\n overflow-wrap: break-word;\n word-break: break-word;\n\n & tr {\n td,\n th {\n background-color: var(--panel-samples-controls-background-color);\n }\n }\n\n & tr:nth-child(2n) {\n td,\n th {\n background-color: var(--samples-panel-markdown-background-color);\n }\n }\n\n & thead tr th,\n & tbody tr td {\n background-color: var(--samples-panel-markdown-background-color);\n border-color: var(--samples-panel-markdown-border-color);\n }\n }\n\n code {\n font-size: var(--code-block-font-size);\n font-family: var(--code-block-font-family);\n color: var(--code-block-text-color);\n background-color: var(--code-block-background-color);\n }\n\n a,\n a:visited {\n color: var(--link-visited);\n }\n\n pre {\n border: none;\n padding: calc(var(--spacing-unit) * 4);\n border-radius: var(--code-block-border-radius);\n background: var(--code-block-background-color);\n }\n"])));export function PullRight(n){var o=n.children;return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}var templateObject_1,templateObject_2,StyledRightPanel=styled(SamplesPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n float: right;\n z-index: 1;\n position: relative;\n margin-bottom: 10px;\n"],["\n float: right;\n z-index: 1;\n position: relative;\n margin-bottom: 10px;\n"])));
|
|
2
2
|
//# sourceMappingURL=PullRight.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject}from"tslib";import React,{useCallback}from"react";import styled,{css}from"styled-components";import{useStore}from"../components/StoreBuilder";import{LinkIcon}from"./icons";export function userIsForcingNavigation(n){return 0!==n.button||n.altKey||n.ctrlKey||n.metaKey||n.shiftKey}export var linkifyMixin=function(n,e){return css(templateObject_1||(templateObject_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 color: var(--heading-anchor-color);\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 color: var(--heading-anchor-color);\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,LinkIcon,e,e,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon)};export function Link(n){var e,i,t,o,
|
|
1
|
+
import{__makeTemplateObject}from"tslib";import React,{useCallback}from"react";import styled,{css}from"styled-components";import{useStore}from"../components/StoreBuilder";import{LinkIcon}from"./icons";export function userIsForcingNavigation(n){return 0!==n.button||n.altKey||n.ctrlKey||n.metaKey||n.shiftKey}export var linkifyMixin=function(n,e){return css(templateObject_1||(templateObject_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 color: var(--heading-anchor-color);\n\n background-image: var(--heading-anchor-icon);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\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 color: var(--heading-anchor-color);\n\n background-image: var(--heading-anchor-icon);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\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,LinkIcon,e,e,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon,n,LinkIcon)};export function Link(n){var e,i,t,o,r=useCallback((function(e,i){i.defaultPrevented||userIsForcingNavigation(i)||(i.preventDefault(),e.replace(encodeURI(n.to)))}),[n.to]),a=useStore();if(n.security){var l=null===(e=null==a?void 0:a.options.hooks)||void 0===e?void 0:e.replaceSecurityLink;o=l&&l({securityRequirementId:n.to})}else o=null===(t=null==a?void 0:(i=a.menu.history).linkForId)||void 0===t?void 0:t.call(i,n.to);return o?React.createElement("a",{className:n.className,href:o,onClick:r.bind(this,null==a?void 0:a.menu.history),"aria-label":n.to},n.children):n.children?React.createElement("span",{className:n.className}," ",n.children," "):null}var templateObject_1,templateObject_2,StyledShareLink=styled(Link)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),linkifyMixin("&","18px"));export function ShareLink(n){return React.createElement(StyledShareLink,{to:n.to},React.createElement(LinkIcon,null))}
|
|
2
2
|
//# sourceMappingURL=linkify.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled,{css}from"styled-components";import{RedocNormalizedOptions}from"../../services/RedocNormalizedOptions";import{IS_BROWSER}from"../../utils/index";import{OptionsContext}from"../OptionsProvider";
|
|
1
|
+
import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled,{css}from"styled-components";import{MobileSidebarButton}from"@redocly/theme/Sidebar/MobileSidebarButton";import{RedocNormalizedOptions}from"../../services/RedocNormalizedOptions";import{IS_BROWSER}from"../../utils/index";import{OptionsContext}from"../OptionsProvider";var Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var t=e.theme;return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),FloatingButton=styled(MobileSidebarButton)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"],["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"])),(function(e){var t=e.theme;return css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),StickyResponsiveSidebar=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:{offsetTop:"0px"}}),Object.defineProperty(t,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.menu.toggleSidebar()}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(t.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.menu.sideBarOpened,n=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:t,className:this.props.className,style:{top:n,height:"calc(100vh - "+n+")"},ref:function(t){e.stickyElement=t}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{opened:t,onClick:this.toggleNavMenu}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.Component);export{StickyResponsiveSidebar};
|
|
2
2
|
//# sourceMappingURL=StickyResponsiveSidebar.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redocly/reference-docs",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.9",
|
|
4
4
|
"description": "Redocly Reference Docs",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"prepare": "husky install"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
|
-
"@redocly/theme": "^0.4.
|
|
90
|
+
"@redocly/theme": "^0.4.7",
|
|
91
91
|
"core-js": "^3.1.4",
|
|
92
92
|
"mobx": "^6.3.2",
|
|
93
93
|
"react": "^16.8.4 || ^17.0.0",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"devDependencies": {
|
|
98
98
|
"@percy/cli": "^1.0.0-beta.68",
|
|
99
99
|
"@percy/cypress": "^3.1.1",
|
|
100
|
-
"@redocly/theme": "^0.4.
|
|
100
|
+
"@redocly/theme": "^0.4.7",
|
|
101
101
|
"@testing-library/jest-dom": "^5.15.1",
|
|
102
102
|
"@testing-library/react": "^11.1.0",
|
|
103
103
|
"@testing-library/react-hooks": "^8.0.1",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedExpandButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),AnimatedExpandButton=function(e){var t=e.open?8:-4;return React.createElement(ChevronContainer,null,React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+t+"px) rotate(180deg)",transition:"transform 0.2s ease"}}),React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+(0-t)+"px)",transition:"transform 0.2s ease"}}))};exports.AnimatedExpandButton=AnimatedExpandButton;var templateObject_1,ChevronSvg=function(e){var t=e.size,n=void 0===t?10:t,r=e.className,a=void 0===r?"":r,l=e.style;return React.createElement("svg",{className:a,style:l||{},viewBox:"0 0 926.23699 573.74994",version:"1.1",x:"0px",y:"0px",width:n,height:n},React.createElement("g",{transform:"translate(904.92214,-879.1482)"},React.createElement("path",{d:"\n m -673.67664,1221.6502 -231.2455,-231.24803 55.6165,\n -55.627 c 30.5891,-30.59485 56.1806,-55.627 56.8701,-55.627 0.6894,\n 0 79.8637,78.60862 175.9427,174.68583 l 174.6892,174.6858 174.6892,\n -174.6858 c 96.079,-96.07721 175.253196,-174.68583 175.942696,\n -174.68583 0.6895,0 26.281,25.03215 56.8701,\n 55.627 l 55.6165,55.627 -231.245496,231.24803 c -127.185,127.1864\n -231.5279,231.248 -231.873,231.248 -0.3451,0 -104.688,\n -104.0616 -231.873,-231.248 z\n ",fill:"currentColor"})))},ChevronContainer=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"],["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"])));
|
|
2
|
-
//# sourceMappingURL=ChevronSvg.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";export var AnimatedExpandButton=function(e){var t=e.open?8:-4;return React.createElement(ChevronContainer,null,React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+t+"px) rotate(180deg)",transition:"transform 0.2s ease"}}),React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+(0-t)+"px)",transition:"transform 0.2s ease"}}))};var templateObject_1,ChevronSvg=function(e){var t=e.size,n=void 0===t?10:t,a=e.className,r=void 0===a?"":a,l=e.style;return React.createElement("svg",{className:r,style:l||{},viewBox:"0 0 926.23699 573.74994",version:"1.1",x:"0px",y:"0px",width:n,height:n},React.createElement("g",{transform:"translate(904.92214,-879.1482)"},React.createElement("path",{d:"\n m -673.67664,1221.6502 -231.2455,-231.24803 55.6165,\n -55.627 c 30.5891,-30.59485 56.1806,-55.627 56.8701,-55.627 0.6894,\n 0 79.8637,78.60862 175.9427,174.68583 l 174.6892,174.6858 174.6892,\n -174.6858 c 96.079,-96.07721 175.253196,-174.68583 175.942696,\n -174.68583 0.6895,0 26.281,25.03215 56.8701,\n 55.627 l 55.6165,55.627 -231.245496,231.24803 c -127.185,127.1864\n -231.5279,231.248 -231.873,231.248 -0.3451,0 -104.688,\n -104.0616 -231.873,-231.248 z\n ",fill:"currentColor"})))},ChevronContainer=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"],["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"])));
|
|
2
|
-
//# sourceMappingURL=ChevronSvg.js.map
|