@redocly/openapi-docs 3.0.0-alpha.91 → 3.0.1

package/lib-esm/components/common/Dropdown/types.d.ts

@@ -1,25 +0,0 @@
-import type React from 'react';
-export interface DropdownOption {
-    idx?: number;
-    value: string;
-    title?: string;
-    serverUrl?: string;
-    label?: string;
-}
-export interface DropdownProps {
-    options: DropdownOption[];
-    onChange: (option: DropdownOption) => void;
-    handleClear?: () => void;
-    clearable?: boolean;
-    ariaLabel?: string;
-    className?: string;
-    placeholder?: string;
-    value?: string;
-    dense?: boolean;
-    fullWidth?: boolean;
-    variant?: 'dark' | 'light';
-}
-export interface ArrowIconProps {
-    className?: string;
-    style?: React.CSSProperties;
-}

package/lib-esm/components/common/Dropdown/types.js

@@ -1,2 +0,0 @@
-export{};
-//# sourceMappingURL=types.js.map

package/lib-esm/components/common/FileUpload/FileUpload.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { SchemaModel, UploadFileType } from '../../../models';
-export interface FileUploadProps {
-    schema: SchemaModel | GenericObject;
-    contentName: string;
-    onChange(key: string, file: UploadFileType): void;
-    fieldName: string;
-}
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

package/lib-esm/components/common/FileUpload/FileUpload.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,o){return new(a||(a=Promise))((function(n,i){function r(e){try{l(o.next(e))}catch(e){i(e)}}function c(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,c)}l((o=o.apply(e,t||[])).next())}))};import React,{forwardRef}from"react";import{useFormContext}from"react-hook-form";import{getFileToUpload}from"./helper";export const FileUpload=forwardRef((({schema:e,contentName:t,onChange:a,fieldName:o,className:n,accept:i,multiple:r},c)=>{const{register:l}=useFormContext();return React.createElement("input",Object.assign({},l(o),{"data-cy":"file-upload-input",type:"file",id:o,className:n,name:o,onChange:o=>__awaiter(void 0,void 0,void 0,(function*(){const n=yield getFileToUpload(o.target.files,e);a(t,n)})),multiple:r,accept:i,ref:c}))}));FileUpload.displayName="FileUpload";
-//# sourceMappingURL=FileUpload.js.map

package/lib-esm/components/common/FileUpload/helper.d.ts

@@ -1,11 +0,0 @@
-import type { SchemaModel, UploadFileType } from '../../../models';
-/**
- * Convert request body mime-type to accept value for file upload input in browser
- */
-export declare function mimeTypeToAccept(mimeType: string): string | undefined;
-export declare function isFileUploadMime(mimeType: string): boolean;
-export declare function isMultipartFileUploadProperty(schema: SchemaModel): boolean;
-export declare function isRootFileUpload(schema: SchemaModel | GenericObject, mimeType: string): boolean;
-export declare function fileToBase64(file: File): Promise<string>;
-export declare function getIsBase64({ format, contentEncoding, contentMediaType, }: SchemaModel | GenericObject): boolean;
-export declare function getFileToUpload(rawFiles: FileList, schema: SchemaModel | GenericObject): Promise<UploadFileType>;

package/lib-esm/components/common/FileUpload/helper.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(o,a){function r(e){try{p(n.next(e))}catch(e){a(e)}}function s(e){try{p(n.throw(e))}catch(e){a(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,s)}p((n=n.apply(e,t||[])).next())}))};import{DefinitionTypes,FileUploadFormats}from"../../../models";const FILE_UPLOAD_FORMATS=Object.values(FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];export function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t))))return e}export function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t)))}export function isMultipartFileUploadProperty(e){const t="array"===e.type?e.items:e;if(!t||!t.type||"any"===(null==t?void 0:t.type))return!0;const i=t.contentMediaType||"",n=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(n)}export function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);const i=e.format||e.contentEncoding||"";return e.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}export function fileToBase64(e){return new Promise(((t,i)=>{const n=new FileReader;n.onload=()=>{const e=n.result.replace(/data:.*\/.*;base64,/g,"");t(e)},n.onerror=()=>i(n.error),n.readAsDataURL(e)}))}export function getIsBase64({format:e,contentEncoding:t,contentMediaType:i}){return[e,t,i].includes(FileUploadFormats.BASE64)}export function getFileToUpload(e,t){return __awaiter(this,void 0,void 0,(function*(){const i=Object.values(e);let n=1===i.length?i[0]:i;return t.type===DefinitionTypes.STRING&&getIsBase64(t)?n=yield fileToBase64(i[0]):t.type===DefinitionTypes.ARRAY&&t.items&&(n=getIsBase64(t.items)?yield Promise.all(i.map((e=>__awaiter(this,void 0,void 0,(function*(){return yield fileToBase64(e)}))))):i),n}))}
-//# sourceMappingURL=helper.js.map

package/lib-esm/components/common/FileUpload/index.d.ts

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

package/lib-esm/components/common/FileUpload/index.js

@@ -1,2 +0,0 @@
-export*from"./FileUpload";
-//# sourceMappingURL=index.js.map

package/lib-esm/components/common/LinearProgress.d.ts

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

package/lib-esm/components/common/LinearProgress.js

@@ -1,104 +0,0 @@
-import React from"react";import styled from"styled-components";const LoadingLine=styled.div`
-  position: relative;
-  height: 4px;
-  display: block;
-  width: 100%;
-  background-color: var(--linear-progress-background-color);
-  border-radius: var(--border-radius);
-  background-clip: padding-box;
-  margin: 0.5rem 0 1rem 0;
-  overflow: hidden;
-
-  .determinate {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    background-color: var(--linear-progress-color);
-    transition: width 0.3s linear;
-  }
-  .indeterminate {
-    background-color: var(--linear-progress-color);
-  }
-  .indeterminate:before {
-    content: '';
-    position: absolute;
-    background-color: inherit;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    will-change: left, right;
-    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-  }
-  .indeterminate:after {
-    content: '';
-    position: absolute;
-    background-color: inherit;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    will-change: left, right;
-    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-    -webkit-animation-delay: 1.15s;
-    animation-delay: 1.15s;
-  }
-
-  @-webkit-keyframes indeterminate {
-    0% {
-      left: -35%;
-      right: 100%;
-    }
-    60% {
-      left: 100%;
-      right: -90%;
-    }
-    100% {
-      left: 100%;
-      right: -90%;
-    }
-  }
-  @keyframes indeterminate {
-    0% {
-      left: -35%;
-      right: 100%;
-    }
-    60% {
-      left: 100%;
-      right: -90%;
-    }
-    100% {
-      left: 100%;
-      right: -90%;
-    }
-  }
-  @-webkit-keyframes indeterminate-short {
-    0% {
-      left: -200%;
-      right: 100%;
-    }
-    60% {
-      left: 107%;
-      right: -8%;
-    }
-    100% {
-      left: 107%;
-      right: -8%;
-    }
-  }
-  @keyframes indeterminate-short {
-    0% {
-      left: -200%;
-      right: 100%;
-    }
-    60% {
-      left: 107%;
-      right: -8%;
-    }
-    100% {
-      left: 107%;
-      right: -8%;
-    }
-  }
-`;export const LinearProgress=()=>React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}));
-//# sourceMappingURL=LinearProgress.js.map

package/lib-esm/components/common/Portal/Portal.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-interface PortalProps {
-    mountId?: string;
-}
-export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => React.JSX.Element;
-export {};

package/lib-esm/components/common/Portal/Portal.js

@@ -1,2 +0,0 @@
-import React,{useEffect}from"react";import{createPortal}from"react-dom";import{IS_BROWSER}from"../../../utils";const container=IS_BROWSER?document.createElement("div"):null;export const Portal=({children:e,mountId:t="api-content"})=>{const n=IS_BROWSER?document.getElementById(t):null;return useEffect((()=>{if(n&&container)return n.appendChild(container),()=>{n.removeChild(container)}}),[n]),n&&container?createPortal(e,container):React.createElement(React.Fragment,null,e)};
-//# sourceMappingURL=Portal.js.map

package/lib-esm/components/common/Portal/index.d.ts

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

package/lib-esm/components/common/Portal/index.js

@@ -1,2 +0,0 @@
-export{Portal}from"./Portal";
-//# sourceMappingURL=index.js.map

package/lib-esm/components/common/TextField.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import type { UseControllerProps } from 'react-hook-form/dist/types/controller';
-import type { FlattenInterpolation, ThemeProps } from 'styled-components';
-import type { DropdownOption, DropdownProps } from './Dropdown';
-export declare const getInvertedInputStyles: (panelType: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
-    fullWidth?: boolean | undefined;
-    inputType?: string | undefined;
-    inputActionButton?: InputActionButtonProps | undefined;
-    panel: 'samples' | 'try-it';
-}, never>;
-export interface InputActionButtonProps {
-    label: string;
-    onClick: React.EventHandler<React.SyntheticEvent>;
-}
-export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    fullWidth?: boolean;
-    errorMessage?: string;
-    inputActionButton?: InputActionButtonProps;
-    panel?: 'samples' | 'try-it';
-}
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
-type FormFieldProps = {
-    fieldName: string;
-    defaultValue?: string;
-    rules?: UseControllerProps['rules'];
-    validateOnBlur?: boolean;
-    validateOnChange?: boolean;
-};
-export declare function FormTextField({ id, fieldName, defaultValue, rules, validateOnBlur, validateOnChange, ...rest }: TextFieldExtraProps & FormFieldProps): JSX.Element;
-export interface FormDropdownProps extends Partial<DropdownProps>, FormFieldProps {
-    options: DropdownOption[];
-}
-export declare const FormDropdown: React.NamedExoticComponent<FormDropdownProps>;
-export {};

package/lib-esm/components/common/TextField.js

@@ -1,79 +0,0 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};import styled,{css}from"styled-components";import React,{forwardRef,useCallback,useState,memo}from"react";import{useFormContext,Controller}from"react-hook-form";import{FormError}from"./form";import{Dropdown}from"./Dropdown";import{isNull}from"../../utils";export const getInvertedInputStyles=e=>css`
-  border: var(--input-border);
-  outline: none;
-  padding: var(--input-padding);
-  border-radius: var(--input-border-radius);
-  background-color: var(--panel-${e}-input-background-color);
-  color: var(--input-text-color);
-  font-family: var(--input-font-family);
-  font-size: var(--input-font-size);
-  line-height: var(--input-line-height);
-
-  &::placeholder {
-    opacity: 0.6;
-    color: var(--input-placeholder-text-color);
-  }
-
-  &:hover {
-    color: var(--input-hover-text-color);
-    border: var(--input-hover-border);
-  }
-
-  &:focus {
-    color: var(--input-focus-text-color);
-    border: var(--input-focus-border);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-${e}-input-background-color);
-  }
-`;const TextFieldWrapper=styled.div`
-  display: ${({type:e})=>"hidden"===e?"none":"inline-block"};
-  ${({fullWidth:e})=>e?"width: 100%;":""}
-`,InputWrap=styled.div`
-  position: relative;
-`;export const StyledInput=styled.input`
-  ${({panel:e})=>{return css`
-  border: var(--input-border);
-  outline: none;
-  padding: var(--input-padding);
-  border-radius: var(--input-border-radius);
-  background-color: var(--panel-${t=e}-input-background-color);
-  color: var(--input-text-color);
-  font-family: var(--input-font-family);
-  font-size: var(--input-font-size);
-  line-height: var(--input-line-height);
-
-  &::placeholder {
-    opacity: 0.6;
-    color: var(--input-placeholder-text-color);
-  }
-
-  &:hover {
-    color: var(--input-hover-text-color);
-    border: var(--input-hover-border);
-  }
-
-  &:focus {
-    color: var(--input-focus-text-color);
-    border: var(--input-focus-border);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-${t}-input-background-color);
-  }
-`;var t}}
-  ${({inputType:e,inputActionButton:t})=>"password"===e||t?"padding-right: 40px;":""};
-  ${({fullWidth:e})=>e?"width: 100%;":""}
-`;const InputActionButton=styled.span`
-  position: absolute;
-  right: 0;
-  line-height: normal;
-
-  font-size: 0.8em;
-  padding: calc(8px / 0.8);
-  cursor: pointer;
-  text-align: center;
-  color: var(--panel-samples-text-color);
-`;function TextFieldComponent(e,t){var{fullWidth:r,errorMessage:o,type:n,inputActionButton:l,panel:a="samples"}=e,i=__rest(e,["fullWidth","errorMessage","type","inputActionButton","panel"]);const[u,p]=useState("password"===n);return React.createElement(TextFieldWrapper,{fullWidth:r,type:n},React.createElement(InputWrap,null,React.createElement(StyledInput,Object.assign({fullWidth:r,inputActionButton:l,type:u?"password":"text",inputType:n,ref:t,panel:a},i)),l?React.createElement(InputActionButton,{onClick:l.onClick},l.label):"password"===n?React.createElement(InputActionButton,{onClick:()=>{p(!u)}},u?"show":"hide"):null),o?React.createElement(FormError,null,o):null)}export const TextField=forwardRef(TextFieldComponent);export function FormTextField(e){var{id:t,fieldName:r,defaultValue:o="",rules:n,validateOnBlur:l,validateOnChange:a}=e,i=__rest(e,["id","fieldName","defaultValue","rules","validateOnBlur","validateOnChange"]);const{setValue:u,getFieldState:p,control:c,trigger:d}=useFormContext(),s=e=>{u(r,e.target.value),a&&d(r)},m=()=>{l&&d(r)},{error:v}=p(r);return React.createElement(Controller,{control:c,name:r,defaultValue:o,rules:n,render:({field:{value:e=""}})=>React.createElement(TextField,Object.assign({},i,{id:t||r,name:r,value:isNull(e)?"":e,onChange:s,onBlur:m,errorMessage:null==v?void 0:v.message}))})}const FormDropdownComponent=({fieldName:e,options:t,defaultValue:r,rules:o,validateOnChange:n})=>{const{setValue:l,getFieldState:a,control:i,trigger:u}=useFormContext(),p=t.map(((e,t)=>({value:e.title||e.value,idx:t,origValue:e.value}))),c=useCallback((t=>{l(e,p[t.idx].origValue),n&&u(e)}),[e,p,l,u,n]),{error:d}=a(e);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Controller,{control:i,name:e,defaultValue:r,rules:o,render:({field:{value:e}})=>{var t;const r=null===(t=p.find((t=>t.origValue===e)))||void 0===t?void 0:t.value;return React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:r,options:p,onChange:c})}}),d?React.createElement(FormError,null,d.message):null)};export const FormDropdown=memo(FormDropdownComponent);
-//# sourceMappingURL=TextField.js.map

package/lib-esm/components/common/form.d.ts

@@ -1,17 +0,0 @@
-export declare const Table: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormLabel: import("styled-components").StyledComponent<"label", any, {
-    required?: boolean | undefined;
-}, never>;
-export declare const FormError: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormWarning: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TokenField: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TokenValue: import("styled-components").StyledComponent<"code", any, {
-    masked?: boolean | undefined;
-    length: number;
-}, never>;
-export declare const TokenShowHide: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TokenClear: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FormHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/common/form.js

@@ -1,64 +0,0 @@
-import styled,{css}from"styled-components";export const Table=styled.div`
-  display: table;
-  width: 100%;
-`;export const GroupLabel=styled.div`
-  color: #969a9a;
-  font-size: 1em;
-  font-weight: normal;
-  text-align: left;
-  position: absolute;
-`;export const FormControl=styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;export const FormWrapper=styled.div`
-  width: 100%;
-  margin-bottom: 20px;
-`;export const FormLabel=styled.label`
-  padding-bottom: 6px;
-  display: block;
-  white-space: nowrap;
-  line-height: 1em;
-
-  ${({required:o})=>o&&css`
-      &:after {
-        display: inline-block;
-        content: '*';
-        margin-left: 4px;
-        color: var(--color-error);
-      }
-    `}
-`;export const FormError=styled.div`
-  color: var(--color-error);
-  font-size: 0.9em;
-  & pre {
-    word-break: break-word;
-    white-space: pre-wrap;
-  }
-`;export const FormWarning=styled.div`
-  color: var(--color-warning);
-  font-size: 0.9em;
-`;function placeholder(o,e){let t="";for(let r=0;r<o;r++)t+=e;return'"'+t+'"'}export const TokenField=styled.div`
-  position: relative;
-  margin-bottom: 1em;
-  display: flex;
-`;export const TokenValue=styled.code`
-  flex: 1;
-  overflow-wrap: anywhere;
-  ${({masked:o,length:e})=>o&&`\n  color: transparent;\n\n  &:before {\n    content: ${placeholder(e,"*")};\n    color: white;\n    position: absolute;\n    right: 100px;\n  }\n  `||""}
-`;export const TokenShowHide=styled.span`
-  padding: 0 5px;
-  cursor: pointer;
-`;export const TokenClear=styled(TokenShowHide)`
-  color: var(--color-error);
-`;export const FormHeader=styled.div`
-  font-weight: bold;
-  font-size: 1.2em;
-  margin: 1em 0;
-`;
-//# sourceMappingURL=form.js.map

package/lib-esm/components/common/perfect-scrollbar.d.ts

@@ -1,18 +0,0 @@
-import { Component } from 'react';
-import type PerfectScrollbarType from 'perfect-scrollbar';
-import type { PropsWithChildren } from 'react';
-export interface PerfectScrollbarProps {
-    options?: PerfectScrollbarType.Options;
-    className?: string;
-    updateFn?: (fn: any) => void;
-}
-export declare class PerfectScrollbar extends Component<PropsWithChildren<PerfectScrollbarProps>> {
-    private _container;
-    private inst;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    handleRef: (ref: HTMLDivElement) => void;
-    render(): JSX.Element;
-}
-export declare function PerfectScrollbarWrap({ children, ...rest }: PropsWithChildren<PerfectScrollbarProps>): JSX.Element;

package/lib-esm/components/common/perfect-scrollbar.js

@@ -1,4 +0,0 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useAtomValue}from"jotai";import{IS_BROWSER}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
-  position: relative;
-`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=useAtomValue(globalOptionsAtom);return o?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)}
-//# sourceMappingURL=perfect-scrollbar.js.map

package/lib-esm/components/common/shelfs.d.ts

@@ -1,3 +0,0 @@
-export declare const Badge: import("styled-components").StyledComponent<"span", any, {
-    deprecated?: boolean | undefined;
-}, never>;

package/lib-esm/components/common/shelfs.js

@@ -1,23 +0,0 @@
-import styled,{css}from"styled-components";export const Badge=styled.span`
-  display: inline-block;
-  padding: 2px 8px;
-  vertical-align: middle;
-  line-height: 1.6;
-  color: var(--badge-text-color);
-  background-color: var(--badge-background-color);
-  border-color: var(--badge-border-color);
-  border: var(--badge-border);
-  border-radius: var(--badge-border-radius);
-  margin: 0 0 0 0.5em;
-  font-size: var(--code-font-size);
-  font-weight: var(--font-weight-bold);
-
-  ${({deprecated:r})=>r&&css`
-      color: var(--badge-deprecated-text-color);
-      background-color: var(--badge-deprecated-background-color);
-      border-color: var(--badge-deprecated-border-color);
-      border: var(--badge-deprecated-border);
-      border-radius: var(--badge-deprecated-border-radius);
-    `}
-`;
-//# sourceMappingURL=shelfs.js.map

package/lib-esm/components/icons/CrossIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const CrossIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, Pick<IconProps, "color" | "size" | "float">, never>;

package/lib-esm/components/icons/CrossIcon.js

@@ -1,11 +0,0 @@
-import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const CrossIconInt=({className:e})=>React.createElement("svg",{className:e,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"122.879px",height:"122.879px",viewBox:"0 0 122.879 122.879"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M61.44,0c33.933,0,61.439,27.507,61.439,61.439 s-27.506,61.439-61.439,61.439C27.507,122.879,0,95.372,0,61.439S27.507,0,61.44,0L61.44,0z M73.451,39.151 c2.75-2.793,7.221-2.805,9.986-0.027c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.076,12.249 c2.729,2.77,2.689,7.257-0.08,10.022c-2.773,2.765-7.23,2.758-9.955-0.013L61.446,71.54L49.428,83.728 c-2.75,2.793-7.22,2.805-9.986,0.027c-2.763-2.776-2.776-7.293-0.027-10.084L51.48,61.434L39.403,49.185 c-2.728-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.953,0.013l11.997,12.165L73.451,39.151L73.451,39.151z"}));export const CrossIcon=styled(CrossIconInt)`
-  height: ${e=>e.size||"9px"};
-  width: ${e=>e.size||"9px"};
-  vertical-align: middle;
-  float: ${e=>e.float||""};
-  transition: transform 0.2s ease-out;
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=CrossIcon.js.map

package/lib-esm/components/icons/FileIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const FileIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, Pick<IconProps, "color" | "size">, never>;

package/lib-esm/components/icons/FileIcon.js

@@ -1,9 +0,0 @@
-import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const FileIconInt=({className:e})=>React.createElement("svg",{className:e,viewBox:"0 0 368.553 368.553",xmlSpace:"preserve"},React.createElement("path",{d:"M239.68 0H42.695v368.553h283.164V86.811L239.68 0zm4.377 25.7 56.288 56.701h-56.288V25.7zM57.695 353.553V15h171.362v82.401h81.802v256.151H57.695v.001z"}),React.createElement("path",{d:"M86.435 82.401H208.31v15H86.435zM86.435 151.122H282.12v15H86.435zM86.435 219.843H282.12v15H86.435zM86.435 288.563H282.12v15H86.435z"}));export const FileIcon=styled(FileIconInt)`
-  vertical-align: middle;
-  height: ${e=>e.size||"15px"};
-  width: ${e=>e.size||"15px"};
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=FileIcon.js.map

package/lib-esm/components/icons/LinkIcon.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { IconProps } from './types';
-export declare const LinkIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => React.JSX.Element, any, Pick<IconProps, "size">, never>;

package/lib-esm/components/icons/LinkIcon.js

@@ -1,11 +0,0 @@
-import React from"react";import styled from"styled-components";const LinkIconInt=({className:e})=>React.createElement("svg",{className:e,viewBox:"0 0 16 16","aria-hidden":"true"},React.createElement("path",{fillRule:"evenodd",fill:"currentColor",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}));export const LinkIcon=styled(LinkIconInt)`
-  vertical-align: middle;
-  ${e=>e.size?`height:${e.size}`:""};
-  ${e=>e.size?`width:${e.size}`:""};
-  color: var(--link-text-color);
-  &:active,
-  &:visited {
-    color: var(--link-visited-text-color);
-  }
-`;
-//# sourceMappingURL=LinkIcon.js.map

package/lib-esm/components/icons/LockIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "color" | "className" | "size" | "float">, never>;

package/lib-esm/components/icons/LockIcon.js

@@ -1,12 +0,0 @@
-import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const LockIconInt=({className:e,style:c})=>React.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 100 100",style:c},React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M94.5 49.7c0-7.8-5-14.5-12-16.9C78 19.1 65.2 9.3 50 9.3c-15.1 0-27.9 9.9-32.4 23.5C10.6 35.1 5.5 41.8 5.5 49.7c0 9.9 8 17.9 17.9 17.9V34.9c3.6-11.3 14.2-19.4 26.6-19.4 12.4 0 22.9 8.1 26.6 19.2v30.7c-1.3 2.7-8.8 17.6-18.7 18 -0.8-2.1-2.8-3.6-5.1-3.6 -3 0-5.5 2.5-5.5 5.5 0 3 2.5 5.5 5.5 5.5 2.4 0 4.4-1.5 5.1-3.6 11.8-0.4 20-16 21.9-19.8C88.2 65.7 94.5 58.4 94.5 49.7z"})),React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M63.3 12.4V8.7c0-1.2-1.2-2.2-2.7-2.2 -1.5 0-2.7 1-2.7 2.2v1.9c-0.8-0.1-1.5-0.2-2.3-0.2H44.4c-9.2 0-16.7 7.6-16.7 16.9v49.3c0 9.3 7.5 16.9 16.7 16.9h11.1c9.2 0 16.7-7.6 16.7-16.9V27.3C72.3 20.8 68.6 15.2 63.3 12.4zM56.6 84.9H43.3v-4.2h13.4V84.9zM65.2 67.4c-0.2 0.2-4.7 5.4-15.4 5.4 -10.5 0-16.4-5-16.7-5.2 -0.7-0.6-0.8-1.8-0.2-2.5 0.6-0.7 1.8-0.8 2.5-0.2 0 0 5.2 4.3 14.3 4.3 8.9 0 12.5-4 12.7-4.1 0.6-0.7 1.8-0.8 2.5-0.2C65.8 65.5 65.9 66.6 65.2 67.4zM66.4 51.6c0 3.1-2.4 5.6-5.3 5.6H39.2c-3 0-5.3-2.5-5.3-5.6v-25c0-3.1 2.4-5.6 5.3-5.6h21.9c3 0 5.3 2.5 5.3 5.6V51.6z"})),React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M63.4 9.7H36.6c-5.4 0-9.8 4.5-9.8 10v60.7c0 5.5 4.4 10 9.8 10h26.8c5.4 0 9.8-4.5 9.8-10V19.7C73.2 14.2 68.8 9.7 63.4 9.7zM50 85c-2.6 0-4.8-2.1-4.8-4.8s2.1-4.8 4.8-4.8c2.6 0 4.8 2.1 4.8 4.8S52.6 85 50 85zM67.1 71.5H32.9V20.8h34.3V71.5z"})),React.createElement("path",{d:"M16.1 45.4V92.5h67.8V45.4H16.1zM53.9 70.9v12.4h-7.4V70.9c-3.2-1.4-5.4-4.6-5.4-8.2 0-5 4-9 9-9 5 0 9 4.1 9 9C59.3 66.3 57.1 69.5 53.9 70.9zM37.2 39.8c-0.3 0-1.4-2.9-1.4-2.9 -0.5-1.5-0.7-3-0.7-4.6 0-8.4 6.8-15.2 15.2-15.2 8.4 0 15.2 6.8 15.2 15.2 0 1.6-0.2 3.1-0.7 4.6l0 0 0 0c0 0-1.1 2.9-1.4 2.9 -0.3 0 10.4 0 10.6 0l0 0c0.8-2.4 1.2-4.9 1.2-7.5C75.1 18.6 64 7.5 50.3 7.5c-13.7 0-24.8 11.1-24.8 24.8 0 2.5 0.4 5.1 1.2 7.5C26.6 39.8 37.5 39.8 37.2 39.8z"}));export const LockIcon=styled(LockIconInt)`
-  height: ${({size:e})=>e||"9px"};
-  width: ${({size:e})=>e||"9px"};
-  vertical-align: middle;
-  float: ${({float:e})=>e||""};
-  transition: transform 0.2s ease-out;
-
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=LockIcon.js.map

package/lib-esm/components/icons/SearchIcon.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const SearchIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => React.JSX.Element, any, {
-    className: "search-icon";
-}, "className">;

package/lib-esm/components/icons/SearchIcon.js

@@ -1,11 +0,0 @@
-import React from"react";import styled from"styled-components";const SearchIconInt=({className:e})=>React.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 1000 1000",x:"0px",xmlns:"http://www.w3.org/2000/svg",y:"0px"},React.createElement("path",{d:"M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"}));export const SearchIcon=styled(SearchIconInt).attrs({className:"search-icon"})`
-  position: absolute;
-  left: calc(var(--spacing-unit) * 4);
-  height: 1.8em;
-  width: 0.9em;
-
-  path {
-    fill: var(--sidebar-item-text-color);
-  }
-`;
-//# sourceMappingURL=SearchIcon.js.map

package/lib-esm/components/icons/ShelfIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: IconProps) => JSX.Element, any, {}, never>;

package/lib-esm/components/icons/ShelfIcon.js

@@ -1,12 +0,0 @@
-import React from"react";import styled,{css}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const directionMap={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},IntShelfIcon=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},React.createElement("path",{d:"M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"}),React.createElement("path",{d:"M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"}));export const ShelfIcon=styled(IntShelfIcon)`
-  ${({size:e="9px",float:t="",direction:o,color:a})=>css`
-    height: ${e};
-    width: ${e};
-    float: ${t};
-    transform: rotateZ(${directionMap[o]});
-    fill: ${getCssColorVariable(a)};
-  `}
-  vertical-align: middle;
-  transition: transform 0.2s ease-out;
-`;
-//# sourceMappingURL=ShelfIcon.js.map

package/lib-esm/components/icons/Spinner.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { IconProps } from './types';
-export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => React.JSX.Element, any, Pick<IconProps, "color" | "className">, never>;

package/lib-esm/components/icons/Spinner.js

@@ -1,19 +0,0 @@
-import React from"react";import styled,{keyframes}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const _Spinner=({className:e})=>React.createElement("svg",{className:e,version:"1.1",width:"512",height:"512",viewBox:"0 0 512 512"},React.createElement("path",{d:"M275.682 147.999c0 10.864-8.837 19.661-19.682 19.661v0c-10.875 0-19.681-8.796-19.681-19.661v-96.635c0-10.885 8.806-19.661 19.681-19.661v0c10.844 0 19.682 8.776 19.682 19.661v96.635z"}),React.createElement("path",{d:"M275.682 460.615c0 10.865-8.837 19.682-19.682 19.682v0c-10.875 0-19.681-8.817-19.681-19.682v-96.604c0-10.885 8.806-19.681 19.681-19.681v0c10.844 0 19.682 8.796 19.682 19.682v96.604z"}),React.createElement("path",{d:"M147.978 236.339c10.885 0 19.681 8.755 19.681 19.641v0c0 10.885-8.796 19.702-19.681 19.702h-96.624c-10.864 0-19.661-8.817-19.661-19.702v0c0-10.885 8.796-19.641 19.661-19.641h96.624z"}),React.createElement("path",{d:"M460.615 236.339c10.865 0 19.682 8.755 19.682 19.641v0c0 10.885-8.817 19.702-19.682 19.702h-96.584c-10.885 0-19.722-8.817-19.722-19.702v0c0-10.885 8.837-19.641 19.722-19.641h96.584z"}),React.createElement("path",{d:"M193.546 165.703c7.69 7.66 7.68 20.142 0 27.822v0c-7.701 7.701-20.162 7.701-27.853 0.020l-68.311-68.322c-7.68-7.701-7.68-20.142 0-27.863v0c7.68-7.68 20.121-7.68 27.822 0l68.342 68.342z"}),React.createElement("path",{d:"M414.597 386.775c7.7 7.68 7.7 20.163 0.021 27.863v0c-7.7 7.659-20.142 7.659-27.843-0.062l-68.311-68.26c-7.68-7.7-7.68-20.204 0-27.863v0c7.68-7.7 20.163-7.7 27.842 0l68.291 68.322z"}),React.createElement("path",{d:"M165.694 318.464c7.69-7.7 20.153-7.7 27.853 0v0c7.68 7.659 7.69 20.163 0 27.863l-68.342 68.322c-7.67 7.659-20.142 7.659-27.822-0.062v0c-7.68-7.68-7.68-20.122 0-27.801l68.311-68.322z"}),React.createElement("path",{d:"M386.775 97.362c7.7-7.68 20.142-7.68 27.822 0v0c7.7 7.68 7.7 20.183 0.021 27.863l-68.322 68.311c-7.68 7.68-20.163 7.68-27.843-0.020v0c-7.68-7.68-7.68-20.162 0-27.822l68.322-68.332z"})),rotate=keyframes`
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(360deg);
-  }
-`;export const Spinner=styled(_Spinner)`
-  animation: 2s ${rotate} linear infinite;
-  width: 50px;
-  height: 50px;
-  content: '';
-  display: inline-block;
-  margin-left: -25px;
-
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=Spinner.js.map

package/lib-esm/components/icons/index.d.ts

@@ -1,8 +0,0 @@
-export { CrossIcon } from './CrossIcon';
-export { FileIcon } from './FileIcon';
-export { LinkIcon } from './LinkIcon';
-export { LockIcon } from './LockIcon';
-export { ShelfIcon } from './ShelfIcon';
-export { SearchIcon } from './SearchIcon';
-export { Spinner } from './Spinner';
-export * from './types';

package/lib-esm/components/icons/index.js

@@ -1,2 +0,0 @@
-export{CrossIcon}from"./CrossIcon";export{FileIcon}from"./FileIcon";export{LinkIcon}from"./LinkIcon";export{LockIcon}from"./LockIcon";export{ShelfIcon}from"./ShelfIcon";export{SearchIcon}from"./SearchIcon";export{Spinner}from"./Spinner";export*from"./types";
-//# sourceMappingURL=index.js.map