@zonos/amino 4.2.7 → 4.3.1

package/components/alert-dialog/AlertContext.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { AlertDialogOpts } from "../../types/AlertDialogOpts";
+import { type ReactNode } from 'react';
+import type { AlertDialogOpts } from "../../types/AlertDialogOpts";
 export declare const AlertContext: import("react").Context<(opts: AlertDialogOpts) => void>;
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
 export declare const AlertContextProvider: ({ children }: Props) => JSX.Element;

package/components/alert-dialog/AlertDialog.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { IAminoTheme } from "../../types/IAminoTheme";
-import { Intent } from "../../types/Intent";
-export declare type AlertDialogProps = {
+import type { ReactNode } from 'react';
+import type { IAminoTheme } from "../../types/IAminoTheme";
+import type { Intent } from "../../types/Intent";
+export type AlertDialogProps = {
     open: boolean;
     label: string;
     theme?: IAminoTheme;

package/components/avatar/AvatarBase.d.ts

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-export declare type ImageSize = 16 | 24 | 32 | 40 | 48 | 56 | 64;
+import type { ReactNode } from 'react';
+export type ImageSize = 16 | 24 | 32 | 40 | 48 | 56 | 64;
 export declare const avatarShapes: {
     readonly round: "50%";
     readonly rounded: "10px";
     readonly square: "0px";
 };
-declare type AvatarShape = keyof typeof avatarShapes;
-export declare type AvatarProps = {
+type AvatarShape = keyof typeof avatarShapes;
+export type AvatarProps = {
     /** @default round */
     shape?: AvatarShape;
     /** @default 32 px */
@@ -14,7 +14,7 @@ export declare type AvatarProps = {
     /** @default false */
     bordered?: boolean;
 };
-declare type AvartarBaseProps = Required<AvatarProps> & {
+type AvartarBaseProps = Required<AvatarProps> & {
     backgroundUrl?: string;
     backgroundSize?: string;
     backgroundPosition?: string;

package/components/avatar/ImageAvatar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AvatarProps } from './AvatarBase';
-export declare type ImageAvatarProps = {
+import { type AvatarProps } from './AvatarBase';
+export type ImageAvatarProps = {
     imageUrl: string;
 } & AvatarProps;
 export declare const ImageAvatar: ({ bordered, imageUrl, shape, size, }: ImageAvatarProps) => JSX.Element;

package/components/avatar/UserAvatar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AvatarProps } from './AvatarBase';
-export declare type UserAvatarProps = AvatarProps;
+import { type AvatarProps } from './AvatarBase';
+export type UserAvatarProps = AvatarProps;
 export declare const UserAvatar: ({ size, shape, bordered, }: AvatarProps) => JSX.Element;

package/components/badge/Badge.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { FontWeight } from '../text/Text';
-declare type ColorList = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
-declare type Size = 'small' | 'large';
+import type { ReactNode } from 'react';
+import type { FontWeight } from "../text/Text";
+type ColorList = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
+type Size = 'small' | 'large';
 export interface BadgeProps {
     children?: ReactNode | string;
     className?: string;

package/components/banner/Banner.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { Intent } from "../../types";
-export declare type BannerProps = {
+import type { ReactNode } from 'react';
+import type { Intent } from "../../types";
+export type BannerProps = {
     className?: string;
     children?: ReactNode;
     title?: ReactNode;

package/components/button/Button.d.ts

@@ -1,11 +1,11 @@
-import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
-import { SpinnerProps } from "../spinner/Spinner";
-import { Color } from "../../types";
-import { Intent } from "../../types/Intent";
-import { Size } from "../../types/Size";
-import { Theme } from "../../types/Theme";
-declare type IntentProps = 'outline' | 'subtle' | 'text' | 'link' | 'plain' | Intent;
-declare type ButtonBase = {
+import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
+import { type SpinnerProps } from "../spinner/Spinner";
+import type { Color } from "../../types";
+import type { Intent } from "../../types/Intent";
+import type { Size } from "../../types/Size";
+import type { Theme } from "../../types/Theme";
+type IntentProps = 'outline' | 'subtle' | 'text' | 'link' | 'plain' | Intent;
+type ButtonBase = {
     background?: Color | 'inherit';
     /** @param borderColor only available for intent 'outline' */
     borderColor?: Color | 'inherit';
@@ -32,9 +32,9 @@ declare type ButtonBase = {
     theme?: Theme | 'space';
     type?: 'button' | 'reset' | 'submit';
 };
-export declare type GroupTag = 'div' | 'a' | 'button';
-declare type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'div' ? HTMLDivElement : HTMLButtonElement;
-export declare type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
+export type GroupTag = 'div' | 'a' | 'button';
+type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'div' ? HTMLDivElement : HTMLButtonElement;
+export type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
     onClick?: MouseEventHandler<MyHtmlElement<T>>;
     tag?: T;
 };

package/components/button/MenuButton.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type MenuButtonProps = {
+import { type ReactNode } from 'react';
+export type MenuButtonProps = {
     action: ReactNode;
     children: ReactNode;
     open: boolean;

package/components/button/RippleGroup.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { Color } from "../../types";
+import type { Color } from "../../types";
 export interface IRippleActions {
     start: (event: React.SyntheticEvent) => void;
 }
-export declare type RippleGroupProps = {
+export type RippleGroupProps = {
     /**
      * @default 'inherit'
      */

package/components/button/_Ripple.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type RippleProps = {
+export type RippleProps = {
     /** Removes the ripple */
     destroy: () => void;
     /** duration of the ripple */

package/components/button/useRipple.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { IRippleActions } from './RippleGroup';
+import type { IRippleActions } from './RippleGroup';
 interface IRippleEventHandlers {
     onMouseDown: React.MouseEventHandler;
 }
-declare type Props = {
+type Props = {
     rippleRef: React.RefObject<IRippleActions>;
     disabled: boolean;
     rippleEnabled: boolean;
 };
-declare type Return = {
+type Return = {
     /** Combines event handlers */
     getRippleHandlers(otherEvents: Partial<IRippleEventHandlers>): IRippleEventHandlers;
     rippleEnabled: boolean;

package/components/card/Card.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type CardProps = {
+import type { ReactNode } from 'react';
+export type CardProps = {
     actions?: ReactNode;
     children: ReactNode;
     className?: string;

package/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { MouseEvent, ReactNode } from 'react';
-export declare type CheckboxProps = {
+import { type MouseEvent, type ReactNode } from 'react';
+export type CheckboxProps = {
     checked: boolean;
     disabled?: boolean;
     icon?: ReactNode;

package/components/collapse/Collapse.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type CollapseProps = {
+import { type ReactNode } from 'react';
+export type CollapseProps = {
     className?: string;
     children: ReactNode;
     /**

package/components/confirm-dialog/ConfirmContext.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { ConfirmDialogOpts } from "../../types/ConfirmDialogOpts";
+import { type ReactNode } from 'react';
+import type { ConfirmDialogOpts } from "../../types/ConfirmDialogOpts";
 export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogOpts) => void>;
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
 export declare const ConfirmContextProvider: ({ children }: Props) => JSX.Element;

package/components/confirm-dialog/ConfirmDialog.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { IAminoTheme } from "../../types/IAminoTheme";
-import { Intent } from "../../types/Intent";
-export declare type ConfirmDialogProps = {
+import type { ReactNode } from 'react';
+import type { IAminoTheme } from "../../types/IAminoTheme";
+import type { Intent } from "../../types/Intent";
+export type ConfirmDialogProps = {
     open: boolean;
     label: string;
     theme?: IAminoTheme;

package/components/connection-map/ConnectionMap.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ICountryOption } from "../../types/ICountry";
-import { IGeoJsonWorld } from "../../types/IGeoJsonWorld";
-declare type Props = {
+import { type ICountryOption } from "../../types/ICountry";
+import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
+type Props = {
     countries: ICountryOption[];
     height?: number;
     to: string;

package/components/cover-sheet/CoverSheet.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type CoverSheetProps = {
+import { type ReactNode } from 'react';
+export type CoverSheetProps = {
     children: ReactNode;
     className?: string;
     open: boolean;

package/components/cover-sheet/CoverSheetActions.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type CoverSheetProps = {
+import { type ReactNode } from 'react';
+export type CoverSheetProps = {
     children: ReactNode;
     className?: string;
     /**

package/components/currency/Currency.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     amount: number;
     className?: string;
     code: string;

package/components/currency/DualCurrency.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-declare type StyledProps = {
+type StyledProps = {
     width?: string;
     isTabular: boolean;
 };
-declare type Props = {
+type Props = {
     className?: string;
     conversionRate?: number;
     foreignCode: string;

package/components/dark-mode-wrapper/DarkModeWrapper.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type DarkModeWrapperProps = {
+import type { ReactNode } from 'react';
+export type DarkModeWrapperProps = {
     children: ReactNode;
 };
 export declare const DarkModeWrapper: ({ children }: DarkModeWrapperProps) => JSX.Element;

package/components/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { IAminoTheme } from "../../types/IAminoTheme";
-export declare type DialogProps = {
+import { type ReactNode } from 'react';
+import type { IAminoTheme } from "../../types/IAminoTheme";
+export type DialogProps = {
     actions?: ReactNode;
     className?: string;
     children: ReactNode;

package/components/dialog/_BaseDialog.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { IAminoTheme } from "../../types/IAminoTheme";
-export declare type BaseDialogProps = {
+import { type ReactNode } from 'react';
+import type { IAminoTheme } from "../../types/IAminoTheme";
+export type BaseDialogProps = {
     children: ReactNode;
     className?: string;
     open: boolean;

package/components/divider/Divider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     className?: string;
     vertical?: boolean;
 };

package/components/drop-zone/DropZone.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DropzoneOptions } from 'react-dropzone';
-import { UploadedFile } from "../../types/UploadedFile";
-export declare type DropZoneProps = {
+import { type DropzoneOptions } from 'react-dropzone';
+import { type UploadedFile } from "../../types/UploadedFile";
+export type DropZoneProps = {
     className?: string;
     dropzoneOptions: Omit<DropzoneOptions, 'disabled'>;
     /**

package/components/emoji/Emoji.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     code: string;
 };
 export declare const Emoji: ({ code }: Props) => JSX.Element;

package/components/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DropzoneOptions } from 'react-dropzone';
-import { UploadedFile } from "../../types/UploadedFile";
-export declare type FileUploadProps = {
+import { type DropzoneOptions } from 'react-dropzone';
+import type { UploadedFile } from "../../types/UploadedFile";
+export type FileUploadProps = {
     className?: string;
     dropzoneOptions: Omit<DropzoneOptions, 'disabled' | 'multiple'>;
     /**

package/components/graph-matrix/GraphMatrix.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { GraphQLSchema } from 'graphql';
-import { ExecutionResultType, GraphiqlExecutionResult, HandleFetchFetcher } from "../../utils/_graphiqlFetcher";
-declare type GraphMatrixProps = {
+import type { ExecutionResultType, GraphiqlExecutionResult, HandleFetchFetcher } from "../../utils/_graphiqlFetcher";
+type GraphMatrixProps = {
     /**
      * @param fetcher
      * @description Custom fetcher, if not provided, the default fetcher (handleFetch - "src/utils/handleFetch.ts") will be used

package/components/graph-matrix/GraphMatrix.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql"),s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/_useGraphiqlExplorer.js"),u=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@zonos/react-split"),require("../../icons/custom/ZonosLogoIcon.js");var b,m,x,_=g(h),v=_.default.div(b||(b=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),f=_.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),k=_.default.div(x||(x=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),o.theme.space12),y=function(o){var h=o.fetcher,g=o.loadingComponent,b=o.onEditQuery,m=o.onEditVariables,x=o.onResultData,_=o.query,y=void 0===_?"":_,S=o.schema,C=o.schemaName,E=o.url,I=o.variables,T=void 0===I?"":I,w=o.customToolbar,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],Q=e.__read(t.useState(!1),2),W=Q[0],A=Q[1],M=e.__read(t.useState(""),2),P=M[0],V=M[1],H=u.useGraphiqlFetcher({cachingKey:N,url:E,query:y,customFetcher:h||null,operationName:P}),z=H.graphiqlFetcher,K=H.resultData,U=H.isLoading,Z=c.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||U)}),[null==D?void 0:D.isFetching,L,U]),t.useEffect((function(){K&&x&&x(K)}),[x,K]);var J=l.useGraphiqlExplorer({onEdit:b,query:y});if(!S)return r.jsx(r.Fragment,{children:g||r.jsx(j.Loading,{})});var X,Y;return r.jsx(v,{children:r.jsxs(q.SplitPanel,e.__assign({collapseAll:!W},{children:[r.jsx(f,{children:r.jsx(n.GraphiQL,e.__assign({fetcher:z,onEditOperationName:V,onEditQuery:b,onEditVariables:m,plugins:[J],query:y,variables:T,schema:S,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:W?"Hide table":"Show table",onClick:function(){return A(!W)}},{children:W?r.jsx(a.EyeOffIcon,{color:"gray400"}):r.jsx(s.EyeIcon,{color:"gray400"})})),w]})},storage:Z},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(X=null!==K?K.data:K,Y=X?Object.entries(X):null,Y?r.jsx(k,{children:Y.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};y.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=y;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/_useGraphiqlExplorer.js"),u=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var b,m,x,_=g(h),v=_.default.div(b||(b=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),f=_.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),k=_.default.div(x||(x=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),o.theme.space12),y=function(o){var h=o.fetcher,g=o.loadingComponent,b=o.onEditQuery,m=o.onEditVariables,x=o.onResultData,_=o.query,y=void 0===_?"":_,S=o.schema,C=o.schemaName,E=o.url,I=o.variables,T=void 0===I?"":I,w=o.customToolbar,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],Q=e.__read(t.useState(!1),2),W=Q[0],A=Q[1],M=e.__read(t.useState(""),2),P=M[0],V=M[1],H=u.useGraphiqlFetcher({cachingKey:N,url:E,query:y,customFetcher:h||null,operationName:P}),K=H.graphiqlFetcher,U=H.resultData,Z=H.isLoading,z=c.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||Z)}),[null==D?void 0:D.isFetching,L,Z]),t.useEffect((function(){U&&x&&x(U)}),[x,U]);var J=l.useGraphiqlExplorer({onEdit:b,query:y});if(!S)return r.jsx(r.Fragment,{children:g||r.jsx(j.Loading,{})});var X,Y;return r.jsx(v,{children:r.jsxs(q.SplitPanel,e.__assign({collapseAll:!W},{children:[r.jsx(f,{children:r.jsx(n.GraphiQL,e.__assign({fetcher:K,onEditOperationName:V,onEditQuery:b,onEditVariables:m,plugins:[J],query:y,variables:T,schema:S,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:W?"Hide table":"Show table",onClick:function(){return A(!W)}},{children:W?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})})),w]})},storage:z},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(X=null!==U?U.data:U,Y=X?Object.entries(X):null,Y?r.jsx(k,{children:Y.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};y.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=y;

package/components/graph-matrix/_GraphiqlContextWrapper.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { ExecutionContextType } from '@graphiql/react';
-import { CodeMirrorEditor } from '@graphiql/react/types/editor/types';
-declare type Props = {
+import { type ReactNode } from 'react';
+import { type ExecutionContextType } from '@graphiql/react';
+import type { CodeMirrorEditor } from '@graphiql/react/types/editor/types';
+type Props = {
     children: ReactNode;
     setExecutionContext: (context: ExecutionContextType) => void;
     setResponseEditorContext: (context: CodeMirrorEditor) => void;

package/components/help-text/HelpText.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type HelpTextProps = {
+import type { ReactNode } from 'react';
+export type HelpTextProps = {
     /**
      * Is this an error state.
      */

package/components/input/Input.d.ts

@@ -1,19 +1,19 @@
-import { ChangeEvent, ChangeEventHandler, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
-import { HelpTextProps } from '../help-text/HelpText';
-import { FloatLabelInputProps } from './input-type/_FloatLabelInput';
-declare type DateInputEventHandler = (e: Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
+import type { ChangeEvent, ChangeEventHandler, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
+import { type HelpTextProps } from '../help-text/HelpText';
+import { type FloatLabelInputProps } from './input-type/_FloatLabelInput';
+type DateInputEventHandler = (e: Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
     target: Omit<EventTarget, 'value'> & {
         /** @desc The parsed value is always formatted `yyyy-mm-dd`. Ex: '2022-12-28' */
         value: `${number}-${number}-${number}` | '';
     };
 }) => void;
-declare type InputType<T extends HTMLInputTypeAttribute> = {
+type InputType<T extends HTMLInputTypeAttribute> = {
     /** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
     width?: number;
     onChange: T extends 'date' ? DateInputEventHandler : ChangeEventHandler<HTMLInputElement>;
     inputSuffix?: ReactNode;
     inputPrefix?: ReactNode;
 } & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
-export declare type InputProps<T extends string = string> = InputType<T> & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType<T>>;
+export type InputProps<T extends string = string> = InputType<T> & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType<T>>;
 export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, type, size, value, valuePrefix, width, ...props }: InputProps<T>) => JSX.Element;
 export {};

package/components/input/SearchInput.d.ts

@@ -1,6 +1,6 @@
-import { ChangeEventHandler, KeyboardEventHandler } from 'react';
-import { InputMode } from './input-type/_FloatLabelInput';
-export declare type InputProps = {
+import type { ChangeEventHandler, KeyboardEventHandler } from 'react';
+import type { InputMode } from './input-type/_FloatLabelInput';
+export type InputProps = {
     /** Input value. Required since all inputs must be fully controlled */
     value: string | null;
     /** Input on changed. Required since all inputs must be fully controlled */

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -1,9 +1,9 @@
-import { ChangeEventHandler, HTMLInputTypeAttribute, InputHTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
-import { HelpTextProps } from "../../help-text/HelpText";
-import { Size } from "../../../types/Size";
+import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { HelpTextProps } from "../../help-text/HelpText";
+import type { Size } from "../../../types/Size";
 export declare const InputValuePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
-declare type FloatLabelInputType = {
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+type FloatLabelInputType = {
     /** A label that will be displayed above the input */
     label?: string;
     /** Input value. Required since all inputs must be fully controlled */
@@ -33,7 +33,7 @@ declare type FloatLabelInputType = {
     size?: Size;
     onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
 } & Pick<HelpTextProps, 'error'>;
-export declare type FloatLabelInputProps = FloatLabelInputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof FloatLabelInputType>;
+export type FloatLabelInputProps = FloatLabelInputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof FloatLabelInputType>;
 export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<{
     /** A label that will be displayed above the input */
     label?: string | undefined;

package/components/layout/Layout.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEventHandler, ReactElement, ReactNode } from 'react';
+import type { ChangeEventHandler, ReactElement, ReactNode } from 'react';
 import { type NavigationGroupProps } from './NavigationGroup';
-declare type SearchInputProps = {
+type SearchInputProps = {
     value: string;
     onChange: ChangeEventHandler<HTMLInputElement>;
 };
-export declare type LayoutProps = {
+export type LayoutProps = {
     footer: ReactNode;
     logoSidebar?: ReactNode;
     sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../input/SearchInput.js"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("../../icons/SearchIcon.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var a,d,h,l,s,c,b,m,p,g,u=o(i),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),t.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),t.theme.space24),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space24),_=u.default(r.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"])),t.theme.gray100),k=u.default.nav(c||(c=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),t.theme.border,t.theme.sidebarWidth,t.theme.space24,t.theme.sidebarColor),y=u.default.div(b||(b=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(t.theme.appbarHeight,")"):"100vh"}),t.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(p||(p=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"])),t.theme.space24,t.theme.space24,t.theme.space24),O=u.default.header(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),t.theme.headerColor,t.theme.v3ShadowBase,t.theme.border,t.theme.appbarHeight,t.theme.appbarElevation);exports.Layout=function(r){var t=r.content,i=r.footer,o=r.sidebar,a=r.logoSidebar,d=r.searchInput,h=r.headerContent;return n.jsxs(w,{children:[!!h&&n.jsx(O,{children:h}),n.jsxs(y,e.__assign({hasHeader:!!h},{children:[n.jsxs(k,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{value:d.value,onChange:d.onChange})}),o]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]}))]})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../input/SearchInput.js"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("./NavigationGroup.js"),require("../../icons/SearchIcon.js"),require("react"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js");var a,d,h,l,s,c,b,m,p,g,u=o(i),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),t.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),t.theme.space24),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space24),_=u.default(r.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"])),t.theme.gray100),k=u.default.nav(c||(c=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),t.theme.border,t.theme.sidebarWidth,t.theme.space24,t.theme.sidebarColor),y=u.default.div(b||(b=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(t.theme.appbarHeight,")"):"100vh"}),t.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(p||(p=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"])),t.theme.space24,t.theme.space24,t.theme.space24),q=u.default.header(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),t.theme.headerColor,t.theme.v3ShadowBase,t.theme.border,t.theme.appbarHeight,t.theme.appbarElevation);exports.Layout=function(r){var t=r.content,i=r.footer,o=r.sidebar,a=r.logoSidebar,d=r.searchInput,h=r.headerContent;return n.jsxs(w,{children:[!!h&&n.jsx(q,{children:h}),n.jsxs(y,e.__assign({hasHeader:!!h},{children:[n.jsxs(k,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{value:d.value,onChange:d.onChange})}),o]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]}))]})};

package/components/layout/NavigationGroup.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement, ReactNode } from 'react';
-export declare type NavigationItemProps = {
+import type { ReactElement, ReactNode } from 'react';
+export type NavigationItemProps = {
     content: ReactNode;
     className?: string;
     icon?: ReactNode;
     isActive?: boolean;
 };
-export declare type NavigationGroupProps = {
+export type NavigationGroupProps = {
     /** **NOTE**: Should be `NavigationItem` component in order to have proper styling. If you want to use `href`, WRAP the `anchor` tag outside of the `NavigationItem` component. */
     content: ReactElement<NavigationItemProps> | HTMLAnchorElement;
     className?: string;

package/components/lightbox/LightBox.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { IAminoTheme } from "../../types/IAminoTheme";
-export declare type LightBoxProps = {
+import type { ReactNode } from 'react';
+import type { IAminoTheme } from "../../types/IAminoTheme";
+export type LightBoxProps = {
     className?: string;
     children: ReactNode;
     onClose: () => void;

package/components/list/CollapsibleList.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ListProps } from './List';
-export declare type CollapsibleListProps = ListProps & {
+import { type ReactNode } from 'react';
+import { type ListProps } from './List';
+export type CollapsibleListProps = ListProps & {
     icon?: ReactNode;
     title: ReactNode;
     /**

package/components/list/List.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type ListProps = {
+import type { ReactNode } from 'react';
+export type ListProps = {
     className?: string;
     withBorder?: boolean;
     withNegativeMargin?: boolean;

package/components/list-item/ListItem.d.ts

@@ -1,5 +1,5 @@
-import { MouseEventHandler, ReactNode } from 'react';
-export declare type Props = {
+import { type MouseEventHandler, type ReactNode } from 'react';
+export type Props = {
     className?: string;
     disabled?: boolean;
     selected?: boolean;

package/components/mdx-anchor/MdxAnchor.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare type MdxAnchorProps = {
+import { type ReactNode } from 'react';
+export type MdxAnchorProps = {
     className?: string;
     children?: ReactNode;
     href?: string;

package/components/mdx-badge/MdxBadge.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { BadgeProps } from "../badge/Badge";
+import { type BadgeProps } from "../badge/Badge";
 export declare const MdxBadge: (props: BadgeProps) => JSX.Element;

package/components/mdx-banner/MdxBanner.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BannerProps } from "../banner/Banner";
-declare type Props = Omit<BannerProps, 'title'> & {
+import { type BannerProps } from "../banner/Banner";
+type Props = Omit<BannerProps, 'title'> & {
     xtitle?: BannerProps['title'];
 };
 export declare const MdxBanner: ({ xtitle, ...props }: Props) => JSX.Element;