mui-design-system 0.0.21 → 0.0.23

package/dist/mui/palette/dark/darkPalette.js

@@ -1,29 +1,11 @@
 export const darkPalette = {
     primary: {
-        main: '#23AD80',
-        10: '#03110C',
-        9: '#0A3325',
-        8: '#11553E',
-        7: '#15664B',
-        6: '#1C8A66',
-        5: '#23AD80',
-        4: '#2ACB95',
-        3: '#56DCAF',
-        2: '#88E7C7',
-        1: '#BBF1DF',
+        main: '#6950f3',
+        contrastText: "#fff"
     },
     secondary: {
-        main: '#FFB833',
-        10: '#291B00',
-        9: '#664400',
-        8: '#A36D00',
-        7: '#CC8800',
-        6: '#F8A300',
-        5: '#FFB833',
-        4: '#FFC65C',
-        3: '#FFD485',
-        2: '#FFE2AD',
-        1: '#FFF1D6',
+        main: '#0d1619',
+        contrastText: "#fff"
     },
     divider: '#D4D4D4',
     background: {
@@ -36,38 +18,18 @@ export const darkPalette = {
     },
     success: {
         main: '#77FE7A',
-        5: '#118715',
-        4: '#20CF27',
-        3: '#77FE7A',
-        2: '#BBFEBE',
-        1: '#E4FFE5',
     },
     warning: {
         main: '#F7DF00',
-        5: '#998A00',
-        4: '#E1CB00',
-        3: '#F7DF00',
-        2: '#FFEF9D',
-        1: '#FFF8DB',
     },
     error: {
         main: '#EF4D2F',
-        5: '#5F1507',
-        4: '#B5260B',
-        3: '#EF4D2F',
-        2: '#FEE2E1',
-        1: '#FFF6F6',
     },
     info: {
         main: '#51C0FF',
-        5: '#00527C',
-        4: '#007CB4',
-        3: '#51C0FF',
-        2: '#D5EBFF',
-        1: '#F2F9FF',
     },
     text: {
-        primary: '#F3F3F3',
+        primary: '#e83535',
         secondary: '#4A4A4A',
         disabled: '#8A8A8A',
         16: '#FFFFFF',
@@ -87,49 +49,48 @@ export const darkPalette = {
         2: '#414141',
         1: '#383838',
     },
-    grey: {
-        main: '#d4d4d4',
-        1: '#ffffff',
-        2: '#c8c8c8',
-        3: '#afafaf',
-        4: '#969696',
-        5: '#7d7d7d',
-        6: '#646464',
-        7: '#4b4b4b',
-        8: '#323232',
-        9: '#191919',
-        10: '#000000',
-    },
-    default: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
     inherit: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
+        light: "inherit",
+        dark: "inherit",
+        contrastText: "inherit",
+        main: "#1A1A1A",
+        16: 'inherit',
+        15: 'inherit',
+        14: 'inherit',
+        13: 'inherit',
+        12: 'inherit',
+        11: 'inherit',
+        10: 'inherit',
+        9: 'inherit',
+        8: 'inherit',
+        7: 'inherit',
+        6: 'inherit',
+        5: 'inherit',
+        4: 'inherit',
+        3: 'inherit',
+        2: 'inherit',
+        1: 'inherit',
     },
+    default: {
+        light: "#616161",
+        dark: "#616161",
+        contrastText: "#616161",
+        main: "#1A1A1A",
+        16: '#1A1A1A',
+        15: '#303030',
+        14: '#4A4A4A',
+        13: '#616161',
+        12: '#8A8A8A',
+        11: '#B5B5B5',
+        10: '#CCCCCC',
+        9: '#D4D4D4',
+        8: '#E3E3E3',
+        7: '#EBEBEB',
+        6: '#F1F1F1',
+        5: '#F3F3F3',
+        4: '#F7F7F7',
+        3: '#FAFAFA',
+        2: '#FDFDFD',
+        1: '#FFFFFF',
+    }
 };

package/dist/mui/palette/light/lightPalette.js

@@ -1,70 +1,32 @@
 export const lightPalette = {
     primary: {
-        main: '#1C8A66',
-        10: '#03110C',
-        9: '#0A3325',
-        8: '#11553E',
-        7: '#15664B',
-        6: '#1C8A66',
-        5: '#23AD80',
-        4: '#2ACB95',
-        3: '#56DCAF',
-        2: '#88E7C7',
-        1: '#BBF1DF',
+        main: '#6950f3',
+        contrastText: "#fff"
     },
     secondary: {
-        main: '#F8A300',
-        10: '#291B00',
-        9: '#664400',
-        8: '#A36D00',
-        7: '#CC8800',
-        6: '#F8A300',
-        5: '#FFB833',
-        4: '#FFC65C',
-        3: '#FFD485',
-        2: '#FFE2AD',
-        1: '#FFF1D6',
+        main: '#0d1619',
+        contrastText: "#fff"
     },
     divider: '#D4D4D4',
     background: {
-        main: '#FDFDFD',
+        main: '#f9f9f9',
         default: '#fff',
         paper: '#fff',
         1: '#FAFAFA',
-        2: '#F7F7F7',
+        2: '#f9f9f9',
         3: '#F3F3F3',
     },
     success: {
         main: '#20CF27',
-        5: '#118715',
-        4: '#20CF27',
-        3: '#77FE7A',
-        2: '#BBFEBE',
-        1: '#E4FFE5',
     },
     warning: {
         main: '#E1CB00',
-        5: '#998A00',
-        4: '#E1CB00',
-        3: '#F7DF00',
-        2: '#FFEF9D',
-        1: '#FFF8DB',
     },
     error: {
         main: '#B5260B',
-        5: '#5F1507',
-        4: '#B5260B',
-        3: '#EF4D2F',
-        2: '#FEE2E1',
-        1: '#FFF6F6',
     },
     info: {
         main: '#007CB4',
-        5: '#00527C',
-        4: '#007CB4',
-        3: '#51C0FF',
-        2: '#D5EBFF',
-        1: '#F2F9FF',
     },
     text: {
         primary: '#4A4A4A',
@@ -87,49 +49,48 @@ export const lightPalette = {
         2: '#FDFDFD',
         1: '#FFFFFF',
     },
-    grey: {
-        main: '#d4d4d4',
-        1: '#ffffff',
-        2: '#c8c8c8',
-        3: '#afafaf',
-        4: '#969696',
-        5: '#7d7d7d',
-        6: '#646464',
-        7: '#4b4b4b',
-        8: '#323232',
-        9: '#191919',
-        10: '#000000',
-    },
-    default: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
     inherit: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
+        light: "inherit",
+        dark: "inherit",
+        contrastText: "inherit",
+        main: "#1A1A1A",
+        16: 'inherit',
+        15: 'inherit',
+        14: 'inherit',
+        13: 'inherit',
+        12: 'inherit',
+        11: 'inherit',
+        10: 'inherit',
+        9: 'inherit',
+        8: 'inherit',
+        7: 'inherit',
+        6: 'inherit',
+        5: 'inherit',
+        4: 'inherit',
+        3: 'inherit',
+        2: 'inherit',
+        1: 'inherit',
     },
+    default: {
+        light: "#616161",
+        dark: "#616161",
+        contrastText: "#616161",
+        main: "#1A1A1A",
+        16: '#1A1A1A',
+        15: '#303030',
+        14: '#4A4A4A',
+        13: '#616161',
+        12: '#8A8A8A',
+        11: '#B5B5B5',
+        10: '#CCCCCC',
+        9: '#D4D4D4',
+        8: '#E3E3E3',
+        7: '#EBEBEB',
+        6: '#F1F1F1',
+        5: '#F3F3F3',
+        4: '#F7F7F7',
+        3: '#FAFAFA',
+        2: '#FDFDFD',
+        1: '#FFFFFF',
+    }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-design-system",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/components/checkbox-list/CheckboxList.d.ts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-import { CheckboxProps, StackProps } from '@mui/material';
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-import { IFormOption } from '../input-list/type';
-export interface ICheckboxValue {
-    label: string;
-    value: string | number;
-}
-export interface CheckboxListProps {
-    options: IFormOption[];
-    value?: ICheckboxValue[];
-    defaultValue?: ICheckboxValue[];
-    onChange: (values: ICheckboxValue[]) => void;
-    multiple?: boolean;
-    readonly?: boolean;
-    stackProps?: StackProps;
-    checkboxProps?: CheckboxProps;
-    formControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'control'>;
-}
-declare const CheckboxList: FC<CheckboxListProps>;
-export default CheckboxList;

package/dist/components/checkbox-list/CheckboxList.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormControlLabel, Stack, } from '@mui/material';
-import Checkbox from '@mui/material/Checkbox';
-const CheckboxList = ({ options = [], value = [], onChange, multiple, readonly, checkboxProps, stackProps, formControlLabelProps, }) => {
-    const handleChange = (event, changedValue) => {
-        const newValues = [...value];
-        if (multiple) {
-            if (event.target.checked) {
-                newValues.push(changedValue);
-                onChange(newValues);
-            }
-            else {
-                const index = newValues.findIndex((v) => v.value === changedValue.value);
-                newValues.splice(index, 1);
-                onChange(newValues);
-            }
-        }
-        else {
-            if (event.target.checked) {
-                onChange([changedValue]);
-            }
-            else {
-                onChange([]);
-            }
-        }
-    };
-    return (_jsx(Stack, { ...stackProps, children: options.map((option) => (_jsx(FormControlLabel, { "aria-readonly": readonly, ...(readonly && {
-                sx: { pointerEvents: 'none', userSelect: 'none' },
-            }), control: _jsx(Checkbox, { ...checkboxProps, readOnly: readonly, checked: value?.findIndex((v) => v?.value === option?.value) > -1, onChange: (e) => handleChange(e, option) }), label: option.label, slotProps: { typography: option?.labelProp }, ...formControlLabelProps }, option.value))) }));
-};
-export default CheckboxList;

package/dist/components/custom-auto-complete-advanced/CustomAutoComplete.d.ts

@@ -1,28 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { AutocompleteProps } from '@mui/material/Autocomplete';
-import { TextFieldProps } from '@mui/material/TextField';
-import { TextFieldVariants } from '@mui/material';
-import { TInputLabelMode } from '../input-list/type';
-export interface CustomAutocompleteAdvancedProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, 'renderInput'> {
-    label?: string | ReactNode;
-    width?: number | string;
-    renderInput?: (params: TextFieldProps) => ReactNode;
-    isLoading?: boolean;
-    variant?: TextFieldVariants;
-    showSelectedCount?: boolean;
-    selectedOptions?: any[];
-    helperText?: string;
-    inputMaxHeight?: string;
-    placeholder?: string;
-    inputLabelMode?: TInputLabelMode;
-    hideLabel?: boolean;
-    textFieldProps?: TextFieldProps;
-    validation?: {
-        isInvalid: boolean;
-        message: string;
-    };
-    onReachEnd?: () => void;
-    onSearch?: (e: any) => void;
-}
-declare const CustomAutoCompleteAdvanced: FC<CustomAutocompleteAdvancedProps>;
-export default CustomAutoCompleteAdvanced;

package/dist/components/custom-auto-complete-advanced/CustomAutoComplete.js

@@ -1,92 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useRef, useState } from 'react';
-import Box from '@mui/material/Box';
-import InputLabel from '@mui/material/InputLabel';
-import Typography from '@mui/material/Typography';
-import Paper from '@mui/material/Paper';
-import Autocomplete from '@mui/material/Autocomplete';
-import { styled } from '@mui/material/styles';
-import { ListBox } from './components/ListBox';
-import RenderInput from './components/RenderInput';
-import RenderTags from './components/RenderTags';
-import SvgAdd from '../../icons/Add';
-const AutoCompletePaper = styled(Paper)(({ theme }) => ({
-    direction: 'ltr',
-    boxShadow: '0px 0px 10px rgba(94, 129, 233, 0.2)',
-    marginTop: 8,
-    backgroundColor: theme.palette.background.paper,
-    '.MuiAutocomplete-option': {
-        borderBottom: '1px solid',
-        borderColor: theme.palette.divider,
-        paddingLeft: '0 !important',
-        '&:last-child': {
-            borderBottom: 'none',
-        },
-    },
-}));
-const LimitedTagsCount = (more, size) => {
-    return (_jsxs(Typography, { variant: 'caption2.medium', sx: {
-            position: 'absolute',
-            right: 64,
-            top: size === 'medium' ? 12 : 8,
-            backgroundColor: 'background.default',
-            borderRadius: '100%',
-            minWidth: 24,
-            textAlign: 'center',
-        }, children: [String(more), "+"] }));
-};
-const CustomAutoCompleteAdvanced = ({ label, helperText, options, multiple, disabled, limitTags, validation, selectedOptions, showSelectedCount, isLoading, inputMaxHeight, placeholder, variant, hideLabel = false, inputLabelMode = 'static', textFieldProps, onReachEnd, onSearch, sx, ...rest }) => {
-    //Keeping the value controlled by state helps to track free solo stage for search
-    const [value, setValue] = useState('');
-    const onChangeValue = (newValue) => {
-        setValue(newValue || '');
-    };
-    //_______________________________________________________________________________
-    //Cache result options for search and integration across the pages
-    const cachedOptionsRef = useRef([]);
-    const cachedOptions = useMemo(() => {
-        options.forEach((option) => {
-            if (!cachedOptionsRef.current.find((opt) => opt.value === option?.value)
-                ?.value) {
-                cachedOptionsRef.current.push(option);
-            }
-        });
-        return cachedOptionsRef.current;
-    }, [options.length]);
-    //_______________________________________________________________________________
-    const lang = document.documentElement.lang;
-    return (_jsxs(_Fragment, { children: [_jsx(InputLabel, { sx: {
-                    fontSize: 12,
-                    color: disabled ? 'text.1' : 'text.primary',
-                }, children: inputLabelMode === 'static' && !hideLabel && (_jsx(Typography, { variant: 'caption2', children: label })) }), _jsx(Autocomplete, { loading: isLoading, limitTags: limitTags, multiple: multiple, id: 'ideep-auto-complete', options: cachedOptions || [], disabled: disabled, "aria-disabled": disabled, disableCloseOnSelect: multiple, value: rest.value, disableListWrap: true, isOptionEqualToValue: (option, value) => {
-                    return option?.value === value?.value;
-                }, freeSolo: Boolean(onSearch) && Boolean(value), renderOption: (props, option, state) => ({
-                    props,
-                    option,
-                    index: state.index,
-                    multiple,
-                    selected: state.selected,
-                }), ListboxProps: { onReachEnd, isLoading }, ListboxComponent: ListBox, noOptionsText: _jsx(Typography, { variant: 'caption2', sx: { color: 'text.primary' }, children: lang.includes('fa') ? 'نتیجه ای یافت نشد' : 'No results found.' }), loadingText: _jsx(Typography, { variant: 'caption2', sx: { color: 'text.primary' }, children: lang.includes('fa') ? 'در حال بارگزاری...' : 'Loading...' }), renderTags: (value, getTagProps) => RenderTags(value, getTagProps, variant !== 'standard' ? variant : 'filled', rest.size), getOptionDisabled: (option) => !!option?.disabled, renderInput: (params) => (_createElement(RenderInput, { params: params, ...(inputLabelMode === 'relative' && {
-                        label,
-                    }), loading: isLoading, key: 'render-input-' + label, helperText: helperText, variant: variant, placeholder: (selectedOptions?.length || 0) < 0 ? placeholder : undefined, inputMaxHeight: inputMaxHeight, disabled: disabled, label: label, textFieldProps: textFieldProps, validation: validation, handleSearch: onSearch, handleChange: onChangeValue, value: value })), clearIcon: _jsx(SvgAdd, { style: { transform: 'rotate(45deg)' }, primarycolor: 'inherit' }), getLimitTagsText: (more) => LimitedTagsCount(more, rest.size), sx: [
-                    ...(Array.isArray(sx) ? sx : [sx]),
-                    {
-                        padding: 0,
-                        width: '100%',
-                        '& .MuiAutocomplete-popupIndicator': {
-                            width: '100%',
-                            maxWidth: 27,
-                        },
-                        ...(disabled && { cursor: 'not-allowed' }),
-                    },
-                ], PaperComponent: (props) => (_jsx(AutoCompletePaper, { elevation: 0, ...props })), ...rest }), _jsx(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                }, children: multiple &&
-                    selectedOptions &&
-                    selectedOptions?.length > 0 &&
-                    showSelectedCount && (_jsxs(Typography, { variant: 'caption3', sx: { mt: 1 }, children: [selectedOptions?.length, " ", lang.includes('fa') ? 'گزینه' : 'item', selectedOptions?.length > 1 && !lang.includes('fa') && 's', ' ', lang.includes('fa') ? 'انتخاب شده' : ' selected'] })) })] }));
-};
-export default CustomAutoCompleteAdvanced;

package/dist/components/custom-auto-complete-advanced/components/ListBox.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare const LISTBOX_PADDING = 8;
-export declare const ListBox: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-    onReachEnd?: (() => void) | undefined;
-    isLoading?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/custom-auto-complete-advanced/components/ListBox.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Adapter for react-window
-import { LinearProgress, useTheme } from '@mui/material';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import * as React from 'react';
-import { VariableSizeList } from 'react-window';
-import { ListRow } from './ListRow';
-import { useRef } from 'react';
-import debounce from '../../../methods/debounce';
-export const LISTBOX_PADDING = 8; // px
-export const ListBox = React.forwardRef(function ListBox(props, ref) {
-    const { children, onReachEnd, isLoading, ...other } = props;
-    const itemData = [];
-    children.forEach((item) => {
-        itemData.push(item);
-        itemData.push(...(item.children || []));
-    });
-    const prevItemCount = useRef(undefined);
-    const theme = useTheme();
-    const smUp = useMediaQuery(theme.breakpoints.up('sm'), {
-        noSsr: true,
-    });
-    const itemCount = itemData.length;
-    const itemSize = smUp ? 36 : 48;
-    const getHeight = () => {
-        if (itemCount > 8) {
-            return 8 * itemSize;
-        }
-        return itemData.map(() => itemSize).reduce((a, b) => a + b, 0);
-    };
-    const OuterElementContext = React.createContext({});
-    const OuterElementType = React.forwardRef((props, ref) => {
-        const outerProps = React.useContext(OuterElementContext);
-        return _jsx("div", { ref: ref, ...props, ...outerProps });
-    });
-    OuterElementType.displayName = 'OuterElementType';
-    function useResetCache(data) {
-        const ref = React.useRef(null);
-        React.useEffect(() => {
-            if (ref.current != null) {
-                ref.current.resetAfterIndex(itemCount, true);
-                gridRef.current?.scrollToItem(prevItemCount.current || 0, 'start');
-                prevItemCount.current = itemCount;
-            }
-        }, [data]);
-        return ref;
-    }
-    const gridRef = useResetCache(itemCount);
-    const handleReachEnd = () => {
-        if (onReachEnd) {
-            onReachEnd();
-        }
-    };
-    const debouncedReachEnd = debounce(handleReachEnd, 10);
-    const handleScroll = ({ scrollDirection, scrollOffset, scrollUpdateWasRequested, }) => {
-        if (!scrollUpdateWasRequested &&
-            scrollDirection === 'forward' &&
-            gridRef?.current) {
-            const listHeight = +gridRef.current.props.height;
-            const totalHeight = gridRef.current.props?.itemSize(1) * itemCount;
-            if (scrollOffset + listHeight >= totalHeight) {
-                debouncedReachEnd();
-            }
-        }
-    };
-    return (_jsxs("div", { ref: ref, style: { position: 'relative', width: '100%', height: '100%' }, children: [isLoading && (_jsx(_Fragment, { children: _jsx(LinearProgress, { sx: {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        width: '100%',
-                    } }) })), _jsx(OuterElementContext.Provider, { value: other, children: _jsx(VariableSizeList, { itemData: itemData, height: getHeight() + 2 * LISTBOX_PADDING, width: '100%', ref: gridRef, outerElementType: OuterElementType, innerElementType: 'ul', itemSize: (index) => itemSize, overscanCount: 5, itemCount: itemCount, style: {
-                        direction: 'inherit',
-                        transition: '0.3s ease all',
-                        filter: isLoading ? 'brightness(92%) blur(2px)' : 'none',
-                    }, onScroll: handleScroll, initialScrollOffset: (itemCount - itemSize) * itemSize, children: ListRow }) })] }));
-});

package/dist/components/custom-auto-complete-advanced/components/ListRow.d.ts

@@ -1,2 +0,0 @@
-import { ListChildComponentProps } from 'react-window';
-export declare function ListRow(props: ListChildComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom-auto-complete-advanced/components/ListRow.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import Typography from '@mui/material/Typography';
-import { LISTBOX_PADDING } from './ListBox';
-import { Checkbox } from '@mui/material';
-export function ListRow(props) {
-    const { data, index, style } = props;
-    const dataSet = data[index];
-    const inlineStyle = {
-        ...style,
-        top: style.top + LISTBOX_PADDING,
-    };
-    const { props: optionProps, option, multiple, selected } = dataSet || {};
-    return (_createElement("li", { ...optionProps, key: option?.value, style: inlineStyle },
-        multiple && _jsx(Checkbox, { checked: selected, sx: { opacity: 'inherit' } }),
-        _jsx(Typography, { variant: 'caption3', children: option?.label })));
-}

package/dist/components/custom-auto-complete-advanced/components/RenderInput.d.ts

@@ -1,23 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { AutocompleteRenderInputParams, TextFieldVariants } from '@mui/material';
-import { TextFieldProps } from '@mui/material';
-import { TInputLabelMode } from '../../input-list/type';
-interface IRenderInputProps extends Omit<TextFieldProps, 'label'> {
-    params: AutocompleteRenderInputParams;
-    label?: ReactNode;
-    loading: boolean | undefined;
-    inputMaxHeight?: string | number;
-    variant?: TextFieldVariants;
-    placeholder?: string;
-    validation?: {
-        isInvalid: boolean;
-        message: string;
-    };
-    inputLabelMode?: TInputLabelMode;
-    helperText?: string;
-    textFieldProps?: TextFieldProps;
-    handleSearch?: (e: any) => void;
-    handleChange?: (e: string) => void;
-}
-declare const RenderInput: FC<IRenderInputProps>;
-export default RenderInput;