@zesty-io/material 0.11.0 → 0.12.1

package/cjs/FieldTypeDateTime/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { DesktopDateTimePickerProps } from '@mui/x-date-pickers';
-export interface FieldTypeDateTimeProps extends Omit<DesktopDateTimePickerProps<Date, Date>, 'renderInput'> {
-    helperText?: string;
-    error?: boolean;
-    required?: boolean;
-}
-declare const FieldTypeDateTime: ({ label, helperText, error, required, ...props }: FieldTypeDateTimeProps) => JSX.Element;
-export default FieldTypeDateTime;

package/cjs/FieldTypeDateTime/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
-const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const material_1 = require("@mui/material");
-;
-const FieldTypeDateTime = ({ label, helperText, error, required, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DesktopDateTimePicker, { "data-testid": "zds-date-time-picker", renderInput: (params) => (0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, helperText: helperText, error: error, size: "small" }), ...props }) })] }));
-};
-exports.default = FieldTypeDateTime;

package/cjs/FieldTypeNumber/FieldTypeNumber.stories.d.ts

@@ -1,5 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { FieldTypeNumberProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<FieldTypeNumberProps>;

package/cjs/FieldTypeNumber/FieldTypeNumber.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require("./");
-exports.default = {
-    title: 'FieldTypeNumber',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)('0');
-    const handleOnChange = (e) => {
-        setValue(e.target.value);
-    };
-    return ((0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'Number label',
-    helperText: 'Number helper text',
-};

package/cjs/FieldTypeNumber/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { OutlinedTextFieldProps } from '@mui/material/TextField';
-export interface FieldTypeNumberProps extends Omit<OutlinedTextFieldProps, 'variant'> {
-}
-declare const FieldTypeText: ({ label, required, ...props }: FieldTypeNumberProps) => JSX.Element;
-export default FieldTypeText;

package/cjs/FieldTypeNumber/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const TextField_1 = require("@mui/material/TextField");
-const FieldTypeText = ({ label, required, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(TextField_1.default, { size: "small", variant: 'outlined', type: 'number', ...props })] }));
-};
-exports.default = FieldTypeText;

package/cjs/FieldTypeOneToMany/FieldTypeOneToMany.stories.d.ts

@@ -1,5 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { FieldTypeOneToManyProps } from '.';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<FieldTypeOneToManyProps>;

package/cjs/FieldTypeOneToMany/FieldTypeOneToMany.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require(".");
-exports.default = {
-    title: 'FieldTypeOneToMany',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)([]);
-    const [options, setOptions] = (0, react_1.useState)([]);
-    const handleOnOpen = async () => {
-        const largeArr = new Array(1000).fill(null);
-        await new Promise((resolve) => setTimeout(resolve, 3000));
-        const data = largeArr.map((_, idx) => ({ component: (0, jsx_runtime_1.jsx)("div", { children: `Test ${idx}` }), value: String(Math.random()), inputLabel: `Test ${idx}` }));
-        setOptions(data);
-    };
-    const handleOnChange = (e, values) => {
-        setValue(values);
-    };
-    return ((0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange, options: options, onOpen: handleOnOpen }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'OneToMany label',
-    helperText: 'OneToMany helperText',
-};

package/cjs/FieldTypeOneToMany/index.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-import { AutocompleteProps } from '@mui/material';
-export interface FieldTypeOneToManyProps extends Omit<AutocompleteProps<any, false, false, false>, 'onOpen' | 'renderInput'> {
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    error?: boolean;
-    required?: boolean;
-    /**
-     * Callback to be fired upon opening the dropdown
-     */
-    onOpen: () => Promise<any>;
-    /**
-     * Structure for option
-     */
-    options: {
-        /**
-         * Component to be rendered in the dropdown
-         */
-        component: ReactNode | string;
-        /**
-         * Value of option
-         */
-        value: string;
-        /**
-         * Label that should display in the input when selected
-         */
-        inputLabel: string;
-    }[];
-}
-declare const FieldTypeOneToMany: ({ label, helperText, placeholder, error, onOpen, options, required, ...props }: FieldTypeOneToManyProps) => JSX.Element;
-export default FieldTypeOneToMany;

package/cjs/FieldTypeOneToMany/index.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const Autocomplete_1 = require("@mui/material/Autocomplete");
-const virtualization_1 = require("../utils/virtualization");
-const FieldTypeOneToMany = ({ label, helperText, placeholder, error, onOpen, options, required, ...props }) => {
-    const [loaded, setLoaded] = (0, react_1.useState)(false);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const handleOpen = () => {
-        if (!loaded && onOpen) {
-            onOpen().then(() => {
-                setLoading(false);
-            });
-            setLoading(true);
-            setLoaded(true);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(Autocomplete_1.default, { onOpen: handleOpen, loading: loading, fullWidth: true, multiple: true, disableListWrap: true, disableClearable: true, disablePortal: true, size: 'small', PopperComponent: StyledPopper, ListboxComponent: virtualization_1.ListboxComponent, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, helperText: helperText, error: error, placeholder: placeholder })), options: loading ? [] : options, getOptionLabel: (option) => option.inputLabel, renderOption: (props, option) => [props, option.component], ...props })] }));
-};
-exports.default = FieldTypeOneToMany;
-const StyledPopper = (0, material_1.styled)(material_1.Popper)({
-    [`& .${Autocomplete_1.autocompleteClasses.listbox}`]: {
-        boxSizing: 'border-box',
-        '& ul': {
-            padding: 0,
-            margin: 0,
-        },
-    },
-});

package/cjs/FieldTypeOneToOne/FieldTypeOneToOne.stories.d.ts

@@ -1,5 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { FieldTypeOneToOneProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<FieldTypeOneToOneProps>;

package/cjs/FieldTypeOneToOne/FieldTypeOneToOne.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require("./");
-exports.default = {
-    title: 'FieldTypeOneToOne',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)({ component: '- None -', value: '0', inputLabel: '- None -' });
-    const [options, setOptions] = (0, react_1.useState)([]);
-    const handleOnOpen = async () => {
-        const largeArr = new Array(1000).fill(null);
-        await new Promise((resolve) => setTimeout(resolve, 3000));
-        const data = largeArr.map((_, idx) => ({ component: (0, jsx_runtime_1.jsx)("div", { children: `Test ${idx}` }), value: String(Math.random()), inputLabel: `Test ${idx}` }));
-        setOptions(data);
-    };
-    const handleOnChange = (e, option) => {
-        setValue(option);
-    };
-    return ((0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange, options: options, onOpen: handleOnOpen }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    label: 'OneToOne label',
-    helperText: 'OneToOne helperText',
-    placeholder: 'OneToOne placeholder'
-};

package/cjs/FieldTypeOneToOne/index.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-import { AutocompleteProps } from '@mui/material';
-export interface FieldTypeOneToOneProps extends Omit<AutocompleteProps<any, false, false, false>, 'onOpen' | 'renderInput'> {
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    error?: boolean;
-    required?: boolean;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
-    /**
-     * Callback to be fired upon opening the dropdown
-     */
-    onOpen?: () => Promise<any>;
-    /**
-     * Structure for option
-     */
-    options: {
-        /**
-         * Component to be rendered in the dropdown
-         */
-        component: ReactNode | string;
-        /**
-         * Value of option
-         */
-        value: string;
-        /**
-         * Label that should display in the input when selected
-         */
-        inputLabel: string;
-    }[];
-}
-declare const FieldTypeOneToOne: ({ label, helperText, placeholder, error, onOpen, options, required, startAdornment, endAdornment, ...props }: FieldTypeOneToOneProps) => JSX.Element;
-export default FieldTypeOneToOne;

package/cjs/FieldTypeOneToOne/index.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const Autocomplete_1 = require("@mui/material/Autocomplete");
-const virtualization_1 = require("../utils/virtualization");
-const FieldTypeOneToOne = ({ label, helperText, placeholder, error, onOpen, options, required, startAdornment, endAdornment, ...props }) => {
-    const [loaded, setLoaded] = (0, react_1.useState)(false);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const handleOpen = () => {
-        if (!loaded && onOpen) {
-            onOpen().then(() => {
-                setLoading(false);
-            });
-            setLoading(true);
-            setLoaded(true);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(Autocomplete_1.default, { onOpen: handleOpen, loading: loading, fullWidth: true, disableListWrap: true, disableClearable: true, disablePortal: true, size: 'small', PopperComponent: StyledPopper, ListboxComponent: virtualization_1.ListboxComponent, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, helperText: helperText, error: error, placeholder: placeholder, InputProps: {
-                        ...params.InputProps,
-                        startAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: 'end', children: startAdornment }),
-                        endAdornment: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [params.InputProps.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { sx: { position: 'relative', right: '40px' }, position: 'end', children: endAdornment })] })
-                    } })), options: loading ? [] : options, getOptionLabel: (option) => option.inputLabel, renderOption: (props, option) => [props, option.component], ...props })] }));
-};
-exports.default = FieldTypeOneToOne;
-const StyledPopper = (0, material_1.styled)(material_1.Popper)({
-    [`& .${Autocomplete_1.autocompleteClasses.listbox}`]: {
-        boxSizing: 'border-box',
-        '& ul': {
-            padding: 0,
-            margin: 0,
-        },
-    },
-});

package/cjs/FieldTypeSort/FieldTypeSort.stories.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require("./");
-exports.default = {
-    title: 'FieldTypeSort',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)('3');
-    const handleOnChange = (e) => {
-        setValue(e.target.value);
-    };
-    return ((0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'Sort label',
-    helperText: 'Sort helper text',
-    error: false,
-};

package/cjs/FieldTypeSort/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { OutlinedTextFieldProps } from '@mui/material/TextField';
-export interface FieldTypeSortProps extends Omit<OutlinedTextFieldProps, 'variant'> {
-    value: string;
-}
-declare const FieldTypeSort: ({ label, value, InputProps, required, onChange, ...props }: FieldTypeSortProps) => JSX.Element;
-export default FieldTypeSort;

package/cjs/FieldTypeSort/index.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TextField_1 = require("@mui/material/TextField");
-const material_1 = require("@mui/material");
-const Add_1 = require("@mui/icons-material/Add");
-const Remove_1 = require("@mui/icons-material/Remove");
-const FieldTypeSort = ({ label, value, InputProps, required, onChange, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(TextField_1.default, { size: "small", variant: 'outlined', type: 'number', value: value, onChange: onChange, InputProps: {
-                    startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", variant: "contained", onClick: (e) => {
-                                e.stopPropagation();
-                                // References input via click event in order to obtain its value
-                                const input = e.currentTarget?.parentElement?.parentElement?.childNodes?.[1];
-                                const newValue = String(+input.value - 1);
-                                // Updates internal input value in case component is not controlled
-                                input.value = newValue;
-                                // Mocks an event change
-                                const event = { target: { value: newValue } };
-                                onChange && onChange(event);
-                            }, children: (0, jsx_runtime_1.jsx)(Remove_1.default, { fontSize: 'small' }) }) })),
-                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", variant: "contained", onClick: (e) => {
-                                e.stopPropagation();
-                                // References input via click event in order to obtain its value
-                                const input = e.currentTarget?.parentElement?.parentElement?.childNodes?.[1];
-                                const newValue = String(+input.value + 1);
-                                // Updates internal input value in case component is not controlled
-                                input.value = newValue;
-                                // Mocks an event change
-                                const event = { target: { value: newValue } };
-                                onChange && onChange(event);
-                            }, children: (0, jsx_runtime_1.jsx)(Add_1.default, { fontSize: 'small' }) }) })),
-                    // Spread props at the end to allow Input prop overrides
-                    ...InputProps,
-                }, ...props })] }));
-};
-exports.default = FieldTypeSort;

package/cjs/FieldTypeText/FieldTypeText.stories.d.ts

@@ -1,6 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { FieldTypeTextProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<FieldTypeTextProps>;
-export declare const TextArea: Story<FieldTypeTextProps>;

package/cjs/FieldTypeText/FieldTypeText.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require("./");
-exports.default = {
-    title: 'FieldTypeText',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)('');
-    const handleOnChange = (e) => {
-        setValue(e.target.value);
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange }) }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'Text label',
-    helperText: 'Text helper text',
-};
-exports.TextArea = Template.bind({});
-exports.TextArea.args = {
-    multiline: true,
-    rows: 4,
-    placeholder: 'Placeholder Text...',
-    label: 'Text Label',
-    helperText: 'Text helper text',
-};

package/cjs/FieldTypeText/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { OutlinedTextFieldProps } from '@mui/material/TextField';
-export interface FieldTypeTextProps extends Omit<OutlinedTextFieldProps, 'variant'> {
-    /**
-    * Max length of the field
-    * @default 150
-    */
-    maxLength?: number;
-    value: string;
-}
-declare const FieldTypeText: ({ label, maxLength, value, helperText, required, ...props }: FieldTypeTextProps) => JSX.Element;
-export default FieldTypeText;

package/cjs/FieldTypeText/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TextField_1 = require("@mui/material/TextField");
-const material_1 = require("@mui/material");
-const FieldTypeText = ({ label, maxLength = 150, value, helperText, required, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsxs)(material_1.FormLabel, { sx: { display: 'flex', justifyContent: 'space-between', '& .MuiFormLabel-asterisk': { order: 2 } }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { order: 1 }, children: label }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { order: 3, flex: 1, textAlign: 'right' }, children: [value?.length, "/", maxLength] })] }), (0, jsx_runtime_1.jsx)(TextField_1.default, { size: "small", variant: 'outlined', value: value, error: value?.length > maxLength, helperText: value?.length > maxLength ? 'Your input is over the specified limit' : helperText, ...props })] }));
-};
-exports.default = FieldTypeText;

package/cjs/FieldTypeUrl/FieldTypeUrl.stories.d.ts

@@ -1,5 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { FieldTypeUrlProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<FieldTypeUrlProps>;

package/cjs/FieldTypeUrl/FieldTypeUrl.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require("./");
-exports.default = {
-    title: 'FieldTypeUrl',
-    component: _1.default,
-    argType: {},
-};
-const Template = (args) => {
-    const [value, setValue] = (0, react_1.useState)('');
-    const handleOnChange = (e) => {
-        setValue(e.target.value);
-    };
-    return ((0, jsx_runtime_1.jsx)(_1.default, { ...args, value: value, onChange: handleOnChange }));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'Some label',
-    fullWidth: true,
-};

package/cjs/FieldTypeUrl/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { OutlinedTextFieldProps } from '@mui/material/TextField';
-export interface FieldTypeUrlProps extends Omit<OutlinedTextFieldProps, 'variant'> {
-    /**
-    * Max length of the field
-    * @default 2000
-    */
-    maxLength?: number;
-    value: string;
-}
-declare const FieldTypeUrl: ({ label, maxLength, value, helperText, required, inputProps, ...props }: FieldTypeUrlProps) => JSX.Element;
-export default FieldTypeUrl;

package/cjs/FieldTypeUrl/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TextField_1 = require("@mui/material/TextField");
-const material_1 = require("@mui/material");
-const FieldTypeUrl = ({ label, maxLength = 2000, value, helperText, required, inputProps, ...props }) => {
-    // Use state to hold input reference to re-render once ref changes in case error needs to be shown on mount
-    const [inputRef, setInputRef] = (0, react_1.useState)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, required: required, children: [(0, jsx_runtime_1.jsxs)(material_1.FormLabel, { sx: { display: 'flex', justifyContent: 'space-between', '& .MuiFormLabel-asterisk': { order: 2 } }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { order: 1 }, children: label }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { order: 3, flex: 1, textAlign: 'right' }, children: [value?.length, "/", maxLength] })] }), (0, jsx_runtime_1.jsx)(TextField_1.default, { size: "small", type: 'url', variant: 'outlined', value: value, inputProps: {
-                    ref: (inputRef) => setInputRef(inputRef),
-                    // Spread props at the end to allow inputProps prop overrides
-                    ...inputProps,
-                }, error: (value && !inputRef?.validity.valid) || value?.length > maxLength, helperText: value?.length > maxLength ? 'Your input is over the specified limit' : (value && !inputRef?.validity.valid) ? 'Your input is not a valid url' : helperText, ...props })] }));
-};
-exports.default = FieldTypeUrl;

package/cjs/LegacyTheme/index.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@mui/material/styles';
-declare let theme: Theme;
-export default theme;

package/cjs/LegacyTheme/index.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const palette_1 = require("./palette");
-const typography_1 = require("./typography");
-const styles_1 = require("@mui/material/styles");
-let theme = (0, styles_1.createTheme)({
-    palette: palette_1.default,
-    typography: typography_1.default,
-});
-theme = (0, styles_1.createTheme)(theme, {
-    components: {
-        MuiAccordionSummary: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: '#e4e9f1',
-                },
-            },
-        },
-        MuiButton: {
-            styleOverrides: {
-                root: {
-                    minWidth: 'auto',
-                },
-            },
-        },
-        MuiTooltip: {
-            styleOverrides: {
-                tooltip: {
-                    color: theme.palette.primary.contrastText,
-                    backgroundColor: theme.palette.primary.main,
-                    fontSize: '14px',
-                    lineHeight: '20px',
-                },
-                arrow: {
-                    color: theme.palette.primary.main,
-                },
-            },
-        },
-        MuiInputBase: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: theme.palette.primary.contrastText,
-                },
-            },
-        },
-        MuiFormLabel: {
-            styleOverrides: {
-                root: {
-                    color: theme.palette.primary.dark,
-                },
-                asterisk: {
-                    color: theme.palette.error.main,
-                },
-            },
-        },
-        MuiCard: {
-            styleOverrides: {
-                root: {
-                    overflow: 'visible',
-                },
-            },
-        },
-        MuiCardHeader: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: '#e4e9f1',
-                },
-            },
-        },
-        MuiToggleButton: {
-            styleOverrides: {
-                root: ({ ownerState, theme }) => ({
-                    backgroundColor: `${theme.palette[ownerState.color].contrastText} !important`,
-                    ...(ownerState.selected && {
-                        color: `${theme.palette[ownerState.color].contrastText} !important`,
-                        backgroundColor: `${theme.palette[ownerState.color].main} !important`,
-                    }),
-                }),
-            },
-        },
-    },
-});
-exports.default = theme;

package/cjs/LegacyTheme/palette.d.ts

@@ -1,3 +0,0 @@
-import { PaletteOptions } from '@mui/material/styles';
-declare const palette: PaletteOptions;
-export default palette;

package/cjs/LegacyTheme/palette.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const palette = {
-    primary: {
-        main: '#404759',
-        contrastText: '#ffffff',
-    },
-    secondary: {
-        main: '#497edf',
-        contrastText: '#ffffff',
-    },
-    success: {
-        main: '#75bf25',
-        contrastText: '#ffffff',
-    },
-    warning: {
-        main: '#f17829',
-        contrastText: '#ffffff',
-    },
-    error: {
-        main: '#e53c05',
-        contrastText: '#ffffff',
-    },
-};
-exports.default = palette;

package/cjs/LegacyTheme/typography.d.ts

@@ -1,3 +0,0 @@
-import { TypographyVariantsOptions } from '@mui/material/styles';
-declare const typography: TypographyVariantsOptions;
-export default typography;

package/cjs/LegacyTheme/typography.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const typography = {
-    fontFamily: "'Mulish'",
-};
-exports.default = typography;

package/cjs/VitualizedAutocomplete/VirtualizedAutocomplete.stories.d.ts

@@ -1,5 +0,0 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
-import { VirtualizedAutocompleteProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<VirtualizedAutocompleteProps>;