@redocly/openapi-docs 0.0.0-react18-20231120182601

package/lib-esm/components/common/Dropdown/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/components/common/Fields/fields-layout.d.ts

@@ -0,0 +1,15 @@
+export declare const getCssVariable: (variable: string) => string;
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

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

@@ -0,0 +1,224 @@
+import styled,{css}from"styled-components";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-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;
+
+  ${({theme:e})=>e.mediaQueries.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%;
+
+    ${({theme:e})=>e.mediaQueries.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;
+
+    ${({theme:e})=>e.mediaQueries.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;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    border-bottom: 1px solid var(--border-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;
+
+  ${({theme:e})=>e.mediaQueries.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;
+
+  ${({theme:e})=>e.mediaQueries.small} {
+    display: table;
+  }
+
+  > tr,
+  > tbody > tr {
+    display: block;
+    margin-bottom: 10px;
+    border-spacing: 0;
+
+    ${({theme:e})=>e.mediaQueries.small} {
+      display: table-row;
+      margin-bottom: 0;
+      border-spacing: 0 2px;
+      margin-bottom: 0;
+    }
+  }
+
+  > tr {
+    vertical-align: middle;
+  }
+
+  @media screen and (max-width: ${({theme:e})=>e.mediaQueries.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,22 @@
+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<"div", any, {}, never>;
+export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccessLabel: import("styled-components").StyledComponent<"div", 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,111 @@
+import styled,{css}from"styled-components";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";import{ShelfIcon}from"../../icons";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
+  button {
+    background-color: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    padding: 0 10px 0 0;
+    color: var(--text-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: 20px;
+  font-size: var(--schema-property-labels-font-size);
+`;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-secondary);
+  font-size: var(--schema-labels-font-size);
+  font-weight: normal;
+  line-height: 1;
+  display: block;
+`;export const RequiredLabel=styled(PropertyLabel)`
+  color: var(--schema-property-required-label-text-color);
+`;export const AdditionalPropertiesLabel=styled(PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`;export const AccessLabel=styled(PropertyLabel)`
+  color: var(--schema-property-access-label-text-color);
+`;export const FieldValueLabel=styled(FieldLabel)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 1px var(--spacing-unit);
+
+  ${typography("schema-inline-code")}
+`;export const RecursiveLabel=styled(FieldValueLabel)`
+  background-color: var(--schema-recursive-background-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+`;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(FieldValueLabel)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`;export const ExampleValue=styled(FieldValueLabel)`
+  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;
+  }
+
+  line-height: 1.2em;
+  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-secondary);
+  margin-left: var(--spacing-unit);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline-color: var(--text-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/FileUpload/FileUpload.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SchemaModel, UploadFileType } from '../../../models';
+export interface FileUploadProps {
+    schema: SchemaModel | GenericObject;
+    contentName: string;
+    onChange(key: string, file: UploadFileType): void;
+    fieldName: string;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,a,o){return new(a||(a=Promise))((function(n,i){function r(e){try{l(o.next(e))}catch(e){i(e)}}function c(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,c)}l((o=o.apply(e,t||[])).next())}))};import React,{forwardRef}from"react";import{useFormContext}from"react-hook-form";import{getFileToUpload}from"./helper";export const FileUpload=forwardRef((({schema:e,contentName:t,onChange:a,fieldName:o,className:n,accept:i,multiple:r},c)=>{const{register:l}=useFormContext();return React.createElement("input",Object.assign({},l(o),{"data-cy":"file-upload-input",type:"file",id:o,className:n,name:o,onChange:o=>__awaiter(void 0,void 0,void 0,(function*(){const n=yield getFileToUpload(o.target.files,e);a(t,n)})),multiple:r,accept:i,ref:c}))}));FileUpload.displayName="FileUpload";
+//# sourceMappingURL=FileUpload.js.map

package/lib-esm/components/common/FileUpload/helper.d.ts

@@ -0,0 +1,11 @@
+import type { SchemaModel, UploadFileType } from '../../../models';
+/**
+ * Convert request body mime-type to accept value for file upload input in browser
+ */
+export declare function mimeTypeToAccept(mimeType: string): string | undefined;
+export declare function isFileUploadMime(mimeType: string): boolean;
+export declare function isMultipartFileUploadProperty(schema: SchemaModel): boolean;
+export declare function isRootFileUpload(schema: SchemaModel | GenericObject, mimeType: string): boolean;
+export declare function fileToBase64(file: File): Promise<string>;
+export declare function getIsBase64({ format, contentEncoding, contentMediaType, }: SchemaModel | GenericObject): boolean;
+export declare function getFileToUpload(rawFiles: FileList, schema: SchemaModel | GenericObject): Promise<UploadFileType>;

package/lib-esm/components/common/FileUpload/helper.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(o,a){function r(e){try{p(n.next(e))}catch(e){a(e)}}function s(e){try{p(n.throw(e))}catch(e){a(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,s)}p((n=n.apply(e,t||[])).next())}))};import{DefinitionTypes,FileUploadFormats}from"../../../models";const FILE_UPLOAD_FORMATS=Object.values(FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];export function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t))))return e}export function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t)))}export function isMultipartFileUploadProperty(e){const t="array"===e.type?e.items:e;if(!t||!t.type||"any"===(null==t?void 0:t.type))return!0;const i=t.contentMediaType||"",n=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(n)}export function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);const i=e.format||e.contentEncoding||"";return e.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}export function fileToBase64(e){return new Promise(((t,i)=>{const n=new FileReader;n.onload=()=>{const e=n.result.replace(/data:.*\/.*;base64,/g,"");t(e)},n.onerror=()=>i(n.error),n.readAsDataURL(e)}))}export function getIsBase64({format:e,contentEncoding:t,contentMediaType:i}){return[e,t,i].includes(FileUploadFormats.BASE64)}export function getFileToUpload(e,t){return __awaiter(this,void 0,void 0,(function*(){const i=Object.values(e);let n=1===i.length?i[0]:i;return t.type===DefinitionTypes.STRING&&getIsBase64(t)?n=yield fileToBase64(i[0]):t.type===DefinitionTypes.ARRAY&&t.items&&(n=getIsBase64(t.items)?yield Promise.all(i.map((e=>__awaiter(this,void 0,void 0,(function*(){return yield fileToBase64(e)}))))):i),n}))}
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+export * from './FileUpload';

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LinearProgress: () => JSX.Element;

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,19 @@
+import type { Location } from 'react-router-dom';
+import type { PropsWithChildren } from 'react';
+import type { FieldModel } from '../../models';
+import { Pagination } from '../../services';
+import { ShareLink } from './linkify';
+interface LinkToFieldProps {
+    className?: string;
+    to?: string;
+    location: Location;
+}
+export declare function generateDeepLink(field: FieldModel, options: {
+    pagination: Pagination;
+    deepLinkPrefix: string;
+}): string;
+export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
+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,14 @@
+import styled from"styled-components";import React from"react";import{AnchorIcon}from"@redocly/theme";import{joinWithSeparator,Pagination}from"../../services";import{constructFieldDeepFragment}from"../../services/history/helpers";import{pathMatchedLink}from"../../utils";import{ShareLink}from"./linkify";export function generateDeepLink(i,e){const t=i.deps.operation,o=constructFieldDeepFragment(i);if(!(null==t?void 0:t.id)&&!t.isCallback)return"#"+o;let n=e.pagination===Pagination.Item?"#":t.href;return joinWithSeparator(n,o,e.deepLinkPrefix)}export const LinkToField=i=>{const e=i.to;return React.createElement(ShareLinkToField,{className:i.className,isActive:!(!(null==i?void 0:i.location)||!pathMatchedLink(i.location,e)),to:e,id:null==e?void 0:e.split("#")[1]})};export const ShareLinkToField=styled(ShareLink)`
+  left: 10px;
+  display: flex;
+  ${({isActive:i})=>i&&`\n    ${AnchorIcon} {\n      visibility: visible;\n    }\n  `}
+  :hover ${AnchorIcon}, :focus ${AnchorIcon} {
+    visibility: visible;
+  }
+
+  ${AnchorIcon} {
+    width: 13px;
+    height: 13px;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+interface PortalProps {
+    mountId?: string;
+}
+export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{useEffect}from"react";import{createPortal}from"react-dom";import{IS_BROWSER}from"../../../utils";const container=IS_BROWSER?document.createElement("div"):null;export const Portal=({children:e,mountId:t="api-content"})=>{const n=IS_BROWSER?document.getElementById(t):null;return useEffect((()=>{if(n&&container)return n.appendChild(container),()=>{n.removeChild(container)}}),[n]),n&&container?createPortal(e,container):React.createElement(React.Fragment,null,e)};
+//# sourceMappingURL=Portal.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Skeleton(): JSX.Element;

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

@@ -0,0 +1,31 @@
+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: #eeeeee;
+  border-radius: var(--global-border-radius);
+
+  &::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