@micromerce/formbuilder-react 1.0.654 → 1.0.658

package/dist/components/Textarea/editors/Default.d.ts

@@ -0,0 +1,13 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from "react";
+import { OnChangeValueType, TextareaFormControl } from "../../../types";
+export interface IProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    control?: TextareaFormControl;
+    value?: string;
+    onChange?: (newProperties: OnChangeValueType) => void;
+    id?: string;
+    readOnly?: boolean;
+    textColor?: string;
+    errorClass?: string;
+}
+declare const DefaultEditor: ({ value, onChange, id, readOnly, control, errorClass, textColor, }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultEditor;

package/dist/components/Textarea/editors/Html.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface IHtmlEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const HtmlEditor: React.FC<IHtmlEditorProps>;
+export default HtmlEditor;

package/dist/components/Textarea/editors/Json.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface ICodeEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const CodeEditor: React.FC<ICodeEditorProps>;
+export default CodeEditor;

package/dist/components/Textarea/editors/Markdown.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface IMarkdownEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const MarkdownEditor: React.FC<IMarkdownEditorProps>;
+export default MarkdownEditor;

package/dist/components/Textarea/editors/Richtext.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "react-quill/dist/quill.snow.css";
+import { OnChangeValueType } from "../../../types";
+import "./Richtext.css";
+interface IRichTextEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const RichTextEditor: React.FC<IRichTextEditorProps>;
+export default RichTextEditor;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Textarea";

package/dist/components/addressGroup/AddressGroup.d.ts

@@ -0,0 +1,12 @@
+import type { controlProps } from "../../types/controlProps";
+import { GroupFormControl } from "../../types/index";
+export interface IProps {
+    id: string;
+    control: GroupFormControl;
+    objectPathId?: string;
+    groupIsRequired?: boolean;
+    isInGroup?: boolean;
+    controlProps?: controlProps;
+}
+declare const AddressGroup: ({ ...props }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default AddressGroup;

package/dist/components/addressGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./AddressGroup";

package/dist/components/addressGroup/utils/Countries.d.ts

@@ -0,0 +1,3 @@
+import { SelectFormControlOption } from "../../../types";
+declare const Countries: SelectFormControlOption[];
+export default Countries;

package/dist/components/states/error/index.d.ts

@@ -0,0 +1,5 @@
+interface ErrorStateProps {
+    error: string;
+}
+declare const ErrorState: ({ error }: ErrorStateProps) => import("react/jsx-runtime").JSX.Element;
+export default ErrorState;

package/dist/context/FormData.d.ts

@@ -0,0 +1,33 @@
+import React, { FC } from "react";
+import type { PostMessageProps, PostMessageResponse } from "../types";
+import { FileUploaderConfig, FormControl, FormControls, resolveUrl } from "../types";
+interface ContextProps {
+    formControls: FormControls;
+    fileUploaderConfig: FileUploaderConfig;
+    hasExpertMode: boolean;
+    isExpertMode: boolean;
+    enableExpertMode: () => void;
+    toggleExpertMode: () => void;
+    resolveUrl: resolveUrl;
+    updateControl: (id: string, control: FormControl) => void;
+    addListItem: (listName: string) => void;
+    addFileUploaderConfig: (endpoints: FileUploaderConfig) => void;
+    moveListItemUp: (listName: string, index: number) => void;
+    moveListItemDown: (listName: string, index: number) => void;
+    removeListItem: (listName: string, index: number) => void;
+    getControlByObjectPath: (path: string) => FormControl;
+    toggleRerendered: boolean;
+    postGenAiMessage?: ({ message, profile, }: PostMessageProps) => Promise<PostMessageResponse>;
+}
+export declare const FormDataContext: React.Context<Partial<ContextProps>>;
+export declare const getControlByPath: (formControls: FormControls, path: string) => FormControl;
+export interface ProviderProps {
+    children: React.ReactNode;
+    controls: FormControls;
+    fileUploaderConfig?: FileUploaderConfig;
+    resolveUrl?: resolveUrl;
+    postGenAiMessage?: ({ message, profile, }: PostMessageProps) => Promise<PostMessageResponse>;
+}
+export declare const getEnhancedControls: (controls: FormControls) => FormControls;
+export declare const FormDataProvider: FC<ProviderProps>;
+export {};

package/dist/hooks/useDependent/enhanced/useInputDependent/useInputDependent.d.ts

@@ -0,0 +1,12 @@
+import { ControlCommons, OnChangeValueType } from "../../../../types";
+interface IUseInputDependentProps {
+    onChangeValue: (newProperties: OnChangeValueType, customizer?: (...args: any) => any) => void;
+    query: string;
+    objectPathId: string;
+    value: string;
+    hasEdited?: ControlCommons["hasEdited"];
+}
+declare const useInputDependent: ({ onChangeValue, query, objectPathId, value, hasEdited, }: IUseInputDependentProps) => {
+    textColor: string;
+};
+export default useInputDependent;

package/dist/hooks/useDependent/enhanced/useOptionsGenerator/useOptionsGenerator.d.ts

@@ -0,0 +1,15 @@
+import type { SelectFormControlOption } from "../../../../types";
+interface IUseOptionsGeneratorProps {
+    query: string;
+    controlKey: string;
+    objectPathId: string;
+    options: SelectFormControlOption[];
+}
+declare const useOptionsGenerator: ({ query, controlKey, objectPathId, options, }: IUseOptionsGeneratorProps) => {
+    options: SelectFormControlOption[];
+    mrnEntriesLoaded?: undefined;
+} | {
+    options: any;
+    mrnEntriesLoaded: boolean;
+};
+export default useOptionsGenerator;

package/dist/hooks/useDependent/useDependent.d.ts

@@ -0,0 +1,11 @@
+interface IUseDependentProps {
+    query: string | null;
+    objectPathId: string | null;
+}
+declare const useDependent: ({ query, objectPathId }: IUseDependentProps) => {
+    dependentControls: string[];
+    resolvedQuery: string;
+    isDisabled: boolean;
+    mrnEntriesLoaded: boolean;
+};
+export default useDependent;

package/dist/hooks/useValueGenerator/useValueGenerator.d.ts

@@ -0,0 +1,18 @@
+import type { FormControls } from "../../types";
+interface IUseValueGeneratorProps {
+    query: string | null;
+    objectPathId: string | null;
+}
+interface IUseValueGeneratorWithContextProps extends IUseValueGeneratorProps {
+    formControls: FormControls;
+}
+declare const useValueGenerator: ({ query, formControls, objectPathId, }: IUseValueGeneratorWithContextProps) => {
+    value: any;
+    hasQuery: boolean;
+};
+declare const useValueGeneratorWithContext: ({ query, objectPathId, }: IUseValueGeneratorProps) => {
+    value: any;
+    hasQuery: boolean;
+};
+export { useValueGenerator, useValueGeneratorWithContext };
+export default useValueGeneratorWithContext;

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import FormBuilder from "./components/FormBuilder/";
+import Select from "./components/Select/";
+import MultiSelect from "./components/MultiSelect/";
+import Checkbox from "./components/Checkbox/";
+import ControlWrapper from "./components/ControlWrapper/";
+import FormFooter from "./components/FormFooter/";
+import Input from "./components/Input/";
+import InputFreeSolo from "./components/InputFreeSolo/";
+import FormList from "./components/FormList/";
+import FormGroup from "./components/FormGroup/";
+import MrnInput from "./components/MrnInput/";
+import PasswordInput from "./components/PasswordInput/";
+import Textarea from "./components/Textarea/";
+import { useValueGenerator } from "./hooks/useValueGenerator/useValueGenerator";
+import "../src/styles/index.css";
+export { FormBuilder, Select, MultiSelect, Checkbox, ControlWrapper, FormFooter, Input, InputFreeSolo, FormList, FormGroup, MrnInput, PasswordInput, Textarea, useValueGenerator };
+export default FormBuilder;

package/dist/styles/Hidden.styles.d.ts

@@ -0,0 +1,7 @@
+interface StyledVisibilityContainerProps {
+    visible: boolean;
+    error?: string;
+}
+export declare const StyledVisibilityContainer: import("styled-components").StyledComponent<"div", any, StyledVisibilityContainerProps, never>;
+export declare const StyledVisibilityContainerProgress: import("styled-components").StyledComponent<"progress", any, StyledVisibilityContainerProps, never>;
+export {};

package/dist/styles/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface SkeletonProps {
+    width: string;
+    height: string;
+}
+declare const Skeleton: FC<SkeletonProps>;
+export default Skeleton;

package/dist/styles/Textfield.styles.d.ts

@@ -0,0 +1,5 @@
+import { TextFieldProps } from "@mui/material";
+declare const StyledTextField: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & (import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldProps), {}, {}>;
+export default StyledTextField;

package/dist/testutils.d.ts

@@ -0,0 +1,14 @@
+import React, { FC, ReactElement } from "react";
+import { RenderOptions } from "@testing-library/react";
+import { FileUploaderConfig, FormControls, resolveUrl } from "./types";
+interface IProps {
+    children?: React.ReactNode;
+    controls?: FormControls;
+    fileUploaderConfig?: FileUploaderConfig;
+    resolveUrl?: resolveUrl;
+}
+export declare const TestWrapper: FC<IProps>;
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare const renderViaFormBuilder: (controls: FormControls, fileUploaderConfig?: FileUploaderConfig, resolveUrl?: resolveUrl, options?: RenderOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from "@testing-library/react";
+export { customRender as render };

package/dist/types/controlProps.d.ts

@@ -0,0 +1,70 @@
+import type { SxProps } from "@mui/material";
+import React from "react";
+export type controlProps = {
+    formProps?: {
+        style?: React.CSSProperties;
+    };
+    inputProps?: {
+        style?: React.CSSProperties;
+    };
+    mrnProps?: {
+        disableMrnLink?: boolean;
+    };
+    selectProps?: {
+        sx?: SxProps;
+        textField?: {
+            sx?: SxProps;
+        };
+        listBox?: {
+            sx?: SxProps;
+        };
+    };
+    footerProps?: {
+        style?: React.CSSProperties;
+        container?: {
+            style?: React.CSSProperties;
+        };
+        submitButtonContainer?: {
+            style?: React.CSSProperties;
+        };
+        submitButton?: {
+            sx?: SxProps;
+        };
+    };
+    addressProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+    controlWrapperProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+    groupProps?: {
+        style?: React.CSSProperties;
+        label?: {
+            style?: React.CSSProperties;
+        };
+    };
+    listProps?: {
+        style?: React.CSSProperties;
+        addButton?: {
+            sx?: SxProps;
+        };
+        label?: {
+            style?: React.CSSProperties;
+        };
+        container?: {
+            style?: React.CSSProperties;
+        };
+    };
+};

package/dist/types/index.d.ts

@@ -0,0 +1,166 @@
+export type CaseSensitivity<T extends string> = string extends T ? string : T extends `${infer F1}${infer F2}${infer R}` ? `${Uppercase<F1> | Lowercase<F1>}${Uppercase<F2> | Lowercase<F2>}${CaseSensitivity<R>}` : T extends `${infer F}${infer R}` ? `${Uppercase<F> | Lowercase<F>}${CaseSensitivity<R>}` : "";
+export interface ControlCommons {
+    key?: string;
+    displayName?: string;
+    value?: string;
+    mrnEntries?: {
+        [key: string]: any;
+    };
+    hasChanged?: boolean;
+    error?: {
+        message: string;
+    };
+    required?: boolean;
+    placeholder?: string;
+    hasEdited?: "edited" | "not-edited" | undefined;
+    "custom-attributes"?: CustomAttributes;
+}
+export type FormVisibility = "hidden" | "visible" | "expert" | {
+    hideOnCondition: string;
+};
+export type GenAiPrompt = {
+    displayValue: string;
+    promptTemplate: string;
+    profile?: string;
+};
+export type GenAiPrompts = GenAiPrompt[];
+export interface CustomAttributes {
+    media?: string;
+    "mrn-ref"?: string;
+    "mrn-ref-display-field"?: string;
+    "mrn-ref-params"?: string;
+    "mrn-ref-mrn-field"?: string;
+    options?: InputFreeSoloOptions[];
+    mrnPreview?: {
+        displayField?: string;
+        linkDisabled?: boolean;
+    };
+    submenu?: {
+        icon?: string;
+    };
+    mrnSources?: MrnInputMultipleServices[];
+    defaultValue?: string;
+    defaultCollapseThreshold?: string;
+    visibility?: {
+        form?: FormVisibility;
+        detailView?: "hidden" | "visible";
+        table?: "hidden" | "visible";
+    };
+    editor?: "richtext" | "markdown" | "code" | "plate";
+    viewer?: "html" | "markdown";
+    tags?: string | string[];
+    genAiPrompts?: GenAiPrompts;
+    tooltip?: string;
+    [key: string]: any;
+}
+export type MrnInputMultipleServices = {
+    name: string;
+    mrn: string;
+    query: string;
+    mrnField: string;
+    displayField: string;
+    [key: string]: any;
+};
+export interface GroupFormControl extends ControlCommons {
+    control: "group";
+    controls: FormControls;
+}
+export interface InputFormControl extends ControlCommons {
+    control: "input";
+    type: "plain" | "html" | "hex" | "color" | "mrn" | "url" | "date" | "time" | "datetime" | "number" | "email" | "password" | "geolocation";
+    placeholder?: string;
+    pattern?: string;
+    minLength?: number;
+    maxLength?: number;
+    step?: number;
+}
+export interface InputFreeSoloOptions {
+    value: string;
+    text?: string;
+    tooltip?: string;
+    default?: "true" | "false" | undefined;
+}
+export interface TextareaFormControl extends ControlCommons {
+    control: "textarea";
+    type: "plain" | "html" | "json";
+}
+export interface CheckboxFormControl extends ControlCommons {
+    control: "checkbox";
+    selected?: boolean;
+}
+export interface SelectFormControlOption extends Omit<ControlCommons, "displayName"> {
+    value: string;
+    text: string;
+    phone?: string;
+    selected?: boolean;
+}
+export interface SelectFormControl extends ControlCommons {
+    control: "select";
+    options?: SelectFormControlOption[];
+    multiple?: boolean;
+}
+export interface MrnInputServiceSelection {
+}
+export interface MultiSelectFormControl extends Omit<SelectFormControl, "value"> {
+    value?: string | string[];
+}
+export interface ListFormControl extends ControlCommons {
+    control: "list";
+    items?: FormControls[];
+    required?: boolean;
+    template: FormControls;
+}
+export type Control = "input" | "textarea" | "checkbox" | "select" | "list";
+export type ControlType = "plain" | "html" | "hex" | "color" | "mrn" | "url" | "date" | "time" | "datetime" | "number" | "email" | "password" | "geolocation" | "json";
+export type FormControl = InputFormControl | TextareaFormControl | CheckboxFormControl | SelectFormControl | MultiSelectFormControl | ListFormControl | GroupFormControl;
+export interface FormControls {
+    [key: string]: FormControl;
+}
+type fileUploaderEndpoint = {
+    url: string;
+    name: string;
+};
+export type FileUploaderConfig = {
+    info?: string;
+    endpoints?: fileUploaderEndpoint[];
+    language?: string;
+    previewUrl?: (url: string) => Promise<any>;
+    authorizationHeader?: (url: string, method: string) => string;
+};
+export interface FormBuilderConfigLink {
+    href: string;
+    rel: string;
+    text: string;
+}
+export interface FormBuilderConfig {
+    method: "POST" | "GET";
+    links: FormBuilderConfigLink[];
+    error?: {
+        message: string;
+    };
+    items: FormControls;
+}
+export type OnChangeValueType = {
+    value?: string | string[] | number;
+    [key: string]: any;
+};
+export interface resolveUrl {
+    (mrn: string, params: string, opts: any): Promise<any>;
+}
+export type MessageType = string;
+export type MessageStatus = "error" | "success";
+export interface PostMessageProps {
+    message: MessageType;
+    profile: string;
+}
+export type PostMessageResponse = {
+    message: MessageType;
+    model: string;
+    usage: {
+        answer: string;
+        prompt: string;
+        total: string;
+    };
+    status: MessageStatus;
+};
+export {};

package/dist/ui/menu/hooks/useMenu.d.ts

@@ -0,0 +1,13 @@
+import type { MenuItem } from "..";
+import type { FormControls } from "../../../types";
+import type { controlGroups } from "../utils/detemineSubmenuTabs";
+export declare const updateMenuIndexOnSubmit: (hasSubmenuAndError: boolean, cb: () => void) => void;
+declare const useMenu: (formControls: FormControls, formSubmitted: boolean, isExpertMode: boolean) => {
+    activeFormControls: FormControls;
+    activeMenuItemIndex: number;
+    controlGroups: controlGroups;
+    hasSubmenu: boolean;
+    menuItems: MenuItem[];
+    setActiveMenuItemIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+export default useMenu;

package/dist/ui/menu/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type MenuItem = {
+    name: string;
+    icon: string;
+};
+interface IMenuProps {
+    children: React.ReactNode;
+    menuItems: MenuItem[];
+    activeMenuItemIndex: number;
+    onActiveMenuItemIndex: (key: number) => void;
+}
+declare const Menu: ({ children, menuItems, activeMenuItemIndex, onActiveMenuItemIndex, }: IMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/ui/menu/test/createControl.d.ts

@@ -0,0 +1,15 @@
+import type { FormControl, FormVisibility } from "../../../types";
+type createControl = {
+    displayName: string;
+    isGroup: boolean;
+    submenu?: {
+        icon?: string;
+    };
+    visibility?: "hidden" | "expert";
+    groupChildVisibility?: FormVisibility;
+    error?: {
+        message: string;
+    };
+};
+declare const createControl: ({ displayName, isGroup, submenu, visibility, groupChildVisibility, error, }: createControl) => FormControl;
+export default createControl;

package/dist/ui/menu/utils/detemineSubmenuTabs/index.d.ts

@@ -0,0 +1,14 @@
+import type { MenuItem } from "../..";
+import type { FormControls } from "../../../../types";
+export type controlGroups = {
+    [key: string]: FormControls;
+};
+export declare const INFORMATION_TAB_KEY = "0";
+export declare const INFO_MENU_ITEM: MenuItem;
+export declare const hasControlWithSubmenu: (controls: FormControls, isExpertMode: boolean) => boolean;
+export declare const determineMenuTabIndexWithControlError: (controlGroups: controlGroups) => number;
+declare const determineSubmenuTabs: (controls: FormControls, isExpertMode: boolean) => FormControls | {
+    controlGroups: controlGroups;
+    menuItems: MenuItem[];
+};
+export default determineSubmenuTabs;

package/dist/ui-helper/HeaderCollapseButton/index.d.ts

@@ -0,0 +1,7 @@
+interface IProps {
+    isOpen: boolean;
+    itemsCount?: number;
+    onClick: () => void;
+}
+declare const HeaderCollapseButton: ({ isOpen, itemsCount, onClick }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderCollapseButton;

package/dist/ui-helper/notifications/Error.d.ts

@@ -0,0 +1,6 @@
+interface ErrorNotificationProps {
+    onBack: () => void;
+    onRetry: () => void;
+}
+declare const ErrorNotification: ({ onBack, onRetry }: ErrorNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default ErrorNotification;

package/dist/ui-helper/notifications/images/background.d.ts

@@ -0,0 +1,2 @@
+declare const BackgroundSVG: () => import("react/jsx-runtime").JSX.Element;
+export default BackgroundSVG;

package/dist/ui-helper/notifications/images/spinner.d.ts

@@ -0,0 +1,2 @@
+declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/dist/ui-helper/notifications/images/under-improvement.d.ts

@@ -0,0 +1,2 @@
+declare const UnderImprovementSVG: () => import("react/jsx-runtime").JSX.Element;
+export default UnderImprovementSVG;

package/dist/utils/findFormControlError/index.d.ts

@@ -0,0 +1,4 @@
+import type { FormControls } from "../../types";
+type condition = "expert";
+declare const findFormControlError: (controls: FormControls, condition?: condition) => any;
+export default findFormControlError;

package/dist/utils/hasGroupRequiredFieldsWithValues/index.d.ts

@@ -0,0 +1,6 @@
+import type { FormControls } from "../../types";
+interface IsGroupRequiredProps {
+    controls: FormControls;
+}
+export declare const isGroupRequired: ({ controls, }: IsGroupRequiredProps) => boolean;
+export {};

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@micromerce/formbuilder-react",
-  "version": "1.0.654",
+  "version": "1.0.658",
   "description": "creates a form based on configuration",
   "main": "dist/formbuilder.js",
   "types": "dist/index.d.ts",
   "directories": {
     "lib": "dist"
   },
+  "exports": {
+    "./*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -15,12 +18,13 @@
     "storybook": "npm run lint; start-storybook -p 6006",
     "build-storybook": "npm run lint; build-storybook -o ./docs/storybook",
     "watch": "npm run lint && webpack watch --config webpack.dev.js",
-    "build": "npm run lint && npm run test && webpack build --config webpack.prod.js",
+    "build": "npm run lint && npm run test && tsc --declaration --emitDeclarationOnly && webpack build --config webpack.prod.js",
     "build:analyze": "webpack build --analyze --config webpack.prod.js",
     "lint": "eslint src/",
     "clean": "rimraf dist",
     "copy-component-styles": "copyfiles -u 1 ./src/components/**/*.module.scss ./dist",
     "copy-global-styles": "copyfiles -u 1 ./src/styles/**/*.module.scss ./dist",
+    "build-typedef": "tsc --declaration --emitDeclarationOnly",
     "build-tsc": "npm run clean && npm run copy-component-styles && npm run copy-global-styles && tsc -p tsconfig.json",
     "format": "npx prettier --write 'src/**/*.{js,jsx,ts,tsx,json}'"
   },