@redocly/openapi-docs 3.0.0-alpha.10

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

@@ -0,0 +1,5 @@
+export * from './TabList';
+export * from './Tab';
+export * from './TabPanel';
+export * from './CollapsingTabs';
+export { Tabs } from 'react-tabs';

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

@@ -0,0 +1,2 @@
+export*from"./TabList";export*from"./Tab";export*from"./TabPanel";export*from"./CollapsingTabs";export{Tabs}from"react-tabs";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/VersionSwitcher.d.ts

@@ -0,0 +1,7 @@
+import type { VersionedSpecStore } from '../services/VersionedSpecStore';
+import type { DropdownOption } from './common/Dropdown';
+export interface VersionSwitcherProps {
+    onChange: (o: DropdownOption) => void;
+    spec: VersionedSpecStore;
+}
+export declare const VersionSwitcher: ({ spec, onChange }: VersionSwitcherProps) => JSX.Element;

package/lib-esm/components/VersionSwitcher.js

@@ -0,0 +1,7 @@
+import React from"react";import styled from"styled-components";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({spec:e,onChange:n})=>{const o=e.versionsInfo.map(((e,n)=>({idx:n,value:e.title})));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:o,value:o[e.activeVersionIdx].value,onChange:n,ariaLabel:"Version"}))};const VersionWrapper=styled.div`
+  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+`;
+//# sourceMappingURL=VersionSwitcher.js.map

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    fullWidth?: boolean | undefined;
+}, never>;
+export interface CheckboxExtraProps {
+    fullWidth?: boolean;
+    label?: string;
+    nowrap?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,31 @@
+import React,{forwardRef}from"react";import styled from"styled-components";export const StyledInput=styled.input`
+  cursor: pointer;
+  margin-left: 0;
+  margin-right: 5px;
+  height: 20px;
+
+  align-self: baseline;
+  margin-top: 0;
+  margin-bottom: 0;
+`;const CheckboxLabel=styled.label`
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: middle;
+  position: relative;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  overflow-wrap: break-word;
+  line-height: 20px;
+`,CheckBoxWrap=styled.div`
+  width: ${({fullWidth:e})=>e?"100%":"50%"};
+  display: inline-flex;
+  align-items: center;
+
+  & > label {
+    white-space: ${({nowrap:e})=>e?"nowrap":"normal"};
+  }
+
+  ${({nowrap:e})=>e?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}
+`;function CheckboxComponent(e,t){const{fullWidth:o,id:n,label:l,nowrap:r}=e;return React.createElement(CheckBoxWrap,{fullWidth:o,nowrap:r},React.createElement(StyledInput,Object.assign({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:n},l))}export const Checkbox=forwardRef(CheckboxComponent);
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1,25 @@
+import { Component } from 'react';
+import type { FieldContext } from 'informed';
+import type { ChangeEvent } from 'react';
+declare type FieldValue = string[];
+interface CheckboxListComponentState {
+    collapsed: boolean;
+}
+export interface CheckboxListComponentProps {
+    items: string[];
+    maxDisplayedItems?: number;
+    validateOnChange?: boolean;
+    showControls?: boolean;
+    trimItemsLength?: boolean;
+}
+export declare class CheckboxListComponent extends Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
+    state: CheckboxListComponentState;
+    onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
+    private isFieldChecked;
+    private toggle;
+    private selectAll;
+    private clearAll;
+    render(): JSX.Element;
+}
+export declare const CheckboxList: import("react").ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import{asField}from"informed";import{SampleControls,SamplesControlButton}from"@redocly/theme";import React,{Component}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export class CheckboxListComponent extends Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}})}onCheckBoxClick(e){const t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);const o=this.props.fieldApi.getValue()||[];let s;if(l)s=[...o,t];else{const e=o.indexOf(t);s=[...o.slice(0,e),...o.slice(e+1)]}this.props.fieldApi.setValue(s)}isFieldChecked(e){return this.props.fieldApi.getValue().includes(e)}toggle(){this.setState({collapsed:!this.state.collapsed})}selectAll(){this.props.fieldApi.setValue(this.props.items)}clearAll(){this.props.fieldApi.setValue([])}render(){const{items:e,fieldApi:t,validateOnChange:l,maxDisplayedItems:o,showControls:s,trimItemsLength:r}=this.props,{collapsed:i}=this.state,a=t.getError(),n=o||11,c=r&&this.state.collapsed?e.slice(0,n):e;return React.createElement("div",null,s?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:()=>{this.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:()=>{this.clearAll()}},"Clear")):null,React.createElement("div",null,c.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:this.isFieldChecked(e),label:e,key:e,onChange:e=>{this.onCheckBoxClick(e),l&&t.validate()}}))),e.length>n&&r?React.createElement(ToggleButton,{onClick:()=>{this.toggle()}},i?"Show all":"Collapse"):null),a?React.createElement(FormError,null,a):"")}}export const CheckboxList=asField(CheckboxListComponent);const ControlButtonsWrapper=styled(SampleControls)`
+  opacity: 1;
+  text-align: left;
+`,ToggleButton=styled(SamplesControlButton)`
+  float: right;
+`;
+//# sourceMappingURL=CheckboxList.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";const ClearButtonComponent=({className:e,style:t,handleClear:o})=>React.createElement("button",{className:e,style:t,onClick:o},"✕");export const ClearButton=memo(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

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

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

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

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

package/lib-esm/components/common/ClearButton/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ClearButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").ClearButtonProps>, any, {}, never>;

package/lib-esm/components/common/ClearButton/styled.js

@@ -0,0 +1,16 @@
+import styled from"styled-components";import{ClearButton as ClearButtonComponent}from"./ClearButton";export const ClearButton=styled(ClearButtonComponent)`
+  z-index: 1;
+  position: absolute;
+  right: 24px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #89949f;
+  background: none;
+  border: none;
+  cursor: pointer;
+
+  &:hover {
+    color: #fff;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/common/ClearButton/types.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+export interface ClearButtonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    handleClear?: () => void;
+}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React,{memo}from"react";import styled from"styled-components";import{ClearButton}from"../ClearButton";const ArrowSvg=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},React.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=styled(ArrowSvg)`
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 8px;
+  margin: auto;
+  text-align: center;
+  polyline {
+    color: ${e=>"dark"===e.variant&&"white"};
+  }
+`,DropdownComponent=e=>{const{options:t,onChange:o,handleClear:a,clearable:n,placeholder:r,value:l="",className:s,variant:c="light"}=e;return React.createElement("div",{className:s+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:c}),n&&(null==l?void 0:l.length)>0&&React.createElement(ClearButton,{handleClear:a}),React.createElement("select",{onChange:e=>{const{selectedIndex:a}=e.target;o(t[r||!l?a-1:a])},value:l,className:"dropdown-select"},r&&React.createElement("option",{disabled:!0,hidden:!0,value:r},r),!l&&!r&&React.createElement("option",{disabled:!0}),t.map((({idx:e,value:t,title:o},a)=>React.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},o||t)))),React.createElement("label",null,l))};export const Dropdown=memo(DropdownComponent);
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

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

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

package/lib-esm/components/common/Dropdown/styled.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { DropdownProps } from './types';
+export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+} & {
+    active?: boolean | undefined;
+}, never>;
+export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const SchemaDiscriminatorDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const SchemaMimeTypeDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;

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

@@ -0,0 +1,145 @@
+import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";const samplesDropdownStyle=css`
+  background-color: var(--panel-samples-dropdown-background-color);
+  border: var(--panel-samples-dropdown-border);
+  color: var(--panel-samples-dropdown-color);
+
+  &,
+  &:hover,
+  &:focus-within {
+    border: none;
+    box-shadow: none;
+  }
+`;export const Dropdown=styled(DropdownComponent)`
+  box-sizing: border-box;
+  outline: none;
+  display: inline-block;
+  border-radius: var(--border-radius);
+  vertical-align: bottom;
+  position: relative;
+  width: ${({fullWidth:o})=>o?"100%":"auto"};
+  cursor: pointer;
+  text-transform: none;
+
+  label {
+    box-sizing: border-box;
+    min-width: 90px;
+    height: 36px;
+    outline: none;
+    display: inline-block;
+    color: var(--dropdown-text-color);
+    border-radius: var(--border-radius);
+    border: var(--dropdown-border);
+    padding: var(--dropdown-padding);
+    vertical-align: bottom;
+    width: ${({fullWidth:o})=>o?"100%":"auto"};
+    text-transform: none;
+    line-height: inherit;
+    font-size: var(--dropdown-font-size);
+    font-family: inherit;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &,
+    &:hover,
+    &:focus-within {
+      border: 1px solid var(--border-color);
+      box-shadow: none;
+    }
+
+    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+  }
+
+  .dropdown-select {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+
+    color: var(--text-color);
+    line-height: inherit;
+    font-size: 14px;
+    font-family: inherit;
+    padding: var(--dropdown-padding);
+    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+  }
+`;export const SimpleDropdown=styled(Dropdown)`
+  svg {
+    top: 60%;
+    transform: translateY(-60%);
+  }
+  label {
+    padding: 0 26px 0 4px;
+    border: none;
+    background: transparent;
+    font-size: 14px;
+    font-weight: 400;
+    appearance: none;
+    height: auto;
+
+    &:hover,
+    &:focus-within {
+      border: none;
+      box-shadow: none;
+    }
+  }
+`;export const CollapsingDropdown=styled(Dropdown)`
+  svg {
+    top: 60%;
+    transform: translateY(-60%);
+  }
+  label {
+    ${samplesDropdownStyle};
+
+    height: 40px;
+    border-radius: 0 var(--border-radius) 0 0;
+    margin: 0 0 -4px;
+    transition: none;
+    min-width: auto;
+    background: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"none"};
+    & {
+      border-bottom: 4px solid
+        ${({active:o})=>o?"var(--panel-samples-tabs-active-border-color)":"transparent"};
+
+      &[open],
+      &:focus-within,
+      &:hover {
+        background: var(--border-color-secondary);
+        border-bottom: 4px solid
+          ${({active:o})=>o?"var( --panel-samples-tabs-active-border-color)":"transparent"};
+      }
+    }
+  }
+`;export const VersionDropdown=styled(Dropdown)`
+  width: 90%;
+  label {
+    width: 100%;
+    font-weight: 600;
+    color: var(--text-color);
+  }
+`;export const SchemaDiscriminatorDropdown=styled(Dropdown)`
+  .dropdown-select {
+    padding: var(--schemas-discriminator-dropdown-padding);
+  }
+
+  label {
+    height: 26px;
+    padding: var(--schemas-discriminator-dropdown-padding);
+    border: var(--schemas-discriminator-dropdown-border);
+    font-size: var(--schemas-discriminator-font-size);
+    color: var(--schemas-discriminator-dropdown-text-color);
+  }
+`;export const SchemaMimeTypeDropdown=styled(SimpleDropdown)`
+  label {
+    padding: var(--schemas-mime-type-dropdown-padding);
+    border: var(--schemas-mime-type-dropdown-border);
+    font-size: var(--schemas-mime-type-dropdown-font-size);
+    color: var(--schemas-mime-type-dropdown-text-color);
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/common/Dropdown/types.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    handleClear?: () => void;
+    clearable?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
+import type { UploadFileType } from '../../../models';
+export interface FileUploadProps {
+    schema: SchemaModel | GenericObject;
+    contentName: string;
+    onChange(key: string, file: UploadFileType): void;
+    name: 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,n,a){return new(n||(n=Promise))((function(o,r){function i(e){try{c(a.next(e))}catch(e){r(e)}}function l(e){try{c(a.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}c((a=a.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[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])&&(n[a[o]]=e[a[o]])}return n};import React,{forwardRef}from"react";import{useField}from"informed";import{getFileToUpload}from"./helper";export const FileUpload=forwardRef(((e,t)=>{var n=__rest(e,[]);const{schema:a,contentName:o,onChange:r,name:i}=n,l=__rest(n,["schema","contentName","onChange","name"]),{render:c}=useField(Object.assign({field:i},l));return c(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:n.id,className:n.className,name:n.name,onChange:e=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield getFileToUpload(e.target.files,a);r(o,t)})),multiple:n.multiple,accept:n.accept,ref:t}))}));FileUpload.displayName="FileUpload";
+//# sourceMappingURL=FileUpload.js.map

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

@@ -0,0 +1,12 @@
+import type { SchemaModel } from '../../../redoc-lib';
+import type { 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 @@
+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/TextField.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { FieldProps } from 'informed';
+import type { FlattenInterpolation, ThemeProps } from 'styled-components';
+import type { DropdownOption, DropdownProps } from './Dropdown';
+export declare const getInvertedInputStyles: (panelType: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    fullWidth?: boolean | undefined;
+    inputType?: string | undefined;
+    inputActionButton?: InputActionButtonProps | undefined;
+    panel: 'samples' | 'try-it';
+}, never>;
+export interface InputActionButtonProps {
+    label: string;
+    onClick: React.EventHandler<React.SyntheticEvent>;
+}
+export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    fullWidth?: boolean;
+    errorMessage?: string;
+    inputActionButton?: InputActionButtonProps;
+    panel?: 'samples' | 'try-it';
+}
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
+export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
+export interface FormDropdownProps extends Partial<DropdownProps> {
+    options: DropdownOption[];
+    initValue?: string;
+}
+export declare const FormDropdown: import("react").ComponentType<FieldProps<string, any> & FormDropdownProps>;