@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.11

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

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

package/lib-esm/components/StoreProvider.d.ts

@@ -1,15 +1,14 @@
 /// <reference types="react" />
-import type { RedocProRawOptions } from '../services/ProStore';
-import type { CodeSampleConfig } from '../services/code-samples/types';
+import type { CodeSampleConfig, RawOptions } from '../services';
 import type { SpecVersions } from '../services/VersionedSpecStore';
-import { ProStore } from '../services/ProStore';
+import { ProStore } from '../services';
 export declare const Provider: import("react").Provider<ProStore | undefined>, Consumer: import("react").Consumer<ProStore | undefined>;
 interface StoreProviderProps {
     definitionUrl?: string;
     definition?: GenericObject;
     store?: ProStore;
     definitions?: SpecVersions;
-    options?: RedocProRawOptions;
+    options?: RawOptions;
     children: (props: {
         loading: boolean;
         store?: ProStore;

package/lib-esm/components/StoreProvider.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function c(e){try{u(i.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,c)}u((i=i.apply(e,t||[])).next())}))};import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export const{Provider:Provider,Consumer:Consumer}=createContext(void 0);export const ProStoreProvider=({definitions:e,options:t,definitionUrl:n,definition:i,activeItemId:o,activeSampleLanguage:r,activeDeepLink:s,children:c})=>{const[,u]=useState(),[d,a]=useState(!0),[l,f]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){a(!0);try{f(e?yield loadMany(e):yield loadSingle(i,n,t))}catch(e){u((()=>{throw e}))}}))}()}),[e,i,n,t]);const p=useMemo((()=>{var e,i,o;if(!l)return;const r=new ProStore(l,n,t);return(null===(e=r.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(i=r.options.hooks)||void 0===i?void 0:i.onInit)||void 0===o||o.call(i,{store:r})),r}),useDeepCompareMemoize([l,t]));return useEffect((()=>{if(p)return a(!1),()=>p.dispose()}),[p]),useEffect((()=>{var e;if(!p)return;if(!o)return;const t=(null==o?void 0:o.split(p.options.deepLinkPrefix)[0])||(null===(e=p.menu.flatItems[p.menu.activeItemIdx])||void 0===e?void 0:e.id),n=p.menu.flatItems.find((e=>e.id===t)),i=s?t+p.options.deepLinkPrefix+s:void 0;i&&p.menu.history instanceof FakeHistoryService&&p.menu.history.replaceForField(i),p.menu.activateAndScroll(n,!0,!1,i)}),[o,s,p]),useEffect((()=>{p&&r&&p.setActiveSampleLanguage(r)}),[r,p]),c({loading:d,store:p})};function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const n=t[e];n["x-type"]&&(n.type=n["x-type"]),n["x-scheme"]&&(n.scheme=n["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,t,n){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==n?void 0:n.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||t);const o=null==n?void 0:n.unstable_externalDescription;if(o)try{const e=yield fetch(o);i.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${o}: ${e.message}`)}try{fixSpec(i)}catch(e){}return i}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const t of e)t.url&&(t.spec=yield loadAndBundleSpecOrMd(t.url))}))}function useDeepCompareMemoize(e){const t=useRef(),n=useRef(0);return isDeepEqual(e,t.current)||(t.current=e,n.current+=1),[n.current]}
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function c(e){try{u(i.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,c)}u((i=i.apply(e,t||[])).next())}))};import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{ProStore,FakeHistoryService}from"../services";import{loadAndBundleDefinition}from"../utils";export const{Provider:Provider,Consumer:Consumer}=createContext(void 0);export const ProStoreProvider=({definitions:e,options:t,definitionUrl:n,definition:i,activeItemId:o,activeSampleLanguage:r,activeDeepLink:s,children:c})=>{const[,u]=useState(),[d,a]=useState(!0),[l,f]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){a(!0);try{f(e?yield loadMany(e):yield loadSingle(i,n,t))}catch(e){u((()=>{throw e}))}}))}()}),[e,i,n,t]);const p=useMemo((()=>{var e,i,o;if(!l)return;const r=new ProStore(l,n,t);return(null===(e=r.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(i=r.options.hooks)||void 0===i?void 0:i.onInit)||void 0===o||o.call(i,{store:r})),r}),useDeepCompareMemoize([l,t]));return useEffect((()=>{if(p)return a(!1),()=>p.dispose()}),[p]),useEffect((()=>{var e;if(!p)return;if(!o)return;const t=(null==o?void 0:o.split(p.options.deepLinkPrefix)[0])||(null===(e=p.menu.flatItems[p.menu.activeItemIdx])||void 0===e?void 0:e.id),n=p.menu.flatItems.find((e=>e.id===t)),i=s?t+p.options.deepLinkPrefix+s:void 0;i&&p.menu.history instanceof FakeHistoryService&&p.menu.history.replaceForField(i),p.menu.activateAndScroll(n,!0,!1,i)}),[o,s,p]),useEffect((()=>{p&&r&&p.setActiveSampleLanguage(r)}),[r,p]),c({loading:d,store:p})};function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const n=t[e];n["x-type"]&&(n.type=n["x-type"]),n["x-scheme"]&&(n.scheme=n["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,t,n){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==n?void 0:n.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||t);const o=null==n?void 0:n.unstable_externalDescription;if(o)try{const e=yield fetch(o);i.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${o}: ${e.message}`)}try{fixSpec(i)}catch(e){}return i}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const t of e)t.url&&(t.spec=yield loadAndBundleSpecOrMd(t.url))}))}function useDeepCompareMemoize(e){const t=useRef(),n=useRef(0);return isDeepEqual(e,t.current)||(t.current=e,n.current+=1),[n.current]}
 //# sourceMappingURL=StoreProvider.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { TabProps as ReactTabProps } from 'react-tabs';
-import type { OperationModel } from '../../../redoc-lib';
+import type { OperationModel } from '../../../models';
 export interface TabProps extends ReactTabProps {
     title: string;
 }

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-import React from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:o,onChange:n}){const{samplesTabsMaxCount:l}=React.useContext(OptionsContext),s=React.useMemo((()=>e.slice(l).map((({title:e},t)=>({idx:t,value:e})))),[e,l]),i=`${s.length} more`,[c,p]=React.useState(i),m=React.useCallback((()=>{const t=o>=l;c!==i&&c===e[o].title||!t?c===i||t||p(i):p(e[o].title)}),[o,l,c,i,e]);React.useEffect((()=>{setTimeout(m,0)}),[o,l,m]);return React.createElement(Tabs,{selectedIndex:o,onSelect:n},React.createElement(CollapsingTabList,{hidden:a},e.map(((e,t)=>React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{n(l+e.idx)},placeholder:i,value:c,active:o>=l}):null),t)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
+import React from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../context";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:o,onChange:n}){const{samplesTabsMaxCount:l}=React.useContext(OptionsContext),s=React.useMemo((()=>e.slice(l).map((({title:e},t)=>({idx:t,value:e})))),[e,l]),i=`${s.length} more`,[c,p]=React.useState(i),m=React.useCallback((()=>{const t=o>=l;c!==i&&c===e[o].title||!t?c===i||t||p(i):p(e[o].title)}),[o,l,c,i,e]);React.useEffect((()=>{setTimeout(m,0)}),[o,l,m]);return React.createElement(Tabs,{selectedIndex:o,onSelect:n},React.createElement(CollapsingTabList,{hidden:a},e.map(((e,t)=>React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{n(l+e.idx)},placeholder:i,value:c,active:o>=l}):null),t)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

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

@@ -1,10 +1,5 @@
-import { Component } from 'react';
 import type { FieldContext } from 'informed';
-import type { ChangeEvent } from 'react';
 declare type FieldValue = string[];
-interface CheckboxListComponentState {
-    collapsed: boolean;
-}
 export interface CheckboxListComponentProps {
     items: string[];
     maxDisplayedItems?: number;
@@ -12,14 +7,6 @@ export interface CheckboxListComponentProps {
     showControls?: boolean;
     trimItemsLength?: boolean;
 }
-export declare class CheckboxListComponent extends Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
-    state: CheckboxListComponentState;
-    onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
-    private isFieldChecked;
-    private toggle;
-    private selectAll;
-    private clearAll;
-    render(): JSX.Element;
-}
+export declare const CheckboxListComponent: ({ items, fieldApi, validateOnChange, maxDisplayedItems, showControls, trimItemsLength, }: FieldContext<FieldValue> & CheckboxListComponentProps) => JSX.Element;
 export declare const CheckboxList: import("react").ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import{asField}from"informed";import{SampleControls,SamplesControlButton}from"@redocly/theme";import React,{Component}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export class CheckboxListComponent extends Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}})}onCheckBoxClick(e){const t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);const o=this.props.fieldApi.getValue()||[];let s;if(l)s=[...o,t];else{const e=o.indexOf(t);s=[...o.slice(0,e),...o.slice(e+1)]}this.props.fieldApi.setValue(s)}isFieldChecked(e){return this.props.fieldApi.getValue().includes(e)}toggle(){this.setState({collapsed:!this.state.collapsed})}selectAll(){this.props.fieldApi.setValue(this.props.items)}clearAll(){this.props.fieldApi.setValue([])}render(){const{items:e,fieldApi:t,validateOnChange:l,maxDisplayedItems:o,showControls:s,trimItemsLength:r}=this.props,{collapsed:i}=this.state,a=t.getError(),n=o||11,c=r&&this.state.collapsed?e.slice(0,n):e;return React.createElement("div",null,s?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:()=>{this.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:()=>{this.clearAll()}},"Clear")):null,React.createElement("div",null,c.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:this.isFieldChecked(e),label:e,key:e,onChange:e=>{this.onCheckBoxClick(e),l&&t.validate()}}))),e.length>n&&r?React.createElement(ToggleButton,{onClick:()=>{this.toggle()}},i?"Show all":"Collapse"):null),a?React.createElement(FormError,null,a):"")}}export const CheckboxList=asField(CheckboxListComponent);const ControlButtonsWrapper=styled(SampleControls)`
+import{asField}from"informed";import{SampleControls,SamplesControlButton}from"@redocly/theme";import React,{useState}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export const CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:l,maxDisplayedItems:o,showControls:n,trimItemsLength:r})=>{const[a,c]=useState(!0),s=e=>t.getValue().includes(e),m=t.getError(),i=o||11,u=r&&a?e.slice(0,i):e;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:()=>{t.setValue(e)}},"Select all"),React.createElement(SamplesControlButton,{onClick:()=>{t.setValue([])}},"Clear")):null,React.createElement("div",null,u.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:s(e),label:e,key:e,onChange:e=>{(e=>{const l=e.target.value,o=e.target.checked;t.setTouched(!0);const n=t.getValue()||[];let r;if(o)r=[...n,l];else{const e=n.indexOf(l);r=[...n.slice(0,e),...n.slice(e+1)]}t.setValue(r)})(e),l&&t.validate()}}))),e.length>i&&r?React.createElement(ToggleButton,{onClick:()=>{c((e=>!e))}},a?"Show all":"Collapse"):null),m?React.createElement(FormError,null,m):"")};export const CheckboxList=asField(CheckboxListComponent);const ControlButtonsWrapper=styled(SampleControls)`
   opacity: 1;
   text-align: left;
 `,ToggleButton=styled(SamplesControlButton)`

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

@@ -12,5 +12,5 @@ import React,{memo}from"react";import styled from"styled-components";import{Clea
   polyline {
     color: ${e=>"dark"===e.variant&&"white"};
   }
-`,DropdownComponent=e=>{const{options:t,onChange:o,handleClear:a,clearable:n,placeholder:r,value:l="",className:s,variant:c="light"}=e;return React.createElement("div",{className:s+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:c}),n&&(null==l?void 0:l.length)>0&&React.createElement(ClearButton,{handleClear:a}),React.createElement("select",{onChange:e=>{const{selectedIndex:a}=e.target;o(t[r||!l?a-1:a])},value:l,className:"dropdown-select"},r&&React.createElement("option",{disabled:!0,hidden:!0,value:r},r),!l&&!r&&React.createElement("option",{disabled:!0}),t.map((({idx:e,value:t,title:o},a)=>React.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},o||t)))),React.createElement("label",null,l))};export const Dropdown=memo(DropdownComponent);
+`,DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:a,placeholder:n,value:r="",className:l,variant:s="light"})=>React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),a&&(null==r?void 0:r.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:a}=o.target;t(e[n||!r?a-1:a])},value:r,className:"dropdown-select"},n&&React.createElement("option",{disabled:!0,hidden:!0,value:n},n),!r&&!n&&React.createElement("option",{disabled:!0}),e.map((({idx:e,value:t,title:o},a)=>React.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},o||t)))),React.createElement("label",null,r));export const Dropdown=memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

package/lib-esm/components/common/Fields/fields-layout.d.ts

@@ -0,0 +1,16 @@
+export declare const getCssVariable: (variable: string) => string;
+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-esm/components/common/Fields/fields-layout.js

@@ -0,0 +1,228 @@
+import styled,{css}from"styled-components";import{typography}from"../../../utils";import{deprecatedCss}from"../mixins";export const getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";export const PropertiesTableCaption=styled.caption`
+  text-align: right;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: var(--text-color-secondary);
+`;const repeatingGradient=css`
+  repeating-linear-gradient(0deg,
+  var(--schemas-lines-color),
+  var(--schemas-lines-color) 3px,
+  transparent 3px,
+  transparent 5px,
+  var(--schemas-lines-color) 5px);
+`;export const PropertyCell=styled.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;
+    }
+  }
+`;export const PropertyCellWithInner=styled(PropertyCell)`
+  padding: 0;
+`;export const PropertyNameCell=styled(PropertyCell)`
+  vertical-align: top;
+  line-height: 23px;
+  white-space: nowrap;
+  font-size: 14px;
+  font-family: var(--field-name-font-family);
+
+  &.deprecated {
+    ${deprecatedCss};
+  }
+
+  ${({kind:e})=>"patternProperties"===e&&css`
+      span.field-name {
+        white-space: break-spaces;
+        text-align: left;
+        display: inline-table;
+        line-height: 1.5;
+      }
+    `}
+
+  ${()=>{const e=(r="--schema-field-name-word-break","undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(r).trim():"");var r;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 css`
+        ${typography("schemas-property-name")}
+        ${r}
+      `}return typography("schemas-property-name")}};
+
+  .field-name {
+    display: inline-flex;
+    align-items: center;
+  }
+`;export const PropertyDetailsCell=styled.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;
+  }
+`;export const PropertyBullet=styled.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);
+  }
+`;export const InnerPropertiesWrap=styled.div`
+  padding: var(--schema-nested-offset);
+`;export const PropertiesTableWrap=styled.div`
+  display: block;
+  overflow-x: auto;
+  padding: 5px; /* hack to show overflown anchor icons */
+  margin: -5px;
+`;export const PropertiesTable=styled.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%;
+    }
+  }
+
+  &
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${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);
+  }
+
+  &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap} {
+    background: var(--panel-background-color, #fff);
+  }
+`;
+//# sourceMappingURL=fields-layout.js.map

package/lib-esm/components/common/Fields/fields.js

@@ -0,0 +1,103 @@
+import styled,{css}from"styled-components";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";import{ShelfIcon}from"../../icons";export const ClickablePropertyNameCell=styled(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);
+    }
+  }
+  ${ShelfIcon} {
+    margin-left: 4px;
+    height: var(--schema-chevron-size);
+    width: var(--schema-chevron-size);
+    fill: var(--schema-chevron-color);
+    margin-top: -1px;
+  }
+
+  ${()=>{const e=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 css`
+        ${typography("schema-property-name")}
+        ${r}
+      `}return typography("schema-property-name")}};
+`;export const FieldLabel=styled.span`
+  vertical-align: middle;
+  line-height: 20px;
+  font-size: var(--schema-property-labels-font-size);
+`;export const TypePrefix=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeName=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeTitle=styled(FieldLabel)`
+  color: var(--schema-type-title-text-color);
+  word-break: break-word;
+`;export const TypeFormat=TypeName;export const PropertyLabel=styled(FieldLabel.withComponent("div"))`
+  color: var(--text-color-secondary);
+  font-size: var(--schema-labels-font-size);
+  font-weight: normal;
+  line-height: 1;
+  display: block;
+`;export const RequiredLabel=styled(PropertyLabel)`
+  color: var(--schema-property-required-label-text-color);
+`;export const AdditionalPropertiesLabel=styled(PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`;export const AccessLabel=styled(PropertyLabel)`
+  color: var(--schema-property-access-label-text-color);
+`;export const FieldValueLabel=styled(FieldLabel)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 1px var(--spacing-unit);
+
+  ${typography("schema-inline-code")}
+`;export const RecursiveLabel=styled(FieldValueLabel)`
+  background-color: var(--schema-recursive-background-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+`;export const EnumValue=styled(FieldValueLabel)`
+  background-color: var(--schema-enum-background-color);
+  border-color: var(--schema-enum-border-color);
+  color: var(--schema-enum-text-color);
+`;export const DefaultValue=styled(FieldValueLabel)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`;export const ExampleValue=styled(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;
+`;export const ExtensionValue=styled(ExampleValue)``;export const ConstraintItem=styled(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;
+  }
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.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-esm/components/common/Fields/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fields';
+export * from './fields-layout';

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

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

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
-import type { UploadFileType } from '../../../models';
+import type { SchemaModel, UploadFileType } from '../../../models';
 export interface FileUploadProps {
     schema: SchemaModel | GenericObject;
     contentName: string;

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

@@ -1,5 +1,4 @@
-import type { SchemaModel } from '../../../redoc-lib';
-import type { UploadFileType } from '../../../models';
+import type { SchemaModel, UploadFileType } from '../../../models';
 /**
  * Convert request body mime-type to accept value for file upload input in browser
  */

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

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import type { FieldModel } from '../../models';
+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-esm/components/common/LinkToField.js

@@ -0,0 +1,27 @@
+import styled from"styled-components";import React,{useContext,useEffect,useState}from"react";import{StoreContext}from"../../context";import{SECTION_ATTR}from"../../constants";import{constructFieldDeepFragment}from"../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{LinkIcon}from"../icons";export const LinkToField=e=>{var i,n;const o=useContext(StoreContext),[t,r]=useState(!1),l=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",s=constructFieldDeepFragment(e.field),a=o&&s?o.menu.history.generateDeepLink(s,l):null,c=o?{[SECTION_ATTR]:(null===(n=e.field.deps.operation)||void 0===n?void 0:n.id)+o.options.deepLinkPrefix+s,id:a&&a.split("#")[1]||void 0}:null;return useEffect((()=>{if(o&&c)return r(o.menu.history.currentId===c[SECTION_ATTR]),o.menu.history.subscribe((e=>{r(e===c[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==c?void 0:c[SECTION_ATTR]]),s&&o&&a?React.createElement("a",Object.assign({className:e.className+(t?" active":""),href:a,onClick:e=>(((e,i,n)=>{i.defaultPrevented||userIsForcingNavigation(i)||(i.preventDefault(),e.replaceForField(n))})(null==o?void 0:o.menu.history,e,a),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(a),!1)},c),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export const ShareLinkToField=styled(LinkToField)`
+  ${linkifyMixin("&","13px")}
+
+  & ${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 & ${LinkIcon}, &:hover & ${LinkIcon} {
+      visibility: visible;
+    }
+  }
+
+  &.active ${LinkIcon} {
+    visibility: visible;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

@@ -1,4 +1,4 @@
-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{asField,useField}from"informed";import styled,{css}from"styled-components";import React,{forwardRef,useCallback,useState}from"react";import{useMount}from"../../hooks";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export const getInvertedInputStyles=e=>css`
+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{asField,useField}from"informed";import styled,{css}from"styled-components";import React,{forwardRef,useCallback,useState}from"react";import{useMount}from"@redocly/theme";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export const getInvertedInputStyles=e=>css`
   border: var(--input-border);
   outline: none;
   padding: var(--input-padding);

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

@@ -0,0 +1,36 @@
+import styled from"styled-components";import{typography}from"../../utils";export const H1=styled.h1`
+  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
+
+  ${typography("h1","h")};
+`;export const H2=styled.h2`
+  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
+
+  ${typography("h2","h")};
+`;export const H3=styled.h3`
+  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
+
+  ${typography("h3","h")};
+`;export const H4=styled.h4`
+  margin: var(--h4-margin-top) 0 var(--h4-margin-bottom);
+
+  ${typography("h4","h")};
+`;export const H5=styled.h5`
+  margin: var(--h5-margin-top) 0 var(--h5-margin-bottom);
+
+  ${typography("h5","h")};
+`;export const H6=styled.h6`
+  margin: var(--h6-margin-top) 0 var(--h6-margin-bottom);
+
+  ${typography("h6","h")};
+`;export const SamplesPanelHeader=styled.h3`
+  color: var(--panel-samples-text-color);
+
+  ${typography("right-panel-header")};
+`;export const FieldsGroupHeader=styled.h5`
+  color: var(--text-color-secondary);
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+`;
+//# sourceMappingURL=headers.js.map

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

@@ -0,0 +1,12 @@
+export { Dropdown, SchemaDiscriminatorDropdown } from './Dropdown';
+export type { DropdownProps, DropdownOption } from './Dropdown';
+export { ShareLinkToField } from './LinkToField';
+export { deprecatedCss } from './mixins';
+export { FormControl } from './form';
+export * from './Fields';
+export * from './panels';
+export { H1, H2, H3, H4, H5, H6, FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { linkifyMixin, userIsForcingNavigation, ShareLink, Link } from './linkify';
+export * from './shelfs';
+export * from './schema';
+export * from './perfect-scrollbar';

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

@@ -0,0 +1,2 @@
+export{Dropdown,SchemaDiscriminatorDropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{H1,H2,H3,H4,H5,H6,FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{linkifyMixin,userIsForcingNavigation,ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";
+//# sourceMappingURL=index.js.map