@redocly/openapi-docs 3.11.0-next.10 → 3.11.0-next.2

package/lib/components/common/Fields/fields.d.ts

@@ -1,17 +1,38 @@
-export declare const FieldLabel: any;
-export declare const TypePrefix: any;
-export declare const TypeName: any;
-export declare const TypeTitle: any;
-export declare const PropertyLabel: any;
-export declare const RequiredLabel: any;
-export declare const AdditionalPropertiesLabel: any;
-export declare const Tag: any;
-export declare const AccessLabel: any;
-export declare const FieldValueLabel: any;
-export declare const RecursiveLabel: any;
-export declare const EnumValue: any;
-export declare const DefaultValue: any;
-export declare const ExampleValue: any;
-export declare const ExtensionValue: any;
-export declare const ConstraintItem: any;
-export declare const ToggleButton: any;
+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 PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tag: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
+    variant: "link";
+    size: "small";
+}, "variant" | "size">;

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

@@ -1,28 +1,28 @@
-import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-components.js";const o=r.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.FieldLabel=styled_components_1.default.span`
   vertical-align: middle;
   line-height: var(--schema-labels-line-height);
   font-size: var(--schema-property-labels-font-size);
   color: var(--schema-labels--text-color);
-`,i=r(o)`
+`,exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)`
   color: var(--schema-type-text-color);
-`,d=r(o)`
+`,exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)`
   color: var(--schema-type-text-color);
-`,m=r(o)`
+`,exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)`
   color: var(--schema-type-title-text-color);
   word-break: break-word;
-`,c=r(o).attrs({as:"div"})`
+`,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
   color: var(--text-color-secondary);
   font-size: var(--schema-labels-font-size);
   line-height: var(--schema-labels-line-height);
   font-weight: normal;
   display: block;
-`,p=r(o)`
+`,exports.RequiredLabel=(0,styled_components_1.default)(exports.FieldLabel)`
   color: var(--schema-property-required-label-text-color);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,b=r(c)`
+`,exports.AdditionalPropertiesLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
   color: var(--schema-property-additional-label-text-color);
-`,e=r.span.attrs(()=>({className:"tag-grey"}))`
+`,exports.Tag=styled_components_1.default.span.attrs((()=>({className:"tag-grey"})))`
   background: var(--tag-bg-color);
   padding: 0 var(--spacing-xxs);
   font-family: var(--font-family-monospaced);
@@ -32,30 +32,30 @@ import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-
   color: var(--text-color-secondary);
   display: inline-flex;
   word-break: var(--code-word-break);
-`,v=r(e)`
+`,exports.AccessLabel=(0,styled_components_1.default)(exports.Tag)`
   color: var(--schema-property-access-label-text-color);
   background-color: var(--bg-color);
   border: 1px solid var(--border-color-secondary);
-`,a=r(e)`
+`,exports.FieldValueLabel=(0,styled_components_1.default)(exports.Tag)`
   background-color: var(--schema-inline-bg-color);
   border-radius: var(--border-radius);
   border: var(--schema-inline-border);
   padding: 0 var(--spacing-unit);
   width: fit-content;
-`,h=r(e)`
+`,exports.RecursiveLabel=(0,styled_components_1.default)(exports.Tag)`
   background-color: var(--schema-recursive-bg-color);
   border-color: var(--schema-recursive-border-color);
   color: var(--schema-recursive-text-color);
   padding: 0 var(--spacing-xs);
-`,g=r(a)`
+`,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
   background-color: var(--schema-enum-bg-color);
   border-color: var(--schema-enum-border-color);
   color: var(--schema-enum-text-color);
-`,x=r(e)`
+`,exports.DefaultValue=(0,styled_components_1.default)(exports.Tag)`
   background-color: var(--schema-default-bg-color);
   border-color: var(--schema-default-border-color);
   color: var(--schema-default-text-color);
-`,l=r(e)`
+`,exports.ExampleValue=(0,styled_components_1.default)(exports.Tag)`
   background-color: var(--schema-example-bg-color);
   border-color: var(--schema-example-border-color);
   color: var(--schema-example-text-color);
@@ -75,7 +75,7 @@ import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-
     font-family: var(--schema-inline-code-font-family);
     margin: 0;
   }
-`,f=r(l)``,u=r(a)`
+`,exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)``,exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldValueLabel)`
   background-color: var(--schema-constraint-bg-color);
   border-color: var(--schema-constraint-border-color);
   color: var(--schema-constraint-text-color);
@@ -85,8 +85,9 @@ import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-
   & + & {
     margin-left: 0;
   }
-`,y=r(t).attrs(()=>({variant:"link",size:"small"}))`
+`,exports.ToggleButton=(0,styled_components_1.default)(theme_1.Button).attrs((()=>({variant:"link",size:"small"})))`
   padding: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,p as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,m as TypeTitle};
+`;
+//# sourceMappingURL=fields.js.map

package/lib/components/common/Fields/index.d.ts

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

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

@@ -1 +1,2 @@
-export*from"./fields.js";export*from"./fields-layout.js";
+"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("./fields"),exports),__exportStar(require("./fields-layout"),exports);
+//# sourceMappingURL=index.js.map

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

@@ -1,10 +1,13 @@
 import type { PropsWithChildren, ReactElement } from 'react';
-import type { FieldModel } from '../../models/types.js';
+import type { FieldModel } from '../../models';
+import { ShareLink } from './linkify';
 interface LinkToFieldProps {
     className?: string;
     to?: string;
 }
 export declare function generateDeepLink(field: FieldModel, activeMimeName?: string): string;
 export declare const LinkToField: ({ to, className, }: PropsWithChildren<LinkToFieldProps>) => ReactElement | null;
-export declare const ShareLinkToField: any;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<typeof ShareLink, any, {
+    isActive: boolean;
+}, never>;
 export {};

package/lib/components/common/LinkToField.js

@@ -1,19 +1,20 @@
-import{jsx as c}from"react/jsx-runtime";import{css as p}from"styled-components";import{useLocation as l}from"react-router-dom";import{LinkIcon as r}from"@redocly/theme";import{encodeBackSlashes as m}from"../../utils/string.js";import{constructFieldDeepFragment as d,joinWithSeparator as n}from"../../services/history/helpers.js";import{ShareLink as f}from"./linkify.js";import{styled as h}from"../../styled-components.js";function F(i,s){const o=i.deps.operation,e=d(i,s);if(!o?.id&&!o.isCallback)return"#"+e.toLowerCase();const t=n(o.href,n(o.id,e),"#");return m(t.toLowerCase())}const S=({to:i,className:s})=>{const o=i,e=l(),t=o?.split("#")[1],a=e?e.hash===`#${t}`:!1;return c(k,{ariaLabel:`link  to ${o}`,className:s,isActive:a,to:o,id:t})},k=h(f)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=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,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0,exports.generateDeepLink=generateDeepLink;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),linkify_1=require("./linkify");function generateDeepLink(e,t){const i=e.deps.operation,r=(0,helpers_1.constructFieldDeepFragment)(e,t);if(!(null==i?void 0:i.id)&&!i.isCallback)return"#"+r.toLowerCase();const o=(0,services_1.joinWithSeparator)(i.href,(0,services_1.joinWithSeparator)(i.id,r),"#");return(0,utils_1.encodeBackSlashes)(o.toLowerCase())}const LinkToField=({to:e,className:t})=>{const i=e,r=(0,react_router_dom_1.useLocation)(),o=null==i?void 0:i.split("#")[1],n=!!r&&r.hash===`#${o}`;return(0,jsx_runtime_1.jsx)(exports.ShareLinkToField,{ariaLabel:`link  to ${i}`,className:t,isActive:n,to:i,id:o})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
   display: flex;
-  ${r} {
+  ${theme_1.LinkIcon} {
     visibility: hidden;
     cursor: pointer;
     background-color: var(--bg-color);
   }
 
-  ${({isActive:i})=>i&&p`
-      ${r} {
+  ${({isActive:e})=>e&&styled_components_1.css`
+      ${theme_1.LinkIcon} {
         visibility: visible;
         opacity: 1;
       }
     `}
-  :hover ${r}, :focus ${r} {
+  :hover ${theme_1.LinkIcon}, :focus ${theme_1.LinkIcon} {
     visibility: visible;
     opacity: 1;
   }
-`;export{S as LinkToField,k as ShareLinkToField,F as generateDeepLink};
+`;
+//# sourceMappingURL=LinkToField.js.map

package/lib/components/common/OperationItemTitle.d.ts

@@ -1,2 +1,2 @@
-export declare const Title: any;
-export declare const Heading: any;
+export declare const Title: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const Heading: import("styled-components").StyledComponent<"h2", any, {}, never>;

package/lib/components/common/OperationItemTitle.js

@@ -1,4 +1,4 @@
-import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const r=e.h4`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Heading=exports.Title=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.Title=styled_components_1.default.h4`
   font-size: var(--h4-font-size);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -11,12 +11,12 @@ import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../
   position: relative;
 
   :hover {
-    ${i} {
+    ${theme_1.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,a=e(t)`
+`,exports.Heading=(0,styled_components_1.default)(theme_1.H2)`
   position: relative;
   display: flex;
   align-items: center;
@@ -24,9 +24,10 @@ import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../
   flex-wrap: wrap;
 
   :hover {
-    ${i} {
+    ${theme_1.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;export{a as Heading,r as Title};
+`;
+//# sourceMappingURL=OperationItemTitle.js.map

package/lib/components/common/SchemaSelection/SchemaSelection.d.ts

@@ -1,5 +1,5 @@
 import type { SelectOption } from '@redocly/theme';
-import type { SchemaModel } from '../../../models/index.js';
+import type { SchemaModel } from '../../../models';
 interface SchemaSelectionProps {
     options: SelectOption<number>[];
     onChange?: (idx: number) => void;

package/lib/components/common/SchemaSelection/SchemaSelection.js

@@ -1 +1,2 @@
-import{jsx as u}from"react/jsx-runtime";import{useCallback as E,useEffect as I,useRef as T,useState as g}from"react";import{useAtom as h}from"jotai";import{Segmented as w,isUndefined as x}from"@redocly/theme";import{Dropdown as y}from"../Dropdown/index.js";import{operationStore as A}from"../../../jotai/operation.js";const b=5;function z({options:t,onChange:r,pointer:m,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(m)),S=p.activeOneOf[n.pointer]??d,o=t[S]?.value,[i,O]=g(!1),s=T(null);I(()=>{if(!s.current)return;const e=()=>{const v=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(v||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&O(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=E(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return x(o)?null:t.length>b||i?u(y,{options:t,value:o,onChange:f}):u(w,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const q=z;export{q as SchemaSelection};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaSelection=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Dropdown_1=require("../Dropdown"),operation_1=require("../../../jotai/operation"),LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:t,pointer:o,schema:n,defaultOneOfIdx:r}){var i,a;const[l,s]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(o)),u=null===(a=e[null!==(i=l.activeOneOf[n.pointer])&&void 0!==i?i:r])||void 0===a?void 0:a.value,[c,d]=(0,react_1.useState)(!1),_=(0,react_1.useRef)(null);(0,react_1.useEffect)((()=>{if(!_.current)return;const e=()=>{var e;const t=null===(e=_.current)||void 0===e?void 0:e.querySelectorAll('button[role="tab"]'),o=Array.from(t||[]).some((e=>e.offsetWidth<e.scrollWidth));o!==c&&d(o)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[c,e]);const m=(0,react_1.useCallback)((({value:e})=>{var o,r;void 0!==e&&(t?t(e):s({activeExampleName:null===(r=null===(o=n.oneOf)||void 0===o?void 0:o[e])||void 0===r?void 0:r.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))}),[t,n.oneOf,n.pointer,s]);return(0,theme_1.isUndefined)(u)?null:e.length>LIMIT_FOR_SEGMENTED||c?(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{options:e,value:u,onChange:m}):(0,jsx_runtime_1.jsx)(theme_1.Segmented,{ref:_,value:u,onChange:m,options:e,size:"small","data-testid":"segmented-schema"})}exports.SchemaSelection=SchemaSelectionComponent;
+//# sourceMappingURL=SchemaSelection.js.map

package/lib/components/common/SchemaSelection/index.d.ts

@@ -1 +1 @@
-export { SchemaSelection } from './SchemaSelection.js';
+export { SchemaSelection } from './SchemaSelection';

package/lib/components/common/SchemaSelection/index.js

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

package/lib/components/common/Select/Select.d.ts

@@ -1,2 +1,2 @@
-import type { SelectProps } from './types.js';
+import type { SelectProps } from './types';
 export declare const Select: import("react").NamedExoticComponent<SelectProps>;

package/lib/components/common/Select/Select.js

@@ -1 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as b,useMemo as g}from"react";import{ClearButton as j}from"../ClearButton/index.js";import{normalizeText as m}from"../../../utils/index.js";import{Arrow as v}from"./styled.js";function z({options:o,onChange:c,handleClear:p,clearable:u,placeholder:n,value:a="",className:x}){const f=t=>{const{selectedIndex:s}=t.target,l=n||!a?s-1:s;c(o[l])},h=g(()=>o.map(({idx:t,value:s,title:l},C)=>{const d=m(s);return e("option",{value:d,className:"dropdown-option",children:l||d},t||d+C)}),[o]),r=m(a),w=o.find(t=>t.value===a)?.title||r;return i("div",{className:x+" dropdown-wrapper",children:[e(v,{}),u&&r?.length>0&&e(j,{handleClear:p}),i("select",{onChange:f,value:r,className:"dropdown-select","aria-label":"dropdown select",children:[n&&e("option",{disabled:!0,hidden:!0,value:n,children:n}),!r&&!n&&e("option",{disabled:!0}),h]}),e("label",{children:w})]})}const B=b(z);export{B as Select};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),styled_1=require("./styled");function SelectComponent({options:e,onChange:t,handleClear:r,clearable:l,placeholder:n,value:s="",className:o}){var i;const a=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},l)=>{const n=(0,utils_1.normalizeText)(t);return(0,jsx_runtime_1.jsx)("option",{value:n,className:"dropdown-option",children:r||n},e||n+l)}))),[e]),u=(0,utils_1.normalizeText)(s),d=(null===(i=e.find((e=>e.value===s)))||void 0===i?void 0:i.title)||u;return(0,jsx_runtime_1.jsxs)("div",{className:o+" dropdown-wrapper",children:[(0,jsx_runtime_1.jsx)(styled_1.Arrow,{}),l&&(null==u?void 0:u.length)>0&&(0,jsx_runtime_1.jsx)(ClearButton_1.ClearButton,{handleClear:r}),(0,jsx_runtime_1.jsxs)("select",{onChange:r=>{const{selectedIndex:l}=r.target;t(e[n||!s?l-1:l])},value:u,className:"dropdown-select","aria-label":"dropdown select",children:[n&&(0,jsx_runtime_1.jsx)("option",{disabled:!0,hidden:!0,value:n,children:n}),!u&&!n&&(0,jsx_runtime_1.jsx)("option",{disabled:!0}),a]}),(0,jsx_runtime_1.jsx)("label",{children:d})]})}exports.Select=(0,react_1.memo)(SelectComponent);
+//# sourceMappingURL=Select.js.map

package/lib/components/common/Select/index.d.ts

@@ -1,2 +1,2 @@
-export * from './styled.js';
-export * from './types.js';
+export * from './styled';
+export * from './types';

package/lib/components/common/Select/index.js

@@ -1 +1,2 @@
-export*from"./styled.js";export*from"./types.js";
+"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("./styled"),exports),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/common/Select/styled.d.ts

@@ -1,4 +1,22 @@
-export declare const Select: any;
-export declare const SimpleSelect: any;
-export declare const CollapsingSelect: any;
-export declare const Arrow: any;
+import type { SelectProps } from './types';
+export declare const Select: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
+    fullWidth?: boolean;
+    variant?: "dark" | "light";
+}, never>;
+export declare const SimpleSelect: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
+    fullWidth?: boolean;
+    variant?: "dark" | "light";
+}, never>;
+export declare const CollapsingSelect: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
+    fullWidth?: boolean;
+    variant?: "dark" | "light";
+} & {
+    active?: boolean;
+}, never>;
+export declare const Arrow: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/components/common/Select/styled.js

@@ -1,4 +1,4 @@
-import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocly/theme";import{Select as i}from"./Select.js";import{styled as r}from"../../../styled-components.js";const e=t`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,o,t,r){void 0===r&&(r=t);var n=Object.getOwnPropertyDescriptor(o,t);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(e,r,n)}:function(e,o,t,r){void 0===r&&(r=t),e[r]=o[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}:function(e,o){e.default=o}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var o={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(o,e,t);return __setModuleDefault(o,e),o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Arrow=exports.CollapsingSelect=exports.SimpleSelect=exports.Select=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),Select_1=require("./Select"),darkSelectStyle=styled_components_1.css`
   background-color: var(--panel-samples-dropdown-bg-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);
@@ -8,13 +8,13 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
   &:focus-within {
     box-shadow: none;
   }
-`,n=r(i)`
+`;exports.Select=(0,styled_components_1.default)(Select_1.Select)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
   vertical-align: bottom;
   position: relative;
-  width: ${({fullWidth:o})=>o?"100%":"auto"};
+  width: ${({fullWidth:e})=>e?"100%":"auto"};
   cursor: pointer;
   text-transform: none;
 
@@ -28,7 +28,7 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
     border-radius: var(--border-radius-md);
     padding: var(--docs-dropdown-padding);
     vertical-align: bottom;
-    width: ${({fullWidth:o})=>o?"100%":"auto"};
+    width: ${({fullWidth:e})=>e?"100%":"auto"};
     text-transform: none;
     line-height: inherit;
     font-size: var(--docs-dropdown-font-size);
@@ -43,7 +43,7 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
       box-shadow: none;
     }
 
-    ${({variant:o})=>o==="dark"?e:""};
+    ${({variant:e})=>"dark"===e?darkSelectStyle:""};
   }
 
   .dropdown-select {
@@ -62,9 +62,9 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
     font-size: var(--font-size-base);
     font-family: inherit;
     padding: var(--docs-dropdown-padding);
-    ${({variant:o})=>o==="dark"?e:""};
+    ${({variant:e})=>"dark"===e?darkSelectStyle:""};
   }
-`,c=r(n)`
+`,exports.SimpleSelect=(0,styled_components_1.default)(exports.Select)`
   svg {
     top: 60%;
     transform: translateY(-60%);
@@ -82,19 +82,19 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
       box-shadow: none;
     }
   }
-`,b=r(n)`
+`,exports.CollapsingSelect=(0,styled_components_1.default)(exports.Select)`
   svg {
     top: 60%;
     transform: translateY(-60%);
   }
   label {
-    ${e};
+    ${darkSelectStyle};
 
     border-radius: var(--border-radius-lg);
     margin-left: 5px;
     transition: none;
     min-width: auto;
-    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-bg-color-active)":"var(--bg-color-raised)"};
+    background-color: ${({active:e})=>e?"var(--panel-samples-tabs-bg-color-active)":"var(--bg-color-raised)"};
     & {
       &[open],
       &:focus-within,
@@ -103,8 +103,9 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
       }
     }
   }
-`,h=r(a)`
+`,exports.Arrow=(0,styled_components_1.default)(theme_1.ChevronDownIcon)`
   position: absolute;
   right: 10px;
   top: 10px;
-`;export{h as Arrow,b as CollapsingSelect,n as Select,c as SimpleSelect};
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/common/Select/types.js

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

package/lib/components/common/Skeleton/LanguageListSkeleton.js

@@ -1,22 +1,23 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as a}from"react";import{styled as r}from"../../../styled-components.js";const l=r.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageListSkeleton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Container=styled_components_1.default.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: var(--spacing-xs);
   padding: var(--spacing-xs) 0;
-`,n=r.div`
+`,Item=styled_components_1.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
   align-items: center;
   gap: var(--spacing-sm);
-`,t=r.div`
+`,SkeletonBox=styled_components_1.default.div`
   display: inline-block;
-  height: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
+  height: ${({type:e})=>"icon"===e?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
   position: relative;
   overflow: hidden;
   background-color: var(--layer-color-hover);
   border-radius: var(--border-radius);
-  width: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"64px"};
-`;function c(){return i(l,{children:[i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]})]})}const h=a(c);export{h as LanguageListSkeleton};
+  width: ${({type:e})=>"icon"===e?"var(--control-height-sm)":"64px"};
+`;function LanguageListSkeletonComponent(){return(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]})]})}exports.LanguageListSkeleton=(0,react_1.memo)(LanguageListSkeletonComponent);
+//# sourceMappingURL=LanguageListSkeleton.js.map

package/lib/components/common/Skeleton/Skeleton.d.ts

@@ -1,3 +1,5 @@
 import type { ReactElement } from 'react';
-export declare const SkeletonBox: any;
+export declare const SkeletonBox: import("styled-components").StyledComponent<"div", any, {
+    width?: string;
+}, never>;
 export declare function Skeleton(): ReactElement;

package/lib/components/common/Skeleton/Skeleton.js

@@ -1,8 +1,8 @@
-import{jsx as r,jsxs as o}from"react/jsx-runtime";import{keyframes as e}from"styled-components";import{H2 as a}from"@redocly/theme";import{Section as n,SamplesMiddlePanel as s}from"../panels.js";import{styled as d}from"../../../styled-components.js";const l=e`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonBox=void 0,exports.Skeleton=Skeleton;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),panels_1=require("../panels"),shimmer=styled_components_1.keyframes`
   100% {
       transform: translateX(100%);
   }
-`,t=d.div`
+`;function Skeleton(){return(0,jsx_runtime_1.jsx)(panels_1.Section,{children:(0,jsx_runtime_1.jsxs)(panels_1.SamplesMiddlePanel,{children:[(0,jsx_runtime_1.jsx)(theme_1.H2,{children:(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"40%"})}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"80%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"90%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"83%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"80%"})]})})}exports.SkeletonBox=styled_components_1.default.div`
   display: inline-block;
   height: 1em;
   position: relative;
@@ -10,7 +10,7 @@ import{jsx as r,jsxs as o}from"react/jsx-runtime";import{keyframes as e}from"sty
   background-color: var(--bg-color-raised);
   border-radius: var(--border-radius);
   margin-top: var(--spacing-base);
-  width: ${({width:i})=>i||"100%"};
+  width: ${({width:e})=>e||"100%"};
 
   &::after {
     position: absolute;
@@ -26,7 +26,8 @@ import{jsx as r,jsxs as o}from"react/jsx-runtime";import{keyframes as e}from"sty
       rgba(255, 255, 255, 0.5) 60%,
       rgba(255, 255, 255, 0)
     );
-    animation: ${l} 2s infinite;
+    animation: ${shimmer} 2s infinite;
     content: '';
   }
-`;function b(){return r(n,{children:o(s,{children:[r(a,{children:r(t,{width:"40%"})}),r(t,{width:"80%"}),r(t,{width:"90%"}),r(t,{width:"83%"}),r(t,{width:"80%"})]})})}export{b as Skeleton,t as SkeletonBox};
+`;
+//# sourceMappingURL=Skeleton.js.map

package/lib/components/common/Skeleton/index.d.ts

@@ -1,2 +1 @@
-export * from './Skeleton.js';
-export * from './LanguageListSkeleton.js';
+export { Skeleton } from './Skeleton';

package/lib/components/common/Skeleton/index.js

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

package/lib/components/common/headers.d.ts

@@ -1 +1 @@
-export declare const FieldsGroupHeader: any;
+export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

package/lib/components/common/headers.js

@@ -1,7 +1,8 @@
-import{styled as e}from"../../styled-components.js";const t=e.h5`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.FieldsGroupHeader=styled_components_1.default.h5`
   color: var(--text-color-secondary);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 20px;
-`;export{t as FieldsGroupHeader};
+`;
+//# sourceMappingURL=headers.js.map

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

@@ -1,14 +1,14 @@
-export { Select } from './Select/index.js';
-export type { SelectProps, SelectOption } from './Select/index.js';
-export { ShareLinkToField, generateDeepLink } from './LinkToField.js';
-export { deprecatedCss } from './mixins.js';
-export { Container, HttpVerb, MimeLabel } from './styled.js';
-export { CodeBlockPanel } from './CodeBlockPanel.js';
-export { CustomBadges, StyledBadge, NavigationBadge } from './Badges.js';
-export { ExpandableExample } from './ExpandableExample/index.js';
-export * from './Fields/index.js';
-export * from './panels.js';
-export { FieldsGroupHeader } from './headers.js';
-export { ShareLink, Link } from './linkify.js';
-export * from './schema.js';
-export { Skeleton } from './Skeleton/index.js';
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';
+export { ShareLinkToField, generateDeepLink } from './LinkToField';
+export { deprecatedCss } from './mixins';
+export { Container, HttpVerb, MimeLabel } from './styled';
+export { CodeBlockPanel } from './CodeBlockPanel';
+export { CustomBadges, StyledBadge, NavigationBadge } from './Badges';
+export { ExpandableExample } from './ExpandableExample';
+export * from './Fields';
+export * from './panels';
+export { FieldsGroupHeader } from './headers';
+export { ShareLink, Link } from './linkify';
+export * from './schema';
+export { Skeleton } from './Skeleton';

package/lib/components/common/index.js

@@ -1 +1,2 @@
-import{Select as r}from"./Select/index.js";import{ShareLinkToField as p,generateDeepLink as a}from"./LinkToField.js";import{deprecatedCss as x}from"./mixins.js";import{Container as d,HttpVerb as n,MimeLabel as i}from"./styled.js";import{CodeBlockPanel as k}from"./CodeBlockPanel.js";import{CustomBadges as s,StyledBadge as L,NavigationBadge as S}from"./Badges.js";import{ExpandableExample as C}from"./ExpandableExample/index.js";export*from"./Fields/index.js";export*from"./panels.js";import{FieldsGroupHeader as u}from"./headers.js";import{ShareLink as F,Link as H}from"./linkify.js";export*from"./schema.js";import{Skeleton as D}from"./Skeleton/index.js";export{k as CodeBlockPanel,d as Container,s as CustomBadges,C as ExpandableExample,u as FieldsGroupHeader,n as HttpVerb,H as Link,i as MimeLabel,S as NavigationBadge,r as Select,F as ShareLink,p as ShareLinkToField,D as Skeleton,L as StyledBadge,x as deprecatedCss,a as generateDeepLink};
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=exports.Link=exports.ShareLink=exports.FieldsGroupHeader=exports.ExpandableExample=exports.NavigationBadge=exports.StyledBadge=exports.CustomBadges=exports.CodeBlockPanel=exports.MimeLabel=exports.HttpVerb=exports.Container=exports.deprecatedCss=exports.generateDeepLink=exports.ShareLinkToField=exports.Select=void 0;var Select_1=require("./Select");Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select_1.Select}});var LinkToField_1=require("./LinkToField");Object.defineProperty(exports,"ShareLinkToField",{enumerable:!0,get:function(){return LinkToField_1.ShareLinkToField}}),Object.defineProperty(exports,"generateDeepLink",{enumerable:!0,get:function(){return LinkToField_1.generateDeepLink}});var mixins_1=require("./mixins");Object.defineProperty(exports,"deprecatedCss",{enumerable:!0,get:function(){return mixins_1.deprecatedCss}});var styled_1=require("./styled");Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return styled_1.Container}}),Object.defineProperty(exports,"HttpVerb",{enumerable:!0,get:function(){return styled_1.HttpVerb}}),Object.defineProperty(exports,"MimeLabel",{enumerable:!0,get:function(){return styled_1.MimeLabel}});var CodeBlockPanel_1=require("./CodeBlockPanel");Object.defineProperty(exports,"CodeBlockPanel",{enumerable:!0,get:function(){return CodeBlockPanel_1.CodeBlockPanel}});var Badges_1=require("./Badges");Object.defineProperty(exports,"CustomBadges",{enumerable:!0,get:function(){return Badges_1.CustomBadges}}),Object.defineProperty(exports,"StyledBadge",{enumerable:!0,get:function(){return Badges_1.StyledBadge}}),Object.defineProperty(exports,"NavigationBadge",{enumerable:!0,get:function(){return Badges_1.NavigationBadge}});var ExpandableExample_1=require("./ExpandableExample");Object.defineProperty(exports,"ExpandableExample",{enumerable:!0,get:function(){return ExpandableExample_1.ExpandableExample}}),__exportStar(require("./Fields"),exports),__exportStar(require("./panels"),exports);var headers_1=require("./headers");Object.defineProperty(exports,"FieldsGroupHeader",{enumerable:!0,get:function(){return headers_1.FieldsGroupHeader}});var linkify_1=require("./linkify");Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return linkify_1.ShareLink}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return linkify_1.Link}}),__exportStar(require("./schema"),exports);var Skeleton_1=require("./Skeleton");Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return Skeleton_1.Skeleton}});
+//# sourceMappingURL=index.js.map

package/lib/components/common/linkify.d.ts

@@ -6,5 +6,5 @@ export declare function Link(props: PropsWithChildren<{
     id?: string;
     'aria-label'?: string;
 }>): ReactElement | null;
-export declare const StyledShareLink: any;
+export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
 export declare function ShareLink(props: any): ReactElement;