@redocly/openapi-docs 3.0.0-alpha.10

package/lib/hooks/index.js

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

package/lib/hooks/useDimensions.d.ts

@@ -0,0 +1 @@
+export declare function useDimensions(node?: HTMLElement | null): [DOMRect | null];

package/lib/hooks/useDimensions.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDimensions=void 0;const react_1=require("react");function useDimensions(e){const[t,n]=(0,react_1.useState)(null);return(0,react_1.useLayoutEffect)((()=>{if(e){const t=()=>window.requestAnimationFrame((()=>n(e.getBoundingClientRect())));return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}}),[e]),[t]}exports.useDimensions=useDimensions;
+//# sourceMappingURL=useDimensions.js.map

package/lib/hooks/useMount.d.ts

@@ -0,0 +1 @@
+export declare const useMount: (callback: () => void) => void;

package/lib/hooks/useMount.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMount=void 0;const react_1=require("react"),useMount=e=>{(0,react_1.useEffect)((()=>{e()}),[])};exports.useMount=useMount;
+//# sourceMappingURL=useMount.js.map

package/lib/hooks/useUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useUnmount: (callback: () => void) => void;

package/lib/hooks/useUnmount.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUnmount=void 0;const react_1=require("react"),useUnmount=e=>{(0,react_1.useEffect)((()=>()=>{e()}),[])};exports.useUnmount=useUnmount;
+//# sourceMappingURL=useUnmount.js.map

package/lib/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components/index';
+export * from './services/index';
+export * from './redoc-lib/index';
+export * from './models/index';
+export * from './events/index';
+export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
+export type { SecurityDetails } from './types';
+export type { OAuth2 } from './services/OAuth2';

package/lib/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,s)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.setParameterValue=exports.setSecurityDetailsVariants=exports.setSecurityDetails=void 0,__exportStar(require("./components/index"),exports),__exportStar(require("./services/index"),exports),__exportStar(require("./redoc-lib/index"),exports),__exportStar(require("./models/index"),exports),__exportStar(require("./events/index"),exports);var utils_1=require("./utils");Object.defineProperty(exports,"setSecurityDetails",{enumerable:!0,get:function(){return utils_1.setSecurityDetails}}),Object.defineProperty(exports,"setSecurityDetailsVariants",{enumerable:!0,get:function(){return utils_1.setSecurityDetailsVariants}}),Object.defineProperty(exports,"setParameterValue",{enumerable:!0,get:function(){return utils_1.setParameterValue}});
+//# sourceMappingURL=index.js.map

package/lib/models/code-sample-options.d.ts

@@ -0,0 +1,11 @@
+import type { CodeSamplesConfig } from '../services';
+import type { Events } from '../events';
+export interface CodeSampleOptions {
+    payloadSampleIdx: number;
+    hideRequestPayloadSample: boolean;
+    hideSingleRequestSampleTab: boolean;
+    generatedPayloadSamplesMaxDepth: number;
+    onlyRequiredInSamples: boolean;
+    events: Pick<Events, 'codeSamplesLanguageSwitch' | 'codeSamplesCopy'>;
+    generateCodeSamples?: CodeSamplesConfig;
+}

package/lib/models/code-sample-options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=code-sample-options.js.map

package/lib/models/file-upload.d.ts

@@ -0,0 +1,11 @@
+export declare enum DefinitionTypes {
+    STRING = "string",
+    ARRAY = "array",
+    OBJECT = "object"
+}
+export declare enum FileUploadFormats {
+    BYTE = "byte",
+    BASE64 = "base64",
+    BINARY = "binary"
+}
+export declare type UploadFileType = File | File[] | string | string[];

package/lib/models/file-upload.js

@@ -0,0 +1,2 @@
+"use strict";var DefinitionTypes,FileUploadFormats;Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUploadFormats=exports.DefinitionTypes=void 0,function(e){e.STRING="string",e.ARRAY="array",e.OBJECT="object"}(DefinitionTypes=exports.DefinitionTypes||(exports.DefinitionTypes={})),function(e){e.BYTE="byte",e.BASE64="base64",e.BINARY="binary"}(FileUploadFormats=exports.FileUploadFormats||(exports.FileUploadFormats={}));
+//# sourceMappingURL=file-upload.js.map

package/lib/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './code-sample-options';
+export * from './file-upload';

package/lib/models/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./code-sample-options"),exports),__exportStar(require("./file-upload"),exports);
+//# sourceMappingURL=index.js.map

package/lib/oauth2-redirect-page/handler/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const genericErrorMessage = "Something went wrong, please, try again.";
+export declare function normalizeState(state?: string | null): string | null | undefined;
+/**
+ * Checks if two states are equal
+ */
+export declare function isStateValid(stateA?: string | null, stateB?: string | null): boolean;

package/lib/oauth2-redirect-page/handler/helpers.js

@@ -0,0 +1,2 @@
+"use strict";function normalizeState(e){return e?e.replace(/=+$/,""):e}function isStateValid(e,t){return Boolean(e)&&Boolean(t)&&normalizeState(e)===normalizeState(t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isStateValid=exports.normalizeState=exports.genericErrorMessage=void 0,exports.genericErrorMessage="Something went wrong, please, try again.",exports.normalizeState=normalizeState,exports.isStateValid=isStateValid;
+//# sourceMappingURL=helpers.js.map

package/lib/oauth2-redirect-page/handler/oauth2-redirect-handler.d.ts

@@ -0,0 +1 @@
+export declare function handleOAuth2Redirect(redirectOauth2Data?: OAuth2RedirectData): void;

package/lib/oauth2-redirect-page/handler/oauth2-redirect-handler.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleOAuth2Redirect=void 0;const helpers_1=require("./helpers");function handleOAuth2Redirect(e){let r;if(r=/code|token|error/.test(window.location.hash)?window.location.hash.substring(1):location.search.substring(1),!r)throw console.error("No query string in OAuth 2 redirect URL"),new Error(helpers_1.genericErrorMessage);const t=new URLSearchParams(r),o=t.get("access_token"),i=t.get("code"),s=t.get("token_type"),n=t.get("expires_in"),a=t.get("state"),c=t.get("error"),u=t.get("error_description")||helpers_1.genericErrorMessage;if(c)throw new Error(u);if(!(0,helpers_1.isStateValid)(a,null==e?void 0:e.state))throw new Error("Outdated OAuth2 state");if("implicit"===(null==e?void 0:e.flow)){if(!o)throw new Error('Your OAuth2 authentication service provider redirected you without an "access_token".\nPlease, try again or make sure your OAuth2 settings are correct.');if(!s)throw new Error('Your OAuth2 authentication service provider redirected you without a "token_type".\nPlease, try again or make sure your OAuth2 settings are correct.');null==e||e.successCallback({access_token:o,token_type:s,expires_in:n,auth_code:""})}if("authorizationCode"===(null==e?void 0:e.flow)){if(!i)throw new Error('Your OAuth2 authentication service provider redirected you without authorization "code".\nPlease, try again or make sure your OAuth2 settings are correct.');null==e||e.successCallback({auth_code:i,access_token:"",token_type:"bearer"})}}exports.handleOAuth2Redirect=handleOAuth2Redirect;
+//# sourceMappingURL=oauth2-redirect-handler.js.map

package/lib/oauth2-redirect-page/index.d.ts

@@ -0,0 +1 @@
+import 'core-js/web/url';

package/lib/oauth2-redirect-page/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("core-js/web/url");const oauth2_redirect_handler_1=require("./handler/oauth2-redirect-handler");function run(){var e;const r=null===(e=window.opener)||void 0===e?void 0:e.redirectOAuth2;try{(0,oauth2_redirect_handler_1.handleOAuth2Redirect)(r)}catch(e){null==r||r.errorCallback(e)}window.close()}window.onload=run;
+//# sourceMappingURL=index.js.map

package/lib/redoc-lib/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/lib/redoc-lib/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./src"),exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+export declare type FileInfo = {
+    fileInfo?: {
+        rawData: any;
+        fileName: string;
+    };
+};
+export declare function Download({ fileInfo }: FileInfo): JSX.Element | null;

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

@@ -0,0 +1,4 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Download=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function Download({fileInfo:e}){var t,o;if(!e)return null;const{rawData:l,fileName:n}=e,r=null===(o=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===o?void 0:o.call(t,l instanceof Blob?l:new Blob([l],{type:"text/plain"}));return react_1.default.createElement(StyledAnchor,{href:r,download:n,title:"Download response"},react_1.default.createElement(theme_1.SamplesControlButton,null,"Download"))}exports.Download=Download;const StyledAnchor=styled_components_1.default.a`
+  margin-left: 10px;
+`;
+//# sourceMappingURL=Download.js.map

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

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import type { FieldModel } from '../services';
+interface LinkToFieldProps {
+    field: FieldModel;
+    className?: string;
+}
+export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, any, {}, never>;
+export {};

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

@@ -0,0 +1,27 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,n){void 0===n&&(n=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,n,o)}:function(e,t,i,n){void 0===n&&(n=i),e[n]=t[i]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;const styled_components_1=__importDefault(require("styled-components")),react_1=__importStar(require("react")),components_1=require("../components"),constants_1=require("../services/constants"),helpers_1=require("../../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("./icons"),LinkToField=e=>{var t,i;const n=(0,react_1.useContext)(components_1.StoreContext),[o,r]=(0,react_1.useState)(!1),l=(null==n?void 0:n.menu.history.linkForId(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id))||"",s=(0,helpers_1.constructFieldDeepFragment)(e.field),a=n&&s?n.menu.history.generateDeepLink(s,l):null,c=n?{[constants_1.SECTION_ATTR]:(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id)+n.options.deepLinkPrefix+s,id:a&&a.split("#")[1]||void 0}:null;return(0,react_1.useEffect)((()=>{if(n&&c)return r(n.menu.history.currentId===c[constants_1.SECTION_ATTR]),n.menu.history.subscribe((e=>{r(e===c[constants_1.SECTION_ATTR])}))}),[null==n?void 0:n.menu.history,null==c?void 0:c[constants_1.SECTION_ATTR]]),s&&n&&a?react_1.default.createElement("a",Object.assign({className:e.className+(o?" active":""),href:a,onClick:e=>(((e,t,i)=>{t.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(t)||(t.preventDefault(),e.replaceForField(i))})(null==n?void 0:n.menu.history,e,a),e.stopPropagation(),e.preventDefault(),n.options.onDeepLinkClick&&n.options.onDeepLinkClick(a),!1)},c),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)`
+  ${(0,linkify_1.linkifyMixin)("&","13px")}
+
+  & ${icons_1.LinkIcon} {
+    color: var(--schema-property-deep-link-icon-color);
+
+    background-image: var(--schema-property-deep-link-icon);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+  }
+
+  & {
+    position: absolute;
+    padding-right: 4px;
+    transform: translateX(-90%);
+
+    .field-name:hover & ${icons_1.LinkIcon}, &:hover & ${icons_1.LinkIcon} {
+      visibility: visible;
+    }
+  }
+
+  &.active ${icons_1.LinkIcon} {
+    visibility: visible;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

@@ -0,0 +1,15 @@
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

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

@@ -0,0 +1,228 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,a)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};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;const styled_components_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`
+  text-align: right;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: var(--text-color-secondary);
+`;const repeatingGradient=styled_components_1.css`
+  repeating-linear-gradient(0deg,
+  var(--schemas-lines-color),
+  var(--schemas-lines-color) 3px,
+  transparent 3px,
+  transparent 5px,
+  var(--schemas-lines-color) 5px);
+`;exports.PropertyCell=styled_components_1.default.td`
+  box-sizing: border-box;
+  position: relative;
+  background-image: ${repeatingGradient};
+  background-repeat: no-repeat;
+  background-size: 1px 100%;
+  display: block;
+  overflow: hidden;
+  padding: 0 20px;
+  margin-bottom: 2px;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    display: table-cell;
+    overflow: initial;
+    padding: 10px;
+    margin-bottom: 0;
+  }
+
+  tr:first-of-type > & {
+    background-image: ${repeatingGradient};
+    background-position: 0 10px;
+    padding-top: 0;
+  }
+
+  tr.last > & {
+    background-image: ${repeatingGradient};
+    padding-bottom: 0;
+    background-size: 0.9px 100%;
+
+    ${({theme:e})=>e.mediaQueries.small} {
+      background-size: 0.9px 22px;
+    }
+  }
+
+  tr.last + tr > & {
+    background: none;
+  }
+
+  tr.last:first-child > & {
+    background-image: ${repeatingGradient};
+    background-size: 0.9px 100%;
+    background-position: 0 20px;
+
+    ${({theme:e})=>e.mediaQueries.small} {
+      background-size: 0.9px 22px;
+      background-position: 0 0;
+    }
+  }
+`,exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)`
+  padding: 0;
+`,exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)`
+  vertical-align: top;
+  line-height: 23px;
+  white-space: nowrap;
+  font-size: 14px;
+  font-family: var(--field-name-font-family);
+
+  &.deprecated {
+    ${mixins_1.deprecatedCss};
+  }
+
+  ${({kind:e})=>"patternProperties"===e&&styled_components_1.css`
+      span.field-name {
+        white-space: break-spaces;
+        text-align: left;
+        display: inline-table;
+        line-height: 1.5;
+      }
+    `}
+
+  ${()=>{const e=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && span:last-child {\n        white-space: normal;\n        word-break: ${e};\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    `;return styled_components_1.css`
+        ${(0,theme_helpers_1.typography)("schemas-property-name")}
+        ${r}
+      `}return(0,theme_helpers_1.typography)("schemas-property-name")}};
+
+  .field-name {
+    display: inline-flex;
+    align-items: center;
+  }
+`,exports.PropertyDetailsCell=styled_components_1.default.td`
+  box-sizing: border-box;
+  vertical-align: top;
+
+  tr.expanded & {
+    border-bottom: none;
+  }
+
+  tr.last > & {
+    border: none;
+    background-position: top left;
+    background-repeat: no-repeat;
+    background-size: 1px 100%;
+    padding-bottom: 0;
+
+    /* workaround for discriminator dropdown oveflowing scrolling container,
+    fixes the issue for the last item in the schema only */
+    & > div > div.dropdown > .dropdown-selector-content {
+      position: relative;
+    }
+  }
+
+  tr:first-of-type > & {
+    padding-top: 0;
+  }
+
+  border-bottom: none;
+  border-left: 1px solid var(--schemas-lines-color);
+  padding: 0 20px;
+  width: var(--schema-default-details-width);
+  min-width: 200px;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    border-bottom: 1px solid var(--border-color);
+    border-left: none;
+    padding: 10px 0;
+  }
+`,exports.PropertyBullet=styled_components_1.default.span`
+  margin-right: 10px;
+  color: var(--schemas-lines-color);
+  font-family: var(--code-font-family);
+  width: var(--schema-default-details-width);
+  border-left: 1px dashed var(--schemas-lines-color);
+  padding: 5px 10px;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    border-left: none;
+    padding: 10px;
+  }
+
+  &::before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    width: 10px;
+    height: 1px;
+    background: var(--schemas-lines-color);
+  }
+`,exports.InnerPropertiesWrap=styled_components_1.default.div`
+  padding: var(--schema-nested-offset);
+`,exports.PropertiesTableWrap=styled_components_1.default.div`
+  display: block;
+  overflow-x: auto;
+  padding: 5px; /* hack to show overflown anchor icons */
+  margin: -5px;
+`,exports.PropertiesTable=styled_components_1.default.table`
+  border-collapse: separate;
+  border-radius: var(--border-radius);
+  width: 100%;
+  font-size: var(--font-size-base);
+  display: block;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    display: table;
+  }
+
+  > tr,
+  > tbody > tr {
+    display: block;
+    margin-bottom: 2px;
+    border-spacing: 0;
+
+    ${({theme:e})=>e.mediaQueries.small} {
+      display: table-row;
+      margin-bottom: 0;
+      border-spacing: 0 2px;
+    }
+  }
+
+  > tr {
+    vertical-align: middle;
+  }
+
+  @media screen and (max-width: ${({theme:e})=>e.mediaQueries.small}) and (-ms-high-contrast: none) {
+    td {
+      float: left;
+      width: 100%;
+    }
+  }
+
+  &
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
+    margin-left: var(--schema-nested-offset);
+    margin-bottom: var(--schema-nested-offset);
+    background: var(--schema-nested-background-color);
+    border-radius: var(--panel-border-radius);
+  }
+
+  &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
+    background: var(--panel-background-color, #fff);
+  }
+`;
+//# sourceMappingURL=fields-layout.js.map

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

@@ -0,0 +1,21 @@
+export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
+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 PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccessLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DefaultValue: 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>;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -0,0 +1,103 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../utils"),fields_layout_1=require("./fields-layout"),icons_1=require("./icons");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
+  button {
+    background-color: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    padding: 0 10px 0 0;
+    font-family: var(--field-name-font-family);
+    font-size: var(--field-name-font-size);
+    color: var(--text-color);
+    &:focus {
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  ${icons_1.ShelfIcon} {
+    margin-left: 4px;
+    height: var(--schema-chevron-size);
+    width: var(--schema-chevron-size);
+    fill: var(--schema-chevron-color);
+    margin-top: -1px;
+  }
+
+  ${()=>{const e=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: ${e};\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    `;return styled_components_1.css`
+        ${(0,utils_1.typography)("schema-property-name")}
+        ${r}
+      `}return(0,utils_1.typography)("schema-property-name")}};
+`,exports.FieldLabel=styled_components_1.default.span`
+  vertical-align: middle;
+  line-height: 20px;
+  font-size: var(--schema-property-labels-font-size);
+`,exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-text-color);
+`,exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-text-color);
+`,exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-title-text-color);
+  word-break: break-word;
+`,exports.TypeFormat=exports.TypeName,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
+  color: var(--text-color-secondary);
+  font-size: var(--schema-labels-font-size);
+  font-weight: normal;
+  line-height: 1;
+  display: block;
+`,exports.RequiredLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
+  color: var(--schema-property-required-label-text-color);
+`,exports.AdditionalPropertiesLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`,exports.AccessLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
+  color: var(--schema-property-access-label-text-color);
+`,exports.FieldValueLabel=(0,styled_components_1.default)(exports.FieldLabel)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 1px var(--spacing-unit);
+
+  ${(0,utils_1.typography)("schema-inline-code")}
+`,exports.RecursiveLabel=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-recursive-background-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+`,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-enum-background-color);
+  border-color: var(--schema-enum-border-color);
+  color: var(--schema-enum-text-color);
+`,exports.DefaultValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`,exports.ExampleValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-example-background-color);
+  border-color: var(--schema-example-border-color);
+  color: var(--schema-example-text-color);
+  word-break: var(--code-word-break);
+
+  & + & {
+    margin-left: 0;
+  }
+
+  line-height: 1.2em;
+  display: inline-flex;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+`,exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)``,exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-constraint-background-color);
+  border-color: var(--schema-constraint-border-color);
+  color: var(--schema-constraint-text-color);
+  word-break: var(--code-word-break);
+  margin: 0 var(--spacing-unit);
+
+  & + & {
+    margin-left: 0;
+  }
+`,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=styled_components_1.default.button`
+  background-color: transparent;
+  border: 0;
+  color: var(--text-color-secondary);
+  margin-left: var(--spacing-unit);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline-color: var(--text-color-secondary);
+  font-size: 12px;
+`;
+//# sourceMappingURL=fields.js.map

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

@@ -0,0 +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<"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

@@ -0,0 +1,36 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;const styled_components_1=__importDefault(require("styled-components")),utils_1=require("../utils");exports.H1=styled_components_1.default.h1`
+  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
+
+  ${(0,utils_1.typography)("h1","h")};
+`,exports.H2=styled_components_1.default.h2`
+  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
+
+  ${(0,utils_1.typography)("h2","h")};
+`,exports.H3=styled_components_1.default.h3`
+  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
+
+  ${(0,utils_1.typography)("h3","h")};
+`,exports.H4=styled_components_1.default.h4`
+  margin: var(--h4-margin-top) 0 var(--h4-margin-bottom);
+
+  ${(0,utils_1.typography)("h4","h")};
+`,exports.H5=styled_components_1.default.h5`
+  margin: var(--h5-margin-top) 0 var(--h5-margin-bottom);
+
+  ${(0,utils_1.typography)("h5","h")};
+`,exports.H6=styled_components_1.default.h6`
+  margin: var(--h6-margin-top) 0 var(--h6-margin-bottom);
+
+  ${(0,utils_1.typography)("h6","h")};
+`,exports.SamplesPanelHeader=styled_components_1.default.h3`
+  color: var(--panel-samples-text-color);
+
+  ${(0,utils_1.typography)("right-panel-header")};
+`,exports.FieldsGroupHeader=styled_components_1.default.h5`
+  color: var(--text-color-secondary);
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+`;
+//# sourceMappingURL=headers.js.map