@zesty-io/material 0.11.0 → 0.12.1

package/cjs/VitualizedAutocomplete/VirtualizedAutocomplete.stories.js

@@ -1,30 +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: 'VirtualizedAutocomplete',
-    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 = {
-    helperText: 'OneToOne helperText',
-    placeholder: 'OneToOne placeholder'
-};

package/cjs/VitualizedAutocomplete/index.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { AutocompleteProps } from '@mui/material';
-export interface VirtualizedAutocompleteProps extends Omit<AutocompleteProps<any, false, false, false>, 'renderInput'> {
-    helperText?: string;
-    placeholder?: string;
-    error?: boolean;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
-    /**
-     * 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 VirtualizedAutocomplete: ({ helperText, placeholder, error, startAdornment, endAdornment, ...props }: VirtualizedAutocompleteProps) => JSX.Element;
-export default VirtualizedAutocomplete;

package/cjs/VitualizedAutocomplete/index.js

@@ -1,23 +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 Autocomplete_1 = require("@mui/material/Autocomplete");
-const virtualization_1 = require("../utils/virtualization");
-const VirtualizedAutocomplete = ({ helperText, placeholder, error, startAdornment, endAdornment, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Autocomplete_1.default, { fullWidth: true, disableListWrap: 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 })] })
-            } })), getOptionLabel: (option) => option.inputLabel, renderOption: (props, option) => [props, option.component], ...props }));
-};
-exports.default = VirtualizedAutocomplete;
-const StyledPopper = (0, material_1.styled)(material_1.Popper)({
-    [`& .${Autocomplete_1.autocompleteClasses.listbox}`]: {
-        boxSizing: 'border-box',
-        '& ul': {
-            padding: 0,
-            margin: 0,
-        },
-    },
-});

package/cjs/index.d.ts

@@ -1,14 +0,0 @@
-export { default as legacyTheme } from './LegacyTheme';
-export { default as theme } from './theme';
-export { default as FieldTypeText } from './FieldTypeText';
-export { default as FieldTypeSort } from './FieldTypeSort';
-export { default as FieldTypeUrl } from './FieldTypeUrl';
-export { default as FieldTypeDate } from './FieldTypeDate';
-export { default as FieldTypeDateTime } from './FieldTypeDateTime';
-export { default as FieldTypeColor } from './FieldTypeColor';
-export { default as FieldTypeNumber } from './FieldTypeNumber';
-export { default as FieldTypeOneToOne } from './FieldTypeOneToOne';
-export { default as FieldTypeOneToMany } from './FieldTypeOneToMany';
-export { default as CopyButton } from './CopyButton';
-export { default as ConfirmDialog } from './ConfirmDialog';
-export { default as VirtualizedAutocomplete } from './VitualizedAutocomplete';

package/cjs/index.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualizedAutocomplete = exports.ConfirmDialog = exports.CopyButton = exports.FieldTypeOneToMany = exports.FieldTypeOneToOne = exports.FieldTypeNumber = exports.FieldTypeColor = exports.FieldTypeDateTime = exports.FieldTypeDate = exports.FieldTypeUrl = exports.FieldTypeSort = exports.FieldTypeText = exports.theme = exports.legacyTheme = void 0;
-var LegacyTheme_1 = require("./LegacyTheme");
-Object.defineProperty(exports, "legacyTheme", { enumerable: true, get: function () { return LegacyTheme_1.default; } });
-var theme_1 = require("./theme");
-Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return theme_1.default; } });
-var FieldTypeText_1 = require("./FieldTypeText");
-Object.defineProperty(exports, "FieldTypeText", { enumerable: true, get: function () { return FieldTypeText_1.default; } });
-var FieldTypeSort_1 = require("./FieldTypeSort");
-Object.defineProperty(exports, "FieldTypeSort", { enumerable: true, get: function () { return FieldTypeSort_1.default; } });
-var FieldTypeUrl_1 = require("./FieldTypeUrl");
-Object.defineProperty(exports, "FieldTypeUrl", { enumerable: true, get: function () { return FieldTypeUrl_1.default; } });
-var FieldTypeDate_1 = require("./FieldTypeDate");
-Object.defineProperty(exports, "FieldTypeDate", { enumerable: true, get: function () { return FieldTypeDate_1.default; } });
-var FieldTypeDateTime_1 = require("./FieldTypeDateTime");
-Object.defineProperty(exports, "FieldTypeDateTime", { enumerable: true, get: function () { return FieldTypeDateTime_1.default; } });
-var FieldTypeColor_1 = require("./FieldTypeColor");
-Object.defineProperty(exports, "FieldTypeColor", { enumerable: true, get: function () { return FieldTypeColor_1.default; } });
-var FieldTypeNumber_1 = require("./FieldTypeNumber");
-Object.defineProperty(exports, "FieldTypeNumber", { enumerable: true, get: function () { return FieldTypeNumber_1.default; } });
-var FieldTypeOneToOne_1 = require("./FieldTypeOneToOne");
-Object.defineProperty(exports, "FieldTypeOneToOne", { enumerable: true, get: function () { return FieldTypeOneToOne_1.default; } });
-var FieldTypeOneToMany_1 = require("./FieldTypeOneToMany");
-Object.defineProperty(exports, "FieldTypeOneToMany", { enumerable: true, get: function () { return FieldTypeOneToMany_1.default; } });
-var CopyButton_1 = require("./CopyButton");
-Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return CopyButton_1.default; } });
-var ConfirmDialog_1 = require("./ConfirmDialog");
-Object.defineProperty(exports, "ConfirmDialog", { enumerable: true, get: function () { return ConfirmDialog_1.default; } });
-var VitualizedAutocomplete_1 = require("./VitualizedAutocomplete");
-Object.defineProperty(exports, "VirtualizedAutocomplete", { enumerable: true, get: function () { return VitualizedAutocomplete_1.default; } });

package/cjs/theme/Theme.stories.d.ts

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

package/cjs/theme/Theme.stories.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_json_view_1 = require("react-json-view");
-const _1 = require(".");
-exports.default = {
-    title: 'Theme',
-};
-const Template = (args) => {
-    return ((0, jsx_runtime_1.jsx)(react_json_view_1.default, { src: _1.default }));
-};
-exports.Default = Template.bind({});

package/cjs/theme/index.d.ts

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

package/cjs/theme/index.js

@@ -1,52 +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: {
-        MuiFormLabel: {
-            styleOverrides: {
-                root: {
-                    ...theme.typography.body2,
-                },
-            },
-        },
-        MuiTab: {
-            styleOverrides: {
-                root: {
-                    borderBottom: 2,
-                    borderColor: theme.palette.grey[100],
-                    borderStyle: "solid",
-                },
-            },
-        },
-        MuiCardHeader: {
-            styleOverrides: {
-                root: {
-                    padding: "16px 16px 0px",
-                },
-            },
-        },
-        MuiCardContent: {
-            styleOverrides: {
-                root: {
-                    padding: "8px 16px 16px",
-                    ":last-child": {
-                        paddingBottom: "16px",
-                    },
-                },
-            },
-        },
-        MuiButton: {
-            defaultProps: {
-                disableElevation: true,
-            },
-        },
-    },
-});
-exports.default = theme;

package/cjs/theme/palette.d.ts

@@ -1,15 +0,0 @@
-import { Color } from '@mui/material';
-import { PaletteOptions } from '@mui/material/styles';
-declare module '@mui/material/styles' {
-    interface PaletteOptions {
-        red?: Partial<Color>;
-        deepPurple?: Partial<Color>;
-        deepOrange?: Partial<Color>;
-        pink?: Partial<Color>;
-        blue?: Partial<Color>;
-        green?: Partial<Color>;
-        purple?: Partial<Color>;
-    }
-}
-declare const palette: PaletteOptions;
-export default palette;

package/cjs/theme/palette.js

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const palette = {
-    primary: {
-        main: "#FF5D03",
-        dark: "#EC4A0A",
-        light: "#FD853A",
-    },
-    success: {
-        main: "#12B76A",
-        dark: "#027A48",
-        light: "#D1FADF",
-    },
-    warning: {
-        main: "#F79009",
-        dark: "B54708",
-        light: "#FEF0C7",
-    },
-    error: {
-        main: "#F04438",
-        dark: "#B42318",
-        light: "#FECDCA",
-    },
-    info: {
-        main: "#0BA5EC",
-        dark: "#026AA2",
-        light: "#7CD4FD",
-    },
-    text: {
-        primary: "#101828",
-        secondary: "#475467",
-    },
-    grey: {
-        50: "#F9FAFB",
-        100: "#F2F4F7",
-        200: "#E4E7EC",
-        300: "#D0D5DD",
-        400: "#98A2B3",
-        500: "#667085",
-        600: "#475467",
-        700: "#344054",
-        800: "#1D2939",
-        900: "#101828",
-    },
-    deepPurple: {
-        50: '#F8F9FC',
-        100: '#EAECF5',
-        200: '#C8CCE5',
-        300: '#9EA5D1',
-        400: "#4E5BA6",
-        500: '#4E5BA6',
-        600: '#3E4784',
-        700: '#363F72',
-        800: '#293056',
-        900: '#101323'
-    },
-    deepOrange: {
-        50: "#FFF6ED",
-        100: "#FFEAD5",
-        200: "#FDDCAB",
-        300: "#FEB273",
-        400: "#FD853A",
-        500: "#FF5C08",
-        600: "#EC4A0A",
-        700: "#C4320A",
-        800: "#9C2A10",
-        900: "#7E2410",
-    },
-    red: {
-        50: '#FEF3F2',
-        100: '#FEE4E2',
-        200: '#FECDCA',
-        300: '#FDA29B',
-        400: '#F97066',
-        500: '#F04438',
-        600: '#D92D20',
-        700: '#B42318',
-        800: '#912018',
-        900: '#7A271A',
-    },
-    pink: {
-        50: '#FDF2FA',
-        100: '#FCE7F6',
-        200: '#FCCEEE',
-        300: '#FAA7E0',
-        400: "#F670C7",
-        500: '#EE46BC',
-        600: '#DD2590',
-        700: '#C11574',
-        800: '#9E165F',
-        900: '#851651',
-    },
-    blue: {
-        50: '#F0F9FF',
-        100: "#E0F2FE",
-        200: '#B9E6FE',
-        300: '#7CD4FD',
-        400: "#36BFFA",
-        500: '#0BA5EC',
-        600: '#0086C9',
-        700: '#026AA2',
-        800: '#065986',
-        900: '#0B4A6F',
-    },
-    green: {
-        50: '#ECFDF3',
-        100: "#D1FADF",
-        200: '#A6F4C5',
-        300: '#6CE9A6',
-        400: "#32D583",
-        500: '#12B76A',
-        600: '#039855',
-        700: '#027A48',
-        800: '#05603A',
-        900: '#054F31',
-    },
-    purple: {
-        50: '#F3E5F5',
-        100: '#E1BEE7',
-        200: '#CE93D8',
-        300: '#BA68C8',
-        400: '#AB47BC',
-        500: '#9C27B0',
-        600: '#8E24AA',
-        700: '#7B1FA2',
-        800: '#6A1B9A',
-        900: '#4A148C',
-    },
-    action: {
-        active: "rgba(16, 24, 40, 0.40)",
-        hover: "rgba(16, 24, 40, 0.04)",
-        selected: "rgba(16, 24, 40, 0.08)",
-        disabled: "rgba(16, 24, 40, 0.26)",
-        disabledBackground: "rgba(16, 24, 40, 0.12)",
-        focus: "rgba(16, 24, 40, 0.12)",
-    }
-};
-exports.default = palette;

package/cjs/theme/typography.d.ts

@@ -1,9 +0,0 @@
-import { TypographyVariantsOptions } from '@mui/material/styles';
-import { TypographyStyleOptions } from '@mui/material/styles/createTypography';
-declare module '@mui/material/styles' {
-    interface TypographyVariantsOptions {
-        body3?: TypographyStyleOptions;
-    }
-}
-declare const typography: TypographyVariantsOptions;
-export default typography;

package/cjs/theme/typography.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const typography = {
-    fontFamily: "'Mulish'",
-    h1: {
-        fontSize: "36px",
-        lineHeight: "44px",
-    },
-    h2: {
-        fontSize: "32px",
-        lineHeight: "40px",
-    },
-    h3: {
-        fontSize: "28px",
-        lineHeight: "36px",
-    },
-    h4: {
-        fontSize: "24px",
-        lineHeight: "32px",
-    },
-    h5: {
-        fontSize: "20px",
-        lineHeight: "28px",
-    },
-    h6: {
-        fontSize: "16px",
-        lineHeight: "22px",
-    },
-    body1: {
-        fontSize: '16px',
-        lineHeight: '24px',
-    },
-    body2: {
-        fontSize: '14px',
-        lineHeight: '20px',
-    },
-    body3: {
-        fontSize: '12px',
-        lineHeight: '18px',
-        letterSpacing: '0.15px',
-    },
-    subtitle1: {
-        fontSize: '16px',
-        lineHeight: "28px",
-    },
-    subtitle2: {
-        fontSize: '14px',
-        lineHeight: "22px",
-    },
-    caption: {
-        fontSize: '12px',
-        lineHeight: "20px",
-    },
-    overline: {
-        fontSize: "12px",
-        letterSpacing: "1px",
-    },
-};
-exports.default = typography;

package/cjs/utils/virtualization.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ListboxComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;

package/cjs/utils/virtualization.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListboxComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = require("react");
-const useMediaQuery_1 = require("@mui/material/useMediaQuery");
-const ListSubheader_1 = require("@mui/material/ListSubheader");
-const styles_1 = require("@mui/material/styles");
-const react_window_1 = require("react-window");
-const Typography_1 = require("@mui/material/Typography");
-const LISTBOX_PADDING = 8; // px
-function renderRow(props) {
-    const { data, index, style } = props;
-    const dataSet = data[index];
-    const inlineStyle = {
-        ...style,
-        top: style.top + LISTBOX_PADDING,
-    };
-    if (dataSet.hasOwnProperty('group')) {
-        return ((0, jsx_runtime_1.jsx)(ListSubheader_1.default, { component: "div", style: inlineStyle, children: dataSet.group }, dataSet.key));
-    }
-    return ((0, jsx_runtime_1.jsx)(Typography_1.default, { component: "li", ...dataSet[0], noWrap: true, style: inlineStyle, children: dataSet[1] }));
-}
-const OuterElementContext = React.createContext({});
-const OuterElementType = React.forwardRef((props, ref) => {
-    const outerProps = React.useContext(OuterElementContext);
-    return (0, jsx_runtime_1.jsx)("div", { ref: ref, ...props, ...outerProps });
-});
-function useResetCache(data) {
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (ref.current != null) {
-            ref.current.resetAfterIndex(0, true);
-        }
-    }, [data]);
-    return ref;
-}
-// Adapter for react-window
-exports.ListboxComponent = React.forwardRef(function ListboxComponent(props, ref) {
-    const { children, ...other } = props;
-    const itemData = [];
-    children.forEach((item) => {
-        itemData.push(item);
-        itemData.push(...(item.children || []));
-    });
-    const theme = (0, styles_1.useTheme)();
-    const smUp = (0, useMediaQuery_1.default)(theme.breakpoints.up('sm'), {
-        noSsr: true,
-    });
-    const itemCount = itemData.length;
-    const itemSize = smUp ? 36 : 48;
-    const getChildSize = (child) => {
-        if (child.hasOwnProperty('group')) {
-            return 48;
-        }
-        return itemSize;
-    };
-    const getHeight = () => {
-        if (itemCount > 8) {
-            return 8 * itemSize;
-        }
-        return itemData.map(getChildSize).reduce((a, b) => a + b, 0);
-    };
-    const gridRef = useResetCache(itemCount);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(OuterElementContext.Provider, { value: other, children: (0, jsx_runtime_1.jsx)(react_window_1.VariableSizeList, { itemData: itemData, height: getHeight() + 2 * LISTBOX_PADDING, width: "100%", ref: gridRef, outerElementType: OuterElementType, innerElementType: "ul", itemSize: (index) => getChildSize(itemData[index]), overscanCount: 5, itemCount: itemCount, children: renderRow }) }) }));
-});

package/es/ConfirmModal/ConfirmModal.stories.d.ts

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

package/es/ConfirmModal/ConfirmModal.stories.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button } from '@mui/material';
-import ConfirmDialog from '.';
-export default {
-    title: 'ConfirmDialog',
-    component: ConfirmDialog,
-    argType: {},
-};
-const Template = (args) => {
-    const [open, setOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", onClick: () => setOpen(true), children: "Click me to open" }), _jsx(ConfirmDialog, { ...args, open: open, callback: (confirmed) => setOpen(false) })] }));
-};
-export const Default = Template.bind({});
-Default.args = {
-    title: 'Confirm modal title',
-    content: 'Confirm modal content',
-};
-export const CustomChildren = Template.bind({});
-CustomChildren.args = {
-    title: 'Confirm modal title',
-    content: 'Confirm modal content',
-    children: _jsxs(_Fragment, { children: [_jsx(Button, { color: "error", variant: "contained", children: "Custom 1" }), _jsx(Button, { color: "success", variant: "contained", children: "Custom 2" })] })
-};

package/es/ConfirmModal/index.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { DialogProps } from '@mui/material/Dialog';
-export interface ConfirmDialogProps extends Omit<DialogProps, 'title'> {
-    /**
-     * Title of confirm dialog
-     */
-    title: string | ReactNode;
-    /**
-     * Content of confirm dialog
-     */
-    content: string | ReactNode;
-    /**
-     * Callback of confirm dialog
-     */
-    callback: (confirmed: boolean) => void;
-}
-declare const ConfirmDialog: ({ title, content, onClose, children, callback, ...props }: ConfirmDialogProps) => JSX.Element;
-export default ConfirmDialog;

package/es/ConfirmModal/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import { Button } from '@mui/material';
-const ConfirmDialog = ({ title, content, onClose, children, callback, ...props }) => {
-    return (_jsxs(Dialog, { ...props, children: [_jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: content }) }), children ? _jsx(DialogActions, { children: children }) : (_jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", onClick: () => callback(false), children: "No" }), _jsx(Button, { variant: "contained", onClick: () => callback(true), autoFocus: true, children: "Yes" })] }))] }));
-};
-export default ConfirmDialog;

package/es/FieldTypeDropdown/FieldTypeDropwdon.stories.d.ts

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

package/es/FieldTypeDropdown/FieldTypeDropwdon.stories.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import FieldTypeDropdown from './';
-export default {
-    title: 'FieldTypeDropdown',
-    component: FieldTypeDropdown,
-    argType: {},
-};
-const options = [
-    {
-        value: 'option1',
-        label: 'Option 1',
-    },
-    {
-        value: 'option2',
-        label: 'Option 2',
-    },
-    {
-        value: 'option3',
-        label: 'Option 3',
-    },
-];
-const Template = (args) => {
-    const [value, setValue] = useState('');
-    const handleOnChange = (e) => {
-        setValue(e.target.value);
-    };
-    return (_jsx(FieldTypeDropdown, { ...args, value: value, onChange: handleOnChange, options: options }));
-};
-export const Default = Template.bind({});
-Default.args = {
-    placeholder: 'Placeholder Text...',
-    label: 'Dropdown label',
-    helperText: 'Dropdown helper text',
-};

package/es/FieldTypeDropdown/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { OutlinedTextFieldProps } from '@mui/material/TextField';
-interface Option {
-    label: string;
-    value: any;
-}
-export interface FieldTypeDropdownProps extends Omit<OutlinedTextFieldProps, 'variant'> {
-    options: Option[];
-}
-declare const FieldTypeDropdown: ({ label, options, required, ...props }: FieldTypeDropdownProps) => JSX.Element;
-export default FieldTypeDropdown;

package/es/FieldTypeDropdown/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItem } from '@mui/material';
-import MuiTextField from '@mui/material/TextField';
-import { FormControl, FormLabel } from '@mui/material';
-const FieldTypeDropdown = ({ label, options, required, ...props }) => {
-    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsx(FormLabel, { children: label }), _jsxs(MuiTextField, { size: "small", variant: 'outlined', select: true, SelectProps: {
-                    displayEmpty: true,
-                }, ...props, children: [_jsx(MenuItem, { value: '', children: "- None -" }, ''), options.map((option) => (_jsx(MenuItem, { value: option.value, children: option.label }, option.value)))] })] }));
-};
-export default FieldTypeDropdown;

package/es/stories/Theme.stories.d.ts

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

package/es/stories/Theme.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ReactJson from 'react-json-view';
-import theme from '../theme';
-export default {
-    title: 'Theme',
-};
-const Template = (args) => {
-    return (_jsx(ReactJson, { src: theme }));
-};
-export const Default = Template.bind({});