@redocly/openapi-docs 0.0.0-new-redoc-20240202162301

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,6 @@
+export * from './Trigger';
+export * from './Description';
+export * from './CodePanel';
+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,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}: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}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./CodePanel"),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

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

@@ -0,0 +1,7 @@
+export declare const PanelItemWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ActionsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/PanelItem/styled.js

@@ -0,0 +1,43 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItemDescription=exports.PanelItemsList=exports.ActionsWrap=exports.Title=exports.Header=exports.Item=exports.PanelItemWrap=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.PanelItemWrap=styled_components_1.default.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+`,exports.Item=styled_components_1.default.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+`,exports.Header=styled_components_1.default.span`
+  text-align: left;
+  color: var(--menu-item-content-color-titles);
+  font-size: var(--h6-font-size);
+  line-height: var(--line-height-xsm);
+`,exports.Title=styled_components_1.default.p`
+  margin: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,exports.ActionsWrap=styled_components_1.default.div`
+  display: flex;
+`,exports.PanelItemsList=styled_components_1.default.div`
+  & > span {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-xs);
+  }
+
+  & > span:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,exports.PanelItemDescription=styled_components_1.default.span`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-medium);
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/PayloadSamples/Example.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { ExampleProps } from './types';
+export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

package/lib/components/PayloadSamples/Example.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.Example=void 0;const react_1=__importDefault(require("react")),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?react_1.default.createElement(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):react_1.default.createElement(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
+//# sourceMappingURL=Example.js.map

package/lib/components/PayloadSamples/ExampleValue.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { ExampleValueProps } from './types';
+export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): ReactElement;

package/lib/components/PayloadSamples/ExampleValue.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.ExampleValue=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),utils_1=require("../../utils"),store_1=require("../../jotai/store");function ExampleValue({value:e,mimeType:t,encoding:o,onCopyClick:l}){const{jsonSampleExpandLevel:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,utils_1.isJsonLike)(t)?react_1.default.createElement(theme_1.JsonViewer,{data:e,jsonSampleExpandLevel:r,onCopyClick:l}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(t)?(0,utils_1.urlFormEncodePayload)(e,o):JSON.stringify(e,null,2)),react_1.default.createElement(theme_1.CodeBlock,{lang:(0,utils_1.langFromMime)(t),source:e,header:{controls:{copy:{onClick:l}}}}))}exports.ExampleValue=ExampleValue;
+//# sourceMappingURL=ExampleValue.js.map

package/lib/components/PayloadSamples/ExternalExample.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { ExampleProps } from './types';
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

package/lib/components/PayloadSamples/ExternalExample.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.ExternalExample=void 0;const theme_1=require("@redocly/theme"),react_1=__importDefault(require("react")),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:a,onCopyClick:l}){const r=(0,useExternalExample_1.useExternalExample)(e,a);return void 0===r?react_1.default.createElement("span",null,"Loading..."):r instanceof Error?react_1.default.createElement(theme_1.CodeBlockContainer,null,"Error loading external example: ",react_1.default.createElement("br",null),react_1.default.createElement("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},e.externalValueUrl)):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:r,mimeType:a,onCopyClick:l})}exports.ExternalExample=ExternalExample;
+//# sourceMappingURL=ExternalExample.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.d.ts

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

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -0,0 +1,2 @@
+"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.MediaTypeSamples=void 0;const react_1=__importStar(require("react")),deepmerge_1=__importDefault(require("deepmerge")),shared_1=require("../shared"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled"),Samples_1=require("../Samples"),utils_1=require("../../services/utils");function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:t,properties:a,onChange:r,onCopyClick:l}){const n=e.examples||{},i=e.name,u=Object.keys(n),{exampleKey:o,defaultExampleName:p}=(0,Samples_1.useExampleKey)(e.operation,n),c=1===u.length?Object.values(n)[0]:n[o];if(!u.length)return react_1.default.createElement(shared_1.NoSampleLabel,null,"Sample not available");const _=a?Object.assign(Object.assign({},c),{value:(0,deepmerge_1.default)(c.value,a,{arrayMerge:utils_1.arrayMergeStrategy})}):c,m=_.description;return p&&t?react_1.default.createElement(react_1.default.Fragment,null,_.description&&react_1.default.createElement(Markdown_1.Markdown,{source:_.description}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:i,onCopyClick:l})):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:n,exampleKey:o,onChange:r}),react_1.default.createElement(styled_1.ExampleWrapper,null,m&&react_1.default.createElement(Markdown_1.Markdown,{source:m}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:i,onCopyClick:l})))}exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
+//# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.d.ts

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

package/lib/components/PayloadSamples/PayloadSamples.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 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,a,o)}: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},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),n=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),i=t&&n,l=(0,react_1.useCallback)((e=>i?null:react_1.default.createElement(styled_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))),[i]),p=e=>o(e);return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderDropdown:l},(e=>react_1.default.createElement(MediaTypeSamples_1.MediaTypeSamples,Object.assign({key:"samples",mediaType:e},a,{onChange:p}))))}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
+//# sourceMappingURL=PayloadSamples.js.map

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

@@ -0,0 +1,6 @@
+export { Example } from './Example';
+export { ExternalExample } from './ExternalExample';
+export { ExampleValue } from './ExampleValue';
+export { MediaTypeSamples } from './MediaTypeSamples';
+export { PayloadSamples } from './PayloadSamples';
+export * from './styled';

package/lib/components/PayloadSamples/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,a,t){void 0===t&&(t=a);var l=Object.getOwnPropertyDescriptor(r,a);l&&!("get"in l?!r.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(e,t,l)}:function(e,r,a,t){void 0===t&&(t=a),e[t]=r[a]}),__exportStar=this&&this.__exportStar||function(e,r){for(var a in e)"default"===a||Object.prototype.hasOwnProperty.call(r,a)||__createBinding(r,e,a)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=exports.MediaTypeSamples=exports.ExampleValue=exports.ExternalExample=exports.Example=void 0;var Example_1=require("./Example");Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return Example_1.Example}});var ExternalExample_1=require("./ExternalExample");Object.defineProperty(exports,"ExternalExample",{enumerable:!0,get:function(){return ExternalExample_1.ExternalExample}});var ExampleValue_1=require("./ExampleValue");Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return ExampleValue_1.ExampleValue}});var MediaTypeSamples_1=require("./MediaTypeSamples");Object.defineProperty(exports,"MediaTypeSamples",{enumerable:!0,get:function(){return MediaTypeSamples_1.MediaTypeSamples}});var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),__exportStar(require("./styled"),exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/PayloadSamples/styled.js

@@ -0,0 +1,17 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleWrapper=exports.DropdownWrapper=exports.DropdownLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.DropdownLabel=styled_components_1.default.span`
+  font-size: 12px;
+  position: absolute;
+  z-index: 1;
+  top: -11px;
+  left: 12px;
+  font-weight: var(--font-weight-bold);
+  color: var(--panel-samples-text-color);
+  opacity: 0.7;
+  font-family: var(--font-family-base);
+`,exports.DropdownWrapper=styled_components_1.default.div`
+  position: relative;
+  margin-bottom: 10px;
+`,exports.ExampleWrapper=styled_components_1.default.div`
+  margin-top: 5px;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,24 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models';
+import type { OpenAPIEncoding } from '../../types';
+export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    example: ExampleModel;
+    mimeType: string;
+}
+export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    value: GenericObject | string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export interface MediaTypeSamplesProps {
+    mediaType: MediaTypeModel;
+    onlyDefaultSample?: boolean;
+    properties?: GenericObject;
+    onChange: (key: any) => void;
+    onCopyClick?: () => void;
+}
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
+    content: MediaContentModel;
+    onlyDefaultMimeType?: boolean;
+}

package/lib/components/PayloadSamples/types.js

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

package/lib/components/PayloadSamples/useExternalExample.d.ts

@@ -0,0 +1,2 @@
+import type { ExampleModel } from '../../models';
+export declare function useExternalExample(example: ExampleModel, mimeType: string): any;

package/lib/components/PayloadSamples/useExternalExample.js

@@ -0,0 +1,2 @@
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(a,u){function c(e){try{i(n.next(e))}catch(e){u(e)}}function o(e){try{i(n.throw(e))}catch(e){u(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,o)}i((n=n.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExternalExample=void 0;const react_1=require("react"),models_1=require("../../models");function useExternalExample(e,t){const[,r]=(0,react_1.useState)(!0),n=(0,react_1.useRef)(void 0),a=(0,react_1.useRef)(void 0);return a.current!==e&&(n.current=void 0),a.current=e,(0,react_1.useEffect)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){r(!0);try{n.current=yield(0,models_1.getExternalExampleValue)(t,e.externalValueUrl)}catch(e){n.current=e}r(!1)}))})()}),[e,t]),n.current}exports.useExternalExample=useExternalExample;
+//# sourceMappingURL=useExternalExample.js.map

package/lib/components/PropertyDetails/DescriptionEnums.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { DescriptionEnumsProps } from './types';
+export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, }: DescriptionEnumsProps): ReactElement;
+export declare const DescriptionEnums: React.NamedExoticComponent<DescriptionEnumsProps>;

package/lib/components/PropertyDetails/DescriptionEnums.js

@@ -0,0 +1,5 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,l)}: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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),services_1=require("../../services"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),EnumValueStyled=styled_components_1.default.td`
+  max-width: 15vw;
+  word-wrap: break-word;
+`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:r,toggleButtonText:n,type:l}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.DescriptionEnumsBlock,null,react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",null,"array"===l?(0,services_1.l)("enumArray"):""," ",1===e.length?(0,services_1.l)("enumSingleValue"):(0,services_1.l)("enumValue")),react_1.default.createElement("th",null,"Description"))),react_1.default.createElement("tbody",null,e.map((({description:e,value:t})=>react_1.default.createElement("tr",{key:t},react_1.default.createElement(EnumValueStyled,null,t),react_1.default.createElement("td",null,react_1.default.createElement(Markdown_1.Markdown,{source:e})))))))),r?react_1.default.createElement(styled_1.ToggleButton,{onClick:t},n):null)}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
+//# sourceMappingURL=DescriptionEnums.js.map

package/lib/components/PropertyDetails/EnumValues.d.ts

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

package/lib/components/PropertyDetails/EnumValues.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 u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,u)}: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.EnumValues=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[r,n]=(0,react_1.useState)(!0),{enumSkipQuotes:u,maxDisplayedEnumValues:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,react_1.useCallback)((()=>{n(!r)}),[r]),a=!Array.isArray(e),s=getEnums(e),l=(0,react_1.useMemo)((()=>r&&o?s.slice(0,o):s),[s,r,o]);if(!s.length)return null;const c=!!o&&s.length>o,m=o?r?`+${s.length-o} more`:"Hide":"";return react_1.default.createElement(react_1.default.Fragment,null,a?react_1.default.createElement(DescriptionEnums_1.DescriptionEnums,{enums:l,toggle:i,showToggleButton:c,toggleButtonText:m,type:t}):react_1.default.createElement(SimpleEnums_1.SimpleEnums,{enums:l,enumSkipQuotes:u,type:t,toggle:i,toggleButtonText:m,showToggleButton:c}))}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
+//# sourceMappingURL=EnumValues.js.map

package/lib/components/PropertyDetails/Examples.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FieldModel } from '../../models';
+export declare function Examples({ field }: {
+    field: FieldModel;
+}): React.JSX.Element | null;
+export declare function getSerializedValue(field: FieldModel, example: any): any;

package/lib/components/PropertyDetails/Examples.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.getSerializedValue=exports.Examples=void 0;const react_1=__importDefault(require("react")),common_1=require("../common"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled");function Examples({field:e}){return e.examples?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.FieldLabel,null," ",(0,services_1.l)("examples"),": "),react_1.default.createElement(styled_1.ExamplesList,null,Object.entries(e.examples).map((([t,l])=>{const a=(0,utils_1.normalizeText)(l.description);return react_1.default.createElement(styled_1.ExampleWrap,{key:t},react_1.default.createElement(styled_1.ExampleSummary,null,(0,utils_1.normalizeText)(l.summary)||t," "),a&&react_1.default.createElement(styled_1.ExampleDescription,null,a," "),react_1.default.createElement(common_1.ExampleValue,null,getSerializedValue(e,l.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,t)):t}exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;
+//# sourceMappingURL=Examples.js.map

package/lib/components/PropertyDetails/Extensions.d.ts

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

package/lib/components/PropertyDetails/Extensions.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),store_1=require("../../jotai/store"),Extension=(0,styled_components_1.default)(theme_1.MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?react_1.default.createElement(react_1.default.Fragment,null,Object.keys(e).map((t=>react_1.default.createElement(Extension,{key:t},react_1.default.createElement(common_1.FieldLabel,null,n?t:t.substring(2),": ")," ",react_1.default.createElement(common_1.ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

package/lib/components/PropertyDetails/FieldDetail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { LabelsConfig } from '../../services';
+export interface FieldDetailProps {
+    value?: any;
+    label: keyof LabelsConfig;
+    raw?: boolean;
+}
+export declare const FieldDetail: React.NamedExoticComponent<FieldDetailProps>;

package/lib/components/PropertyDetails/FieldDetail.js

@@ -0,0 +1,7 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=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,l,n)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=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.FieldDetail=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),services_1=require("../../services"),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r}){if(void 0===e)return null;const l=r?String(e):JSON.stringify(e),n=`${(0,services_1.l)(t)}`;return react_1.default.createElement(Wrapper,null,react_1.default.createElement(common_1.FieldLabel,null," ",n," "),"default"===t?react_1.default.createElement(common_1.DefaultValue,null,l):"example"===t?react_1.default.createElement(common_1.ExampleValue,null,l):react_1.default.createElement(common_1.FieldValueLabel,null,l))}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
+  margin-top: var(--spacing-xxs);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`;
+//# sourceMappingURL=FieldDetail.js.map

package/lib/components/PropertyDetails/FieldDetails.d.ts

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

package/lib/components/PropertyDetails/FieldDetails.js

@@ -0,0 +1,30 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}: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.FieldDetails=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),services_1=require("../../services"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:r,fieldParentsName:n=[]}){var l;const{enumSkipQuotes:i,hideSchemaTitles:o,hideSchemaPattern:c,showAccessMode:s,disableDeepLinks:d}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:u,description:m,example:_,deprecated:p,examples:f,kind:h,required:y,name:E}=t,v=Boolean(i)||"header"===t.in,x=(0,react_1.useMemo)((()=>{if(!e||void 0===_&&void 0===f)return null;if(void 0!==f)return react_1.default.createElement(Examples_1.Examples,{field:t});{const e=!!t.in;return react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}}),[_,f,t,e]),b=(0,RenderHook_1.getAccessModeLabelText)(t.schema,s);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Row,null,E&&react_1.default.createElement(Name,null,react_1.default.createElement(LinkToField_1.LinkToField,{to:r,disableDeepLinks:d}),n.map((e=>e+".")),react_1.default.createElement(SchemaName,{className:"schema-name"},E)),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:u.typePrefix}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:u.displayType}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:u.displayFormat}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:u.contentEncoding}),react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:u.title&&!o?`(${u.title})`:""}),null===(l=u.constraints)||void 0===l?void 0:l.map((e=>react_1.default.createElement(SchemaTypeInfo_1.SchemaTypeInfo,{type:e,key:e}))),react_1.default.createElement(DeprecatedLabel,{type:p?(0,services_1.l)("deprecated"):""}),react_1.default.createElement(Pattern_1.Pattern,{pattern:u.pattern,hideSchemaPattern:c}),"additionalProperties"===h&&react_1.default.createElement(common_1.Tag,null,"additional property"),"patternProperties"===h&&react_1.default.createElement(common_1.Tag,null,"pattern property"),b&&react_1.default.createElement(common_1.AccessLabel,null,b),y&&react_1.default.createElement(common_1.RequiredLabel,null,"required"),u.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,(0,services_1.l)("recursive"))),react_1.default.createElement(StyledDescription,{source:m}),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:v,label:"default",value:u.default}),react_1.default.createElement(EnumValues_1.EnumValues,{type:u.type,values:u["x-enumDescriptions"]||u.enum}),x,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),u.extensions)}),u.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:u.externalDocs,compact:!0}),null==a?void 0:a(),react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"const",value:t.const||void 0}))}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+`,DeprecatedLabel=(0,styled_components_1.default)(SchemaTypeInfo_1.SchemaTypeInfo)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  font-size: var(--font-size-lg);
+`,Name=styled_components_1.default.span`
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  color: var(--text-color-description);
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+`,SchemaName=styled_components_1.default.span`
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--schemas-property-name-font-size);
+  line-height: var(--schemas-property-name-line-height);
+  color: var(--text-color-primary);
+`;
+//# sourceMappingURL=FieldDetails.js.map

package/lib/components/PropertyDetails/Pattern.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+interface PatternProps {
+    pattern?: string;
+    hideSchemaPattern?: boolean;
+}
+export declare function Pattern({ pattern, hideSchemaPattern }: PatternProps): ReactElement | null;
+export {};

package/lib/components/PropertyDetails/Pattern.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.Pattern=void 0;const react_1=__importStar(require("react")),common_1=require("../common"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e,hideSchemaPattern:t}){const[r,n]=(0,react_1.useState)(!1);if(!e||t)return null;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Tag,null,r||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`),e.length>MAX_PATTERN_LENGTH&&react_1.default.createElement(common_1.ToggleButton,{onClick:()=>{n(!r)}},r?"Hide pattern":"Show pattern"))}exports.Pattern=Pattern;
+//# sourceMappingURL=Pattern.js.map

package/lib/components/PropertyDetails/PlusCircleIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CircleIconProps {
+    sign: string;
+    className?: string;
+    color?: string;
+}
+export declare function CircleIcon({ sign, className, color }: CircleIconProps): React.JSX.Element;
+export {};

package/lib/components/PropertyDetails/PlusCircleIcon.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:o,color:r}){return react_1.default.createElement(StyledCircleIcon,{className:o,color:r},e)}exports.CircleIcon=CircleIcon;const StyledCircleIcon=styled_components_1.default.span`
+  background-color: var(--bg-color);
+  border-radius: 50%;
+  border: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
+  font-size: var(--font-size-lg);
+  line-height: var(--font-size-lg);
+  color: ${({color:e})=>e||"var(--text-color-secondary)"};
+  width: 20px;
+  height: 20px;
+`;
+//# sourceMappingURL=PlusCircleIcon.js.map

package/lib/components/PropertyDetails/PropertyDetails.d.ts

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

package/lib/components/PropertyDetails/PropertyDetails.js

@@ -0,0 +1,6 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,a)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=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.PropertyDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:t,skipReadOnly:r,level:i,showTitle:a,showExamples:n,renderDiscriminatorSwitch:l,isFirst:o,fieldParentsName:s}){const d=(0,LinkToField_1.generateDeepLink)(e),c=!e.schema.isPrimitive&&!e.schema.isCircular;return react_1.default.createElement(Wrapper,{isFist:o,expanded:c,className:"property"},react_1.default.createElement(FieldDetails_1.FieldDetails,{field:e,showExamples:n,renderDiscriminatorSwitch:l,deepLink:d,fieldParentsName:s}),c&&react_1.default.createElement(Schema_1.Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:t,showTitle:a,expandable:!0,level:i,fieldParentsName:[...s||[],e.name],deepLink:d}))}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=styled_components_1.default.div`
+  padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
+    ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
+  ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};
+`;
+//# sourceMappingURL=PropertyDetails.js.map

package/lib/components/PropertyDetails/SchemaTypeInfo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function SchemaTypeInfo({ type, className }: {
+    type?: string;
+    className?: string;
+}): React.JSX.Element | null;

package/lib/components/PropertyDetails/SchemaTypeInfo.js

@@ -0,0 +1,7 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaTypeInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?react_1.default.createElement(FieldLabel,{className:t},e):null}exports.SchemaTypeInfo=SchemaTypeInfo;const FieldLabel=styled_components_1.default.span`
+  vertical-align: middle;
+  color: var(--schema-type-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`;
+//# sourceMappingURL=SchemaTypeInfo.js.map

package/lib/components/PropertyDetails/SimpleEnums.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { SimpleEnumsProps } from './types';
+export declare function SimpleEnumsComponent({ enums, enumSkipQuotes, type, toggle, showToggleButton, toggleButtonText, }: SimpleEnumsProps): ReactElement;
+export declare const SimpleEnums: React.NamedExoticComponent<SimpleEnumsProps>;

package/lib/components/PropertyDetails/SimpleEnums.js

@@ -0,0 +1,8 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEnums=exports.SimpleEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),services_1=require("../../services"),styled_1=require("./styled");function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:r,showToggleButton:o,toggleButtonText:i}){return react_1.default.createElement(Row,null,react_1.default.createElement(common_1.FieldLabel,null,"array"===n?(0,services_1.l)("enumArray"):""," ",1===e.length?(0,services_1.l)("enumSingleValue"):(0,services_1.l)("enum")),e.map(((e,n)=>react_1.default.createElement(common_1.Tag,{key:e+n},t?String(e):JSON.stringify(e)))),o?react_1.default.createElement(styled_1.ToggleButton,{onClick:r},i):null)}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+`;
+//# sourceMappingURL=SimpleEnums.js.map

package/lib/components/PropertyDetails/cycleColorsByLevel.d.ts

@@ -0,0 +1 @@
+export declare const cycleColorsByLevel: (level?: number) => string | undefined;

package/lib/components/PropertyDetails/cycleColorsByLevel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.cycleColorsByLevel=void 0;const cycleColorsByLevel=e=>{if(void 0===e)return;const o=["#9D00FF","#615CEA","#147DF5","#08BFCC","#08CC7A","#81CC08","#E5BE00","#FF8700","#FF00B8"];return o[e%o.length]};exports.cycleColorsByLevel=cycleColorsByLevel;
+//# sourceMappingURL=cycleColorsByLevel.js.map

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

@@ -0,0 +1,3 @@
+export { PropertyDetails } from './PropertyDetails';
+export { FieldDetails } from './FieldDetails';
+export { Extensions } from './Extensions';

package/lib/components/PropertyDetails/index.js

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

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

@@ -0,0 +1,12 @@
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    base?: boolean | undefined;
+}, never>;
+export declare const TypeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleSummary: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const ExampleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/PropertyDetails/styled.js

@@ -0,0 +1,34 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDescriptionWrapper=exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=exports.ToggleButton=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.ToggleButton=styled_components_1.default.button`
+  background: none;
+  border: none;
+  color: var(--link-color-primary);
+  vertical-align: middle;
+  font-size: 13px;
+  line-height: 20px;
+  padding: 0;
+  cursor: pointer;
+`,exports.DescriptionEnumsBlock=(0,styled_components_1.default)(theme_1.MarkdownWrapper)`
+  table.md {
+    margin: var(--spacing-xs) 0 0;
+    display: table;
+    border-collapse: collapse;
+  }
+`,exports.TypeWrapper=styled_components_1.default.div`
+  line-height: 20px;
+`,exports.ExampleDescription=styled_components_1.default.div``,exports.ExampleSummary=styled_components_1.default.label`
+  display: block;
+  font-size: inherit;
+  margin-bottom: 0.2em;
+  font-weight: var(--font-weight-bold);
+`,exports.ExampleWrap=styled_components_1.default.div`
+  margin-top: 1em;
+  font-size: var(--field-name-font-size);
+`,exports.ExamplesList=styled_components_1.default.div`
+  padding-left: 1.5em;
+  margin-bottom: 1em;
+`,exports.FieldDescriptionWrapper=styled_components_1.default.div`
+  p {
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=styled.js.map