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

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

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

package/lib-esm/components/common/Fields/fields.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-esm/components/common/Fields/fields.js

@@ -0,0 +1,123 @@
+import styled,{css}from"styled-components";import{ShelfIcon}from"@redocly/theme";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(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);
+    }
+  }
+  ${ShelfIcon} {
+    margin-left: 4px;
+    height: var(--schema-chevron-size);
+    width: var(--schema-chevron-size);
+    fill: var(--schema-chevron-color);
+    margin-top: -1px;
+  }
+
+  ${()=>{const e=getCssVariable("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: ${e};\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    `;return css`
+        button {
+          ${typography("schema-property-name")};
+          ${r};
+        }
+      `}return css`
+      button {
+        ${typography("schema-property-name")};
+      }
+    `}};
+`;export const FieldLabel=styled.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);
+`;export const TypePrefix=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeName=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeTitle=styled(FieldLabel)`
+  color: var(--schema-type-title-text-color);
+  word-break: break-word;
+`;export const TypeFormat=TypeName;export const PropertyLabel=styled(FieldLabel.withComponent("div"))`
+  color: var(--text-color-secondary);
+  font-size: var(--schema-labels-font-size);
+  line-height: var(--schema-labels-line-height);
+  font-weight: normal;
+  display: block;
+`;export const RequiredLabel=styled(FieldLabel)`
+  color: var(--schema-property-required-label-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`;export const AdditionalPropertiesLabel=styled(PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`;export const Tag=styled.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);
+`;export const AccessLabel=styled(Tag)`
+  color: var(--schema-property-access-label-text-color);
+  background-color: var(--bg-color);
+  border: 1px solid var(--border-color-secondary);
+`;export const FieldValueLabel=styled(Tag)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 0 var(--spacing-unit);
+`;export const RecursiveLabel=styled(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);
+`;export const DeprecatedLabel=styled(FieldValueLabel)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  border-color: var(--badge-deprecated-border-color);
+`;export const EnumValue=styled(FieldValueLabel)`
+  background-color: var(--schema-enum-background-color);
+  border-color: var(--schema-enum-border-color);
+  color: var(--schema-enum-text-color);
+`;export const DefaultValue=styled(Tag)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`;export const ExampleValue=styled(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;
+`;export const ExtensionValue=styled(ExampleValue)``;export const ConstraintItem=styled(FieldValueLabel)`
+  background-color: var(--schema-constraint-background-color);
+  border-color: var(--schema-constraint-border-color);
+  color: var(--schema-constraint-text-color);
+  word-break: var(--code-word-break);
+  margin: 0 var(--spacing-unit);
+
+  & + & {
+    margin-left: 0;
+  }
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.button`
+  background-color: transparent;
+  border: 0;
+  color: var(--text-color-secondary);
+  margin-left: var(--spacing-unit);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline-color: var(--text-color-secondary);
+  font-size: 12px;
+`;
+//# sourceMappingURL=fields.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,104 @@
+import React from"react";import styled from"styled-components";const LoadingLine=styled.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%;
+    }
+  }
+`;export const LinearProgress=()=>React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}));
+//# sourceMappingURL=LinearProgress.js.map

package/lib-esm/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-esm/components/common/LinkToField.js

@@ -0,0 +1,21 @@
+import styled,{css}from"styled-components";import React from"react";import{AnchorIcon}from"@redocly/theme";import{useLocation}from"react-router-dom";import{joinWithSeparator}from"../../services";import{constructFieldDeepFragment}from"../../services/history/helpers";import{pathMatchedLink}from"../../utils";import{ShareLink}from"./linkify";export function generateDeepLink(o){const e=o.deps.operation,i=constructFieldDeepFragment(o);return(null==e?void 0:e.id)||e.isCallback?joinWithSeparator(e.href,i,"#"):"#"+i}export const LinkToField=({to:o,disableDeepLinks:e,className:i})=>{const r=o,t=useLocation();return e?null:React.createElement(ShareLinkToField,{ariaLabel:`link  to ${r}`,className:i,isActive:t&&pathMatchedLink(t,r),to:r,id:null==r?void 0:r.split("#")[1]})};export const ShareLinkToField=styled(ShareLink)`
+  display: flex;
+  ${({isActive:o})=>o&&css`
+      ${AnchorIcon} {
+        visibility: visible;
+        opacity: 1;
+        background-color: var(--bg-color);
+      }
+    `}
+  :hover ${AnchorIcon}, :focus ${AnchorIcon} {
+    visibility: visible;
+    opacity: 1;
+    background-color: var(--bg-color);
+  }
+
+  ${AnchorIcon} {
+    width: 13px;
+    height: 13px;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

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

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

@@ -0,0 +1,13 @@
+import styled from"styled-components";export const Title=styled.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-esm/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-esm/components/common/SchemaSelection/SchemaSelection.js

@@ -0,0 +1,2 @@
+import React,{useCallback}from"react";import{useAtom}from"jotai";import{Segmented,isUndefined}from"@redocly/theme";import{Dropdown}from"../DropdownTheme";import{operationStore}from"../../../jotai/operation";const LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:o,pointer:n,schema:t}){var i,a;const[r,l]=useAtom(operationStore(n)),c=null===(a=e[null!==(i=r.activeOneOf[t.pointer])&&void 0!==i?i:0])||void 0===a?void 0:a.value,m=useCallback((({value:e})=>{void 0!==e&&(o?o(e):l((o=>{var n,i;return Object.assign(Object.assign({},o),{activeExampleName:(null===(i=null===(n=t.oneOf)||void 0===n?void 0:n[e])||void 0===i?void 0:i.title)||o.activeExampleName,activeOneOf:Object.assign(Object.assign({},o.activeOneOf),{[t.pointer]:e})})})))}),[o,t.oneOf,t.pointer,l]);return isUndefined(c)?null:e.length>LIMIT_FOR_SEGMENTED?React.createElement(Dropdown,{options:e,value:c,onChange:m}):React.createElement(Segmented,{value:c,onChange:m,options:e,size:"small"})}export const SchemaSelection=SchemaSelectionComponent;
+//# sourceMappingURL=SchemaSelection.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import React from"react";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
+  100% {
+      transform: translateX(100%);
+  }
+`,SkeletonBox=styled.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: '';
+  }
+`;export function Skeleton(){return React.createElement(Section,null,React.createElement(SamplesMiddlePanel,null,React.createElement(H2,null,React.createElement(SkeletonBox,{style:{width:"40%"}})),React.createElement(SkeletonBox,{style:{width:"80%"}}),React.createElement(SkeletonBox,{style:{width:"90%"}}),React.createElement(SkeletonBox,{style:{width:"83%"}}),React.createElement(SkeletonBox,{style:{width:"80%"}})))}
+//# sourceMappingURL=Skeleton.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import styled from"styled-components";export const FormControl=styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+//# sourceMappingURL=form.js.map

package/lib-esm/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-esm/components/common/headers.js

@@ -0,0 +1,12 @@
+import styled from"styled-components";import{typography}from"../../utils";export const SamplesPanelHeader=styled.h3`
+  color: var(--panel-samples-text-color);
+
+  ${typography("right-panel-header")};
+`;export const FieldsGroupHeader=styled.h5`
+  color: var(--text-color-secondary);
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+`;
+//# sourceMappingURL=headers.js.map

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

@@ -0,0 +1,12 @@
+export { Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownOption } from './Dropdown';
+export { ShareLinkToField } from './LinkToField';
+export { deprecatedCss } from './mixins';
+export { FormControl } from './form';
+export * from './Fields';
+export * from './panels';
+export { FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { ShareLink, Link } from './linkify';
+export * from './schema';
+export * from './perfect-scrollbar';
+export { Skeleton } from './Skeleton';

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

@@ -0,0 +1,2 @@
+export{Dropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{ShareLink,Link}from"./linkify";export*from"./schema";export*from"./perfect-scrollbar";export{Skeleton}from"./Skeleton";
+//# sourceMappingURL=index.js.map