@redocly/openapi-docs 0.0.0-beta-20240215154132

package/lib/components/Language/LanguageDropdown.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { TabType } from '../../models/tab';
+export interface LanguageDropdownProps {
+    samples: TabType[];
+    activeTab: TabType;
+    onChange: (sample: TabType) => void;
+    controller?: ReactElement;
+    withArrow?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+    width?: number;
+}
+export declare const LanguageDropdown: ({ samples, activeTab, onChange, controller, width, withArrow, withCheckmark, withIcon, }: LanguageDropdownProps) => ReactElement;

package/lib/components/Language/LanguageDropdown.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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.LanguageDropdown=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,controller:a,width:n,withArrow:o=!0,withCheckmark:i=!0,withIcon:u=!0})=>{const c=(0,react_1.useCallback)((t=>{const a=e.find((({key:e})=>e===t.key));a&&r(a)}),[r,e]),l=(0,react_1.useMemo)((()=>e.map((e=>react_1.default.createElement(styled_1.DropdownItemContainer,{key:e.key,width:n},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,active:t.key===e.key,withCheckmark:i,withIcon:u}))))),[t.key,e,n,i,u]);return react_1.default.createElement(theme_1.Dropdown,{items:l,withArrow:o,alignment:"end",onChange:c},a||react_1.default.createElement(styled_1.DropdownControllerText,null,t.title))};exports.LanguageDropdown=LanguageDropdown;
+//# sourceMappingURL=LanguageDropdown.js.map

package/lib/components/Language/LanguageItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TabType } from '../../models/tab';
+interface LanguageItemProps {
+    item: TabType;
+    active?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+}
+export declare const LanguageItem: ({ item, active, withCheckmark, withIcon }: LanguageItemProps) => React.JSX.Element;
+export {};

package/lib/components/Language/LanguageItem.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),styled_1=require("./styled"),iconsMap={curl_:react_1.default.createElement(CurlIcon_1.CurlIcon,null),"C#_":react_1.default.createElement(CSharpIcon_1.CSharpIcon,null),"C#+Newtonsoft_":react_1.default.createElement(CSharpIcon_1.CSharpIcon,null),"Node.js_":react_1.default.createElement(NodeJSIcon_1.NodeJSIcon,null),JavaScript_:react_1.default.createElement(JavaScriptIcon_1.JavaScriptIcon,null),Python_:react_1.default.createElement(PythonIcon_1.PythonIcon,null),R_:react_1.default.createElement(RIcon_1.RIcon,null),Ruby_:react_1.default.createElement(RubyIcon_1.RubyIcon,null),PHP_:react_1.default.createElement(PHPIcon_1.PHPIcon,null),Go_:react_1.default.createElement(GOIcon_1.GOIcon,null),Java_:react_1.default.createElement(JavaIcon_1.JavaIcon,null),"Java8+Apache_":react_1.default.createElement(JavaIcon_1.JavaIcon,null)},LanguageItem=({item:e,active:t,withCheckmark:a,withIcon:n})=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.LanguageTitleContainer,null,n&&react_1.default.createElement(styled_1.LanguageIcon,null,iconsMap[e.key]),react_1.default.createElement(styled_1.LanguageTitle,{active:t},e.title)),a&&t&&react_1.default.createElement(theme_1.CheckmarkIcon,null));exports.LanguageItem=LanguageItem;
+//# sourceMappingURL=LanguageItem.js.map

package/lib/components/Language/LanguageList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TabType } from '../../models/tab';
+interface LanguageListProps {
+    languages: TabType[];
+    activeLanguage: TabType;
+}
+export declare const LanguageList: React.NamedExoticComponent<LanguageListProps>;
+export {};

package/lib/components/Language/LanguageList.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[a,n]=(0,react_1.useState)(e),[r,o]=(0,react_1.useState)([]),i=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:l,newHiddenItems:c}=calculateVisibleAndHiddenItems(u,[...a,...r]),s=c.findIndex((e=>e.key===t.key));-1!==s&&swapItems(l,c,s),n(l),o(c)}),[t.key,r,a]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[u,t]),react_1.default.createElement(styled_1.Container,{ref:i},react_1.default.createElement(styled_1.LanguageListContainer,null,a.map((e=>react_1.default.createElement(styled_1.LanguageListItem,{key:e.key,onClick:()=>l({activeLanguage:e}),active:t.key===e.key},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,withIcon:!0}))))),r.length?react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:r,onChange:e=>{const t=r.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...r],u=[...a];swapItems(u,i,t),n(u),o(i),l({activeLanguage:e})}},controller:react_1.default.createElement(styled_1.MoreIconController,null,react_1.default.createElement(theme_1.OverflowMenuVerticalIcon,{color:"--text-color-secondary"})),withArrow:!1,withCheckmark:!1,width:156}):null)}function calculateVisibleAndHiddenItems(e,t){let a=0;const n=[],r=[];return t.forEach((t=>{const o=constants_1.ITEM_WIDTH;e&&a+o<=e?(n.push(t),a+=o):r.push(t)})),{newVisibleItems:n,newHiddenItems:r}}function swapItems(e,t,a){const n=e[e.length-1];n&&(e[e.length-1]=t[a],t[a]=n)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
+//# sourceMappingURL=LanguageList.js.map

package/lib/components/Language/_tests_/LanguageDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Language/_tests_/LanguageDropdown.test.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_2=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_2.render)(react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_2.render)(react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_2.fireEvent.click(react_2.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_2.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
+//# sourceMappingURL=LanguageDropdown.test.js.map

package/lib/components/Language/constants.d.ts

@@ -0,0 +1 @@
+export declare const ITEM_WIDTH = 78;

package/lib/components/Language/constants.js

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

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

@@ -0,0 +1,3 @@
+export { LanguageDropdown } from './LanguageDropdown';
+export { LanguageList } from './LanguageList';
+export { LanguageItem } from './LanguageItem';

package/lib/components/Language/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=exports.LanguageList=exports.LanguageDropdown=void 0;var LanguageDropdown_1=require("./LanguageDropdown");Object.defineProperty(exports,"LanguageDropdown",{enumerable:!0,get:function(){return LanguageDropdown_1.LanguageDropdown}});var LanguageList_1=require("./LanguageList");Object.defineProperty(exports,"LanguageList",{enumerable:!0,get:function(){return LanguageList_1.LanguageList}});var LanguageItem_1=require("./LanguageItem");Object.defineProperty(exports,"LanguageItem",{enumerable:!0,get:function(){return LanguageItem_1.LanguageItem}});
+//# sourceMappingURL=index.js.map

package/lib/components/Language/styled.d.ts

@@ -0,0 +1,15 @@
+export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageTitle: import("styled-components").StyledComponent<"span", any, {
+    active?: boolean | undefined;
+}, never>;
+export declare const LanguageTitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LanguageListItem: import("styled-components").StyledComponent<"button", any, {
+    active: boolean;
+}, never>;
+export declare const DropdownItemContainer: import("styled-components").StyledComponent<"span", any, {
+    width?: number | undefined;
+}, never>;
+export declare const DropdownControllerText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const MoreIconController: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/Language/styled.js

@@ -0,0 +1,73 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,i)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__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 n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MoreIconController=exports.DropdownControllerText=exports.DropdownItemContainer=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
+  display: flex;
+  justify-content: space-between;
+`,exports.LanguageTitle=styled_components_1.default.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: ${({active:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
+`,exports.LanguageTitleContainer=styled_components_1.default.span`
+  display: inherit;
+  gap: inherit;
+  flex-direction: inherit;
+  justify-content: inherit;
+  align-items: inherit;
+`,exports.LanguageIcon=styled_components_1.default.span`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+`,exports.LanguageListContainer=styled_components_1.default.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,exports.LanguageListItem=styled_components_1.default.button`
+  background: none;
+  border: none;
+  width: ${constants_1.ITEM_WIDTH}px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-direction: column;
+  gap: calc(var(--spacing-unit) * 0.5);
+  padding: var(--spacing-xs) 0;
+  color: ${({active:e})=>e?"var(--text-color-primary)":"var(--text-color-description)"};
+  border-radius: var(--border-radius);
+  text-align: center;
+  position: relative;
+
+  ${({active:e})=>e&&styled_components_1.css`
+      &::before {
+        position: absolute;
+        top: -21px;
+        border-top: 1px solid var(--text-color-primary);
+        width: ${constants_1.ITEM_WIDTH}px;
+        content: '';
+      }
+    `}
+`,exports.DropdownItemContainer=styled_components_1.default.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-sm);
+  width: ${({width:e})=>e||204}px;
+  fill: var(--menu-item-content-color-active);
+`,exports.DropdownControllerText=styled_components_1.default.span`
+  margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
+  color: var(--menu-item-content-color-active);
+  display: inline-block;
+  word-break: break-all;
+  line-height: var(--line-height-sm);
+  font-size: var(--font-size-base);
+`,exports.MoreIconController=styled_components_1.default.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/Markdown/Markdown.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { MarkdownProps } from './types';
+export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => ReactElement | null;

package/lib/components/Markdown/Markdown.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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},__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 i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),jotai_1=require("jotai"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"],Markdown=e=>{var t,r,o,i,n,a,l,s,u,{source:d,ast:c,htmlWrap:_}=e,f=__rest(e,["source","ast","htmlWrap"]);const p=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);if(!d&&!c)return null;const m=(null==p?void 0:p.markdocOptions)&&{tags:null===(t=p.markdocOptions)||void 0===t?void 0:t.tags,nodes:null===(r=p.markdocOptions)||void 0===r?void 0:r.nodes,partials:null===(o=p.markdocOptions)||void 0===o?void 0:o.partials,variables:null===(i=p.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(n=p.markdocOptions)||void 0===n?void 0:n.functions},v=(null==p?void 0:p.markdocOptions)&&{components:null===(a=p.markdocOptions)||void 0===a?void 0:a.components};let O;if(d)if((0,theme_1.isString)(d)){const e=(null===(l=null==p?void 0:p.hooks)||void 0===l?void 0:l.sanitize)?null===(u=null===(s=p.hooks)||void 0===s?void 0:s.sanitize)||void 0===u?void 0:u.call(s,d):(null==p?void 0:p.untrustedDefinition)?dompurify_1.default.sanitize(d):d,t=(0,markdoc_1.parse)(e);O=(0,markdoc_1.transform)(t,m)}else{const e=markdoc_1.Ast.fromJSON("object"==typeof d.result?JSON.stringify(d.result):d.result);O=(Array.isArray(e),(0,markdoc_1.transform)(e,m))}else c&&(O=(0,markdoc_1.transform)(c,m));const y=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return react_1.default.createElement(theme_1.Markdown,Object.assign({},f,{children:t,as:"div"}))};if(!_)return y(O);return O=Array.isArray(O)?O:O.children,react_1.default.createElement(react_1.default.Fragment,null,O.map(((e,t)=>{var r,o,i;return react_1.default.createElement(react_1.Fragment,{key:(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t},(o=(e=>{var t;return!1!==(null===(t=e.attributes)||void 0===t?void 0:t.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==e?void 0:e.name)})(e),i=e,o?_(y(i)):y(i)))})))};exports.Markdown=Markdown;
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1,3 @@
+export { Markdown } from './Markdown';
+export * from './styled';
+export * from './types';

package/lib/components/Markdown/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=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.Markdown=void 0;var Markdown_1=require("./Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}}),__exportStar(require("./styled"),exports),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/Markdown/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledMarkdownSpan: import("styled-components").StyledComponent<"span", any, {
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    base?: boolean | undefined;
+}, never>;

package/lib/components/Markdown/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledMarkdownSpan=void 0;const theme_1=require("@redocly/theme");exports.StyledMarkdownSpan=theme_1.Markdown.withComponent("span");
+//# sourceMappingURL=styled.js.map

package/lib/components/Markdown/types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { Node } from '@markdoc/markdoc';
+export type MarkdownProps = {
+    sanitize?: boolean;
+    base?: boolean;
+    source?: string | GenericObject;
+    ast?: Node[];
+    className?: string;
+    htmlWrap?: (part: ReactElement) => ReactElement;
+};

package/lib/components/Markdown/types.js

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

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { DropdownProps } from '../common';
+import type { MediaContentModel, MediaTypeModel } from '../../models';
+interface MediaTypesSwitchProps {
+    content?: MediaContentModel;
+    withLabel?: boolean;
+    renderDropdown: (props: DropdownProps) => ReactElement | null;
+    children: (activeMime: MediaTypeModel) => ReactElement;
+}
+export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
+export {};

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}: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.MediaTypesSwitch=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:t,innerRef:r}){return t?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,{ref:r},react_1.default.createElement(PayloadSamples_1.DropdownLabel,null,"Content type"),e):react_1.default.createElement(common_1.FormControl,{ref:r},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:r,children:n}){const[a,i]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),o=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;i(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,i]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const u=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,a);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,{innerRef:l,withLabel:t},r({value:c.name,options:u,onChange:o,ariaLabel:"Content type"})),n(c))}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
+//# sourceMappingURL=MediaTypesSwitch.js.map

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

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

package/lib/components/MediaTypeSwitch/index.js

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

package/lib/components/OperationItem/Description.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { OpenAPIExternalDocumentation } from '../../types';
+interface DescriptionProps {
+    description?: string | GenericObject;
+    externalDocs?: OpenAPIExternalDocumentation;
+    extensions: {
+        [p: string]: string | Record<string, unknown>;
+    };
+}
+export declare function Description({ description, externalDocs, extensions }: DescriptionProps): React.JSX.Element | null;
+export {};

package/lib/components/OperationItem/Description.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;const react_1=__importDefault(require("react")),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions");function Description({description:e,externalDocs:t,extensions:n}){return e?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Markdown_1.Markdown,{source:e}),t&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t}),Object.keys(n||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:n}):null):null}exports.Description=Description;
+//# sourceMappingURL=Description.js.map

package/lib/components/OperationItem/OperationItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OperationItemProps } from './types';
+export declare const OperationItem: React.NamedExoticComponent<OperationItemProps>;

package/lib/components/OperationItem/OperationItem.js

@@ -0,0 +1,12 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),RenderHook_1=require("../RenderHook"),Security_1=require("../Security"),RequestParameters_1=require("../RequestParameters"),Description_1=require("./Description"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  margin-left: auto;
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l;const o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),{parser:n,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{hooks:c,feedback:s,showWebhookVerb:u}=i,p=(0,operation_1.getOperation)(n,e,t,i,a),{name:m,description:_,deprecated:d,externalDocs:f,isWebhook:S,httpVerb:k}=p,b=(0,jotai_1.useSetAtom)((0,operation_2.operationStore)(p.pointer)),O=o===theme_1.LayoutVariant.STACKED,y=(null==s?void 0:s.type)||"sentiment",E=!0!==(null==s?void 0:s.hide),[R,h]=(0,react_1.useState)(null);return(0,theme_1.useMount)((()=>{b((e=>Object.assign(Object.assign({},e),{activeExampleName:p.activeExampleName,activeServer:p.activeServer})))})),react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==c?void 0:c.BeforeOperation),props:{operation:p}}),react_1.default.createElement(OperationItemTitle_1.Heading,null,react_1.default.createElement(common_1.ShareLink,{to:a,"aria-label":`link to ${m}`}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==c?void 0:c.BeforeOperationSummary),props:{operation:p}}),m,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==c?void 0:c.AfterOperationSummary),props:{operation:p}}),d&&react_1.default.createElement(theme_1.Badge,{deprecated:!0},"Deprecated"),S&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Badge,null,"Webhook"),u&&k&&react_1.default.createElement(theme_1.Badge,null,k.toUpperCase()))))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(OperationItemTitle_1.Title,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:"#"+(0,services_1.joinWithSeparator)(p.id,"request")}),"Request"),react_1.default.createElement(Description_1.Description,{description:_||f?_:void 0,externalDocs:f,extensions:p.extensions}),react_1.default.createElement(Security_1.Security,{securities:p.security}),react_1.default.createElement(RequestParameters_1.RequestParameters,{parameters:p.parameters,body:p.requestBody,operationId:p.id})),react_1.default.createElement(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-request-samples"},react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:p}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(r=p.responses)||void 0===r?void 0:r.length)?react_1.default.createElement(Responses_1.OperationResponseList,{responses:p.responses,operation:p}):null),react_1.default.createElement(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-response-samples"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:p}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(l=p.callbacks)||void 0===l?void 0:l.length)?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(OperationItemTitle_1.Title,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:"#"+(0,services_1.joinWithSeparator)(p.id,"callbacks")}),"Callbacks"),react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:p.callbacks,onExpand:h,selectedCallback:R})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==c?void 0:c.AfterOperation),props:{operation:p}})),R?react_1.default.createElement(OperationSamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callback:R})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},E?react_1.default.createElement(FeedbackWrapper,null,react_1.default.createElement(theme_1.Feedback,{type:y,settings:s.settings,path:p.href})):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
+  display: flex;
+  justify-content: center;
+`,OperationRow=(0,styled_components_1.default)(panels_1.Row)`
+  flex-direction: column;
+  align-items: flex-start;
+`,OperationSubRowStyled=(0,styled_components_1.default)(panels_1.Row)`
+  margin: calc(var(--spacing-unit) * 2) 0;
+`;
+//# sourceMappingURL=OperationItem.js.map

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

@@ -0,0 +1,2 @@
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './types';

package/lib/components/OperationItem/index.js

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

package/lib/components/OperationItem/types.d.ts

@@ -0,0 +1,4 @@
+import type { OperationMenuItem } from '../../models';
+export interface OperationItemProps {
+    item: OperationMenuItem;
+}

package/lib/components/OperationItem/types.js

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

package/lib/components/Overlay.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { LicenseInfo } from '../services/check';
+export interface LicenseCheckProps {
+    licenseInfo: LicenseInfo;
+}
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => ReactElement | null;

package/lib/components/Overlay.js

@@ -0,0 +1,43 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=({licenseInfo:e})=>{const[t,r]=(0,react_1.useState)(null),[a,l]=(0,react_1.useState)(-1),[i,n]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{var t;e.local?n(!0):(e.valid?e.allowed?e.expired&&r(e.t?EXPIRED:TRIAL_EXPIRED):r(INVALID_HOST):r(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&l(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),i?react_1.default.createElement(TrialWrap,null,react_1.default.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?react_1.default.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?react_1.default.createElement(Flash,null,react_1.default.createElement("span",null,t," ",react_1.default.createElement("br",null),react_1.default.createElement("small",null,"Please contact ",react_1.default.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};exports.Overlay=Overlay;const TrialWrap=styled_components_1.default.div`
+  padding: 10px 40px;
+  position: fixed;
+  text-align: right;
+  width: 100%;
+  box-sizing: border-box;
+  color: orange;
+  z-index: var(--z-index-surface);
+  opacity: 0.6;
+
+  > a,
+  a:visited {
+    color: orange;
+  }
+`,Flash=styled_components_1.default.div`
+  font-size: 1.5em;
+  position: fixed;
+  z-index: var(--z-index-raised);
+  background: rgba(38, 50, 56, 0.93);
+  margin: 0;
+  padding: 1em;
+  width: 100%;
+  color: white;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  text-align: center;
+  box-sizing: border-box;
+
+  > span {
+    display: inline-block;
+    line-height: 1.5;
+  }
+
+  a,
+  a:hover,
+  a:visited {
+    color: white;
+  }
+`;
+//# sourceMappingURL=Overlay.js.map

package/lib/components/Overview/Overview.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function Overview({ info }: {
+    info: any;
+}): ReactElement;

package/lib/components/Overview/Overview.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e}){const t=e.contact&&e.contact.url&&react_1.default.createElement(PanelItem_1.PanelItem,{header:react_1.default.createElement(PanelItem_1.PanelItemDescription,null,"URL"),title:react_1.default.createElement("a",{href:e.contact.url},e.contact.url),actions:[react_1.default.createElement(theme_1.NewTabButton,{data:e.contact.url,key:"NewTabButton"})]})||null,a=e.contact&&e.contact.email&&react_1.default.createElement(PanelItem_1.PanelItem,{header:react_1.default.createElement(PanelItem_1.PanelItemDescription,null,e.contact.name||"E-mail"),title:react_1.default.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email),actions:[react_1.default.createElement(theme_1.CopyButton,{data:e.contact.email,key:"CopyButton"}),react_1.default.createElement(theme_1.EmailButton,{data:e.contact.email,key:"EmailButton"})]})||null,l=e.license&&react_1.default.createElement(PanelItem_1.PanelItem,{header:react_1.default.createElement(PanelItem_1.PanelItemDescription,null,"License"),title:e.license.identifier?e.license.identifier:react_1.default.createElement("a",{href:e.license.url},e.license.name),actions:[react_1.default.createElement(theme_1.NewTabButton,{data:e.license.url,key:"NewTabButton"})]})||null,n=e.termsOfService&&react_1.default.createElement(PanelItem_1.PanelItem,{title:react_1.default.createElement("a",{href:e.termsOfService},"Terms of Service"),actions:[react_1.default.createElement(theme_1.NewTabButton,{data:e.termsOfService,key:e.termsOfService})]})||null;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(PanelItem_1.PanelItemsList,null,t,a,l,n))}exports.Overview=Overview;
+//# sourceMappingURL=Overview.js.map

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

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

package/lib/components/Overview/index.js

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

package/lib/components/PageFooter/PageFooter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function PageFooterComponent(): React.JSX.Element | null;
+export declare const PageFooter: React.MemoExoticComponent<typeof PageFooterComponent>;

package/lib/components/PageFooter/PageFooter.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=exports.PageFooterComponent=void 0;const theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),jotai_1=require("jotai"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function PageFooterComponent(){const{hooks:{MiddlePanelFooter:e}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);switch(!0){case Boolean(e):return react_1.default.createElement(RenderHook_1.RenderHook,{Hook:e,props:void 0});case Boolean(theme_1.OpenApiFooter):return react_1.default.createElement(theme_1.OpenApiFooter,null);default:return null}}exports.PageFooterComponent=PageFooterComponent,exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

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

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

package/lib/components/PageFooter/index.js

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

package/lib/components/Panel/ContentPanel.d.ts

@@ -0,0 +1,4 @@
+export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

package/lib/components/Panel/ContentPanel.js

@@ -0,0 +1,25 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers");exports.ContentPanel=(0,styled_components_1.default)(theme_1.Panel)`
+  &:not(:last-child) {
+    margin-bottom: 20px;
+  }
+
+  > ${theme_1.PanelHeader} {
+    ${theme_1.PanelHeaderTitle} {
+      margin-right: 8px;
+    }
+  }
+
+  &.panel-security-schemas ${theme_1.PanelHeaderTitle} {
+    min-width: fit-content;
+  }
+
+  ${headers_1.FieldsGroupHeader} {
+    // TODO fix me - this style overrides style inside MediaTypesSwitch by FormControl(why?)
+    font-family: var(--font-family-base);
+
+    > ${theme_1.PanelBody} > div:last-child > & {
+      margin-top: 0;
+    }
+  }
+`;
+//# sourceMappingURL=ContentPanel.js.map

package/lib/components/Panel/Description.d.ts

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

package/lib/components/Panel/Description.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Description=styled_components_1.default.span`
+  font-size: 0.9em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: normal;
+`;
+//# sourceMappingURL=Description.js.map

package/lib/components/Panel/MiddlePanelWrapper.d.ts

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

package/lib/components/Panel/MiddlePanelWrapper.js

@@ -0,0 +1,22 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MiddlePanelWrapper=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.MiddlePanelWrapper=styled_components_1.default.div`
+  padding-top: calc(var(--spacing-unit) * 4);
+  padding-bottom: calc(var(--spacing-unit) * 4);
+  padding-left: var(--spacing-horizontal);
+  padding-right: var(--spacing-horizontal);
+  align-self: flex-start;
+  text-align: right;
+
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+
+  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+    width: calc(100% - var(--panel-samples-width));
+    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+  }
+
+  &:empty {
+    display: none;
+  }
+`;
+//# sourceMappingURL=MiddlePanelWrapper.js.map

package/lib/components/Panel/ResponsePanel.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

package/lib/components/Panel/ResponsePanel.js

@@ -0,0 +1,32 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers"),styled_1=require("../Markdown/styled"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
+  ${headers_1.FieldsGroupHeader} {
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  ${Trigger_1.Trigger} {
+    flex: 1;
+    max-width: 100%;
+    justify-content: space-between;
+  }
+
+  ${theme_1.PanelHeaderTitle} {
+    ${styled_1.StyledMarkdownSpan} > p:first-child {
+      margin-left: 4px;
+      display: inline;
+    }
+  }
+`,exports.CallbackPanel=(0,styled_components_1.default)(exports.StyledResponsePanel)`
+  border-bottom: 1px solid var(--border-color-primary);
+  &:not(:last-child) {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+
+  ${Trigger_1.Trigger} {
+    max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
+    justify-content: flex-start;
+  }
+`;
+//# sourceMappingURL=ResponsePanel.js.map

package/lib/components/Panel/Trigger.d.ts

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

package/lib/components/Panel/Trigger.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Trigger=styled_components_1.default.div`
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+//# sourceMappingURL=Trigger.js.map

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

@@ -0,0 +1,5 @@
+export * from './Trigger';
+export * from './Description';
+export * from './ContentPanel';
+export * from './ResponsePanel';
+export * from './MiddlePanelWrapper';

package/lib/components/Panel/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=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,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=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}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./ContentPanel"),exports),__exportStar(require("./ResponsePanel"),exports),__exportStar(require("./MiddlePanelWrapper"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/PanelItem/PanelItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface PanelItemProps {
+    header?: string | ReactNode;
+    title?: string | ReactNode;
+    actions?: any[];
+}
+export declare const PanelItem: ({ header, title, actions }: PanelItemProps) => React.JSX.Element;

package/lib/components/PanelItem/PanelItem.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;const react_1=__importDefault(require("react")),styled_1=require("./styled"),PanelItem=({header:e,title:t,actions:l})=>react_1.default.createElement(styled_1.PanelItemWrap,null,react_1.default.createElement(styled_1.Item,null,e&&("string"==typeof e?react_1.default.createElement(styled_1.Header,null,e):e),react_1.default.createElement(styled_1.Title,{suppressHydrationWarning:!0},t)),react_1.default.createElement(styled_1.ActionsWrap,null,null==l?void 0:l.map((e=>e))));exports.PanelItem=PanelItem;
+//# sourceMappingURL=PanelItem.js.map

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

@@ -0,0 +1,2 @@
+export { PanelItem } from './PanelItem';
+export * from './styled';

package/lib/components/PanelItem/index.js

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