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

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

@@ -0,0 +1,223 @@
+"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]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
+  text-align: right;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: var(--text-color-secondary);
+`;const repeatingGradient=styled_components_1.css`
+  repeating-linear-gradient(0deg,
+  var(--schemas-lines-color),
+  var(--schemas-lines-color) 3px,
+  transparent 3px,
+  transparent 5px,
+  var(--schemas-lines-color) 5px);
+`;exports.PropertyCell=styled_components_1.default.td`
+  box-sizing: border-box;
+  position: relative;
+  background-image: ${repeatingGradient};
+  background-repeat: no-repeat;
+  background-size: 1px 100%;
+  display: block;
+  overflow: hidden;
+  padding: 0 20px;
+  margin-bottom: 2px;
+
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    display: table-cell;
+    overflow: initial;
+    padding: 10px;
+    margin-bottom: 0;
+  }
+
+  tr:first-of-type > & {
+    background-image: ${repeatingGradient};
+    background-position: 0 10px;
+    padding-top: 0;
+  }
+
+  tr.last > & {
+    background-image: ${repeatingGradient};
+    padding-bottom: 0;
+    background-size: 0.9px 100%;
+
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+      background-size: 0.9px 22px;
+    }
+  }
+
+  tr.last + tr > & {
+    background: none;
+  }
+
+  tr.last:first-child > & {
+    background-image: ${repeatingGradient};
+    background-size: 0.9px 100%;
+    background-position: 0 20px;
+
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+      background-size: 0.9px 22px;
+      background-position: 0 0;
+    }
+  }
+`,exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)`
+  padding: 0;
+`,exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)`
+  vertical-align: top;
+  line-height: 23px;
+  white-space: nowrap;
+  font-size: 14px;
+  font-family: var(--field-name-font-family);
+
+  &.deprecated {
+    ${mixins_1.deprecatedCss};
+  }
+
+  ${({kind:e})=>"patternProperties"===e&&styled_components_1.css`
+      span.field-name {
+        white-space: break-spaces;
+        text-align: left;
+        display: inline-table;
+        line-height: 1.5;
+      }
+    `}
+
+  ${()=>{const e=(0,exports.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && span:last-child {\n        white-space: normal;\n        word-break: ${e};\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    `;return styled_components_1.css`
+        ${(0,utils_1.typography)("schemas-property-name")}
+        ${r}
+      `}return(0,utils_1.typography)("schemas-property-name")}};
+
+  .field-name {
+    display: inline-flex;
+    align-items: center;
+  }
+`,exports.PropertyDetailsCell=styled_components_1.default.td`
+  box-sizing: border-box;
+  vertical-align: top;
+
+  tr.expanded & {
+    border-bottom: none;
+  }
+
+  tr.last > & {
+    border: none;
+    background-position: top left;
+    background-repeat: no-repeat;
+    background-size: 1px 100%;
+    padding-bottom: 0;
+
+    /* workaround for discriminator dropdown oveflowing scrolling container,
+    fixes the issue for the last item in the schema only */
+    & > div > div.dropdown > .dropdown-selector-content {
+      position: relative;
+    }
+  }
+
+  tr:first-of-type > & {
+    padding-top: 0;
+  }
+
+  border-bottom: none;
+  border-left: 1px solid var(--schemas-lines-color);
+  padding: 0 20px;
+  width: var(--schema-default-details-width);
+  min-width: 200px;
+
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    border-bottom: 1px solid var(--border-color-primary);
+    border-left: none;
+    padding: 10px 0;
+  }
+`,exports.PropertyBullet=styled_components_1.default.span`
+  margin-right: 10px;
+  color: var(--schemas-lines-color);
+  font-family: var(--code-font-family);
+  width: var(--schema-default-details-width);
+  border-left: 1px dashed var(--schemas-lines-color);
+  padding: 5px 10px;
+
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    border-left: none;
+    padding: 10px;
+  }
+
+  &::before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    width: 10px;
+    height: 1px;
+    background: var(--schemas-lines-color);
+  }
+`,exports.InnerPropertiesWrap=styled_components_1.default.div`
+  padding: var(--schema-nested-offset);
+`,exports.PropertiesTable=styled_components_1.default.table`
+  border-collapse: separate;
+  border-radius: var(--border-radius);
+  width: 100%;
+  font-size: var(--font-size-base);
+  display: block;
+
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    display: table;
+  }
+
+  > tr,
+  > tbody > tr {
+    display: block;
+    margin-bottom: 10px;
+    border-spacing: 0;
+
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+      display: table-row;
+      margin-bottom: 0;
+      border-spacing: 0 2px;
+    }
+  }
+
+  > tr {
+    vertical-align: middle;
+  }
+
+  @media screen and (max-width: ${theme_1.breakpoints.small}) and (-ms-high-contrast: none) {
+    td {
+      float: left;
+      width: 100%;
+    }
+  }
+
+  &
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
+    margin-left: var(--schema-nested-offset);
+    margin-bottom: var(--schema-nested-offset);
+    background: var(--schema-nested-background-color);
+    border-radius: var(--panel-border-radius);
+  }
+
+  &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
+    &
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
+    background: var(--panel-background-color, #fff);
+  }
+`;
+//# sourceMappingURL=fields-layout.js.map

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

@@ -0,0 +1,23 @@
+export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DeprecatedLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -0,0 +1,123 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.DeprecatedLabel=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
+  button {
+    background-color: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    padding: 0 10px 0 0;
+    color: var(--text-color-primary);
+    &:focus {
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  ${theme_1.ShelfIcon} {
+    margin-left: 4px;
+    height: var(--schema-chevron-size);
+    width: var(--schema-chevron-size);
+    fill: var(--schema-chevron-color);
+    margin-top: -1px;
+  }
+
+  ${()=>{const e=(0,fields_layout_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: ${e};\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    `;return styled_components_1.css`
+        button {
+          ${(0,utils_1.typography)("schema-property-name")};
+          ${r};
+        }
+      `}return styled_components_1.css`
+      button {
+        ${(0,utils_1.typography)("schema-property-name")};
+      }
+    `}};
+`,exports.FieldLabel=styled_components_1.default.span`
+  vertical-align: middle;
+  line-height: var(--schema-labels-line-height);
+  font-size: var(--schema-property-labels-font-size);
+  color: var(--schema-labels--text-color);
+`,exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-text-color);
+`,exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-text-color);
+`,exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-type-title-text-color);
+  word-break: break-word;
+`,exports.TypeFormat=exports.TypeName,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
+  color: var(--text-color-secondary);
+  font-size: var(--schema-labels-font-size);
+  line-height: var(--schema-labels-line-height);
+  font-weight: normal;
+  display: block;
+`,exports.RequiredLabel=(0,styled_components_1.default)(exports.FieldLabel)`
+  color: var(--schema-property-required-label-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,exports.AdditionalPropertiesLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`,exports.Tag=styled_components_1.default.span`
+  background: var(--border-color-secondary);
+  padding: 0 var(--spacing-xs);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  border-radius: var(--border-radius);
+  color: var(--text-color-secondary);
+  display: inline-flex;
+  word-break: var(--code-word-break);
+`,exports.AccessLabel=(0,styled_components_1.default)(exports.Tag)`
+  color: var(--schema-property-access-label-text-color);
+  background-color: var(--bg-color);
+  border: 1px solid var(--border-color-secondary);
+`,exports.FieldValueLabel=(0,styled_components_1.default)(exports.Tag)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 0 var(--spacing-unit);
+`,exports.RecursiveLabel=(0,styled_components_1.default)(exports.Tag)`
+  background-color: var(--schema-recursive-background-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+  padding: 0 var(--spacing-xs);
+`,exports.DeprecatedLabel=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  border-color: var(--badge-deprecated-border-color);
+`,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-enum-background-color);
+  border-color: var(--schema-enum-border-color);
+  color: var(--schema-enum-text-color);
+`,exports.DefaultValue=(0,styled_components_1.default)(exports.Tag)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`,exports.ExampleValue=(0,styled_components_1.default)(exports.Tag)`
+  background-color: var(--schema-example-background-color);
+  border-color: var(--schema-example-border-color);
+  color: var(--schema-example-text-color);
+  word-break: var(--code-word-break);
+
+  & + & {
+    margin-left: 0;
+  }
+
+  display: inline-flex;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+`,exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)``,exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  background-color: var(--schema-constraint-background-color);
+  border-color: var(--schema-constraint-border-color);
+  color: var(--schema-constraint-text-color);
+  word-break: var(--code-word-break);
+  margin: 0 var(--spacing-unit);
+
+  & + & {
+    margin-left: 0;
+  }
+`,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=styled_components_1.default.button`
+  background-color: transparent;
+  border: 0;
+  color: var(--text-color-secondary);
+  margin-left: var(--spacing-unit);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline-color: var(--text-color-secondary);
+  font-size: 12px;
+`;
+//# sourceMappingURL=fields.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { ReactElement } from 'react';
+export declare const LinearProgress: () => ReactElement;

package/lib/components/common/LinearProgress.js

@@ -0,0 +1,104 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearProgress=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),LoadingLine=styled_components_1.default.div`
+  position: relative;
+  height: 4px;
+  display: block;
+  width: 100%;
+  background-color: var(--linear-progress-background-color);
+  border-radius: var(--border-radius);
+  background-clip: padding-box;
+  margin: 0.5rem 0 1rem 0;
+  overflow: hidden;
+
+  .determinate {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: var(--linear-progress-color);
+    transition: width 0.3s linear;
+  }
+  .indeterminate {
+    background-color: var(--linear-progress-color);
+  }
+  .indeterminate:before {
+    content: '';
+    position: absolute;
+    background-color: inherit;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    will-change: left, right;
+    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  }
+  .indeterminate:after {
+    content: '';
+    position: absolute;
+    background-color: inherit;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    will-change: left, right;
+    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    -webkit-animation-delay: 1.15s;
+    animation-delay: 1.15s;
+  }
+
+  @-webkit-keyframes indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+  @keyframes indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+  @-webkit-keyframes indeterminate-short {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+  @keyframes indeterminate-short {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+`,LinearProgress=()=>react_1.default.createElement(LoadingLine,null,react_1.default.createElement("div",{className:"indeterminate"}));exports.LinearProgress=LinearProgress;
+//# sourceMappingURL=LinearProgress.js.map

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

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

package/lib/components/common/LinkToField.js

@@ -0,0 +1,21 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__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.ShareLinkToField=exports.LinkToField=exports.generateDeepLink=void 0;const styled_components_1=__importStar(require("styled-components")),react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),utils_1=require("../../utils"),linkify_1=require("./linkify");function generateDeepLink(e){const t=e.deps.operation,r=(0,helpers_1.constructFieldDeepFragment)(e);return(null==t?void 0:t.id)||t.isCallback?(0,services_1.joinWithSeparator)(t.href,r,"#"):"#"+r}exports.generateDeepLink=generateDeepLink;const LinkToField=({to:e,disableDeepLinks:t,className:r})=>{const i=e,o=(0,react_router_dom_1.useLocation)();return t?null:react_1.default.createElement(exports.ShareLinkToField,{ariaLabel:`link  to ${i}`,className:r,isActive:o&&(0,utils_1.pathMatchedLink)(o,i),to:i,id:null==i?void 0:i.split("#")[1]})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
+  display: flex;
+  ${({isActive:e})=>e&&styled_components_1.css`
+      ${theme_1.AnchorIcon} {
+        visibility: visible;
+        opacity: 1;
+        background-color: var(--bg-color);
+      }
+    `}
+  :hover ${theme_1.AnchorIcon}, :focus ${theme_1.AnchorIcon} {
+    visibility: visible;
+    opacity: 1;
+    background-color: var(--bg-color);
+  }
+
+  ${theme_1.AnchorIcon} {
+    width: 13px;
+    height: 13px;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

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

package/lib/components/common/OperationItemTitle.js

@@ -0,0 +1,13 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Title=styled_components_1.default.h4`
+  font-size: var(--h4-font-size);
+  font-weight: var(--h4-font-weight);
+  line-height: var(--h4-line-height);
+  padding: 0;
+  color: var(--h4-text-color);
+  margin: 0 0 var(--h4-margin-bottom) 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+`;
+//# sourceMappingURL=OperationItemTitle.js.map

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SelectOption } from '@redocly/theme';
+import type { SchemaModel } from '../../../models';
+interface SchemaSelectionProps {
+    options: SelectOption<number>[];
+    onChange?: (idx: number) => void;
+    pointer: string;
+    schema: SchemaModel;
+}
+declare function SchemaSelectionComponent({ options, onChange, pointer, schema }: SchemaSelectionProps): React.JSX.Element | null;
+export declare const SchemaSelection: typeof SchemaSelectionComponent;
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,i)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=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.SchemaSelection=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),DropdownTheme_1=require("../DropdownTheme"),operation_1=require("../../../jotai/operation"),LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:t,pointer:o,schema:n}){var i,r;const[a,l]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(o)),c=null===(r=e[null!==(i=a.activeOneOf[n.pointer])&&void 0!==i?i:0])||void 0===r?void 0:r.value,u=(0,react_1.useCallback)((({value:e})=>{void 0!==e&&(t?t(e):l((t=>{var o,i;return Object.assign(Object.assign({},t),{activeExampleName:(null===(i=null===(o=n.oneOf)||void 0===o?void 0:o[e])||void 0===i?void 0:i.title)||t.activeExampleName,activeOneOf:Object.assign(Object.assign({},t.activeOneOf),{[n.pointer]:e})})})))}),[t,n.oneOf,n.pointer,l]);return(0,theme_1.isUndefined)(c)?null:e.length>LIMIT_FOR_SEGMENTED?react_1.default.createElement(DropdownTheme_1.Dropdown,{options:e,value:c,onChange:u}):react_1.default.createElement(theme_1.Segmented,{value:c,onChange:u,options:e,size:"small"})}exports.SchemaSelection=SchemaSelectionComponent;
+//# sourceMappingURL=SchemaSelection.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { ReactElement } from 'react';
+export declare function Skeleton(): ReactElement;

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

@@ -0,0 +1,32 @@
+"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),panels_1=require("../panels"),shimmer=styled_components_1.keyframes`
+  100% {
+      transform: translateX(100%);
+  }
+`,SkeletonBox=styled_components_1.default.div`
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  overflow: hidden;
+  background-color: var(--bg-color-raised);
+  border-radius: var(--border-radius);
+  margin-top: var(--spacing-base);
+
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transform: translateX(-100%);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0,
+      rgba(255, 255, 255, 0.2) 20%,
+      rgba(255, 255, 255, 0.5) 60%,
+      rgba(255, 255, 255, 0)
+    );
+    animation: ${shimmer} 2s infinite;
+    content: '';
+  }
+`;function Skeleton(){return react_1.default.createElement(panels_1.Section,null,react_1.default.createElement(panels_1.SamplesMiddlePanel,null,react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(SkeletonBox,{style:{width:"40%"}})),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"90%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"83%"}}),react_1.default.createElement(SkeletonBox,{style:{width:"80%"}})))}exports.Skeleton=Skeleton;
+//# sourceMappingURL=Skeleton.js.map

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

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

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

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

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

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

package/lib/components/common/form.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormControl=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.FormControl=styled_components_1.default.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+//# sourceMappingURL=form.js.map

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

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

package/lib/components/common/headers.js

@@ -0,0 +1,12 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=void 0;const styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils");exports.SamplesPanelHeader=styled_components_1.default.h3`
+  color: var(--panel-samples-text-color);
+
+  ${(0,utils_1.typography)("right-panel-header")};
+`,exports.FieldsGroupHeader=styled_components_1.default.h5`
+  color: var(--text-color-secondary);
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+`;
+//# sourceMappingURL=headers.js.map