mui-design-system 0.0.17 → 0.0.19

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

@@ -5,7 +5,7 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import * as React from 'react';
 import { VariableSizeList } from 'react-window';
 import { ListRow } from './ListRow';
-import { debounce } from "lodash";
+import debounce from '../../../methods/debounce';
 export const LISTBOX_PADDING = 8; // px
 export const ListBox = React.forwardRef(function ListBox(props, ref) {
     const { children, onReachEnd, ...other } = props;

package/dist/components/input-list/type.d.ts

@@ -0,0 +1,165 @@
+import { GridProps } from '@mui/material/Grid';
+import React, { ReactNode } from 'react';
+import { RegisterOptions } from 'react-hook-form';
+import { TypographyProps } from '@mui/material/Typography';
+import { CustomAutocompleteProps } from '../custom-auto-complete/CustomAutoComplete';
+import { TextFieldProps } from '@mui/material/TextField';
+import { ICustomCheckboxProps } from './components/UFCheckbox';
+import { ICustomNumericInputProps } from '../custom-input/CustomNumericInput';
+import { RadioProps } from '@mui/material/Radio';
+import { CheckboxListProps } from "./checkbox-list/CheckboxList";
+import { ICustomUploaderProps } from "../custom-uploader/CustomUploader";
+import { RadioGroupProps } from "@mui/material";
+import { FormControlLabelProps } from "@mui/material/FormControlLabel";
+import { ICustomSwitchProps } from './components/UFSwitch';
+import { ICustomDatePickerProps } from '../custom-date-picker/CustomDatePicker';
+export interface IFormOption {
+    value: string | number;
+    label: string;
+    labelProp?: any;
+    disabled?: boolean;
+}
+interface IBaseForm {
+    name: string;
+    label: React.ReactNode;
+    rules?: RegisterOptions;
+    defaultValue?: any;
+    placeholder?: string;
+    gridItemProp?: GridProps;
+    labelProps?: Partial<TypographyProps<any>> | undefined;
+    helperText?: string;
+    withoutHelperText?: boolean;
+    variant?: 'outlined' | 'filled' | 'standard';
+    inputLabelMode?: TInputLabelMode;
+    disabled?: boolean;
+    readonly?: boolean;
+    itemProps?: any;
+}
+export interface IRadioForm extends IBaseForm {
+    type?: 'radio';
+    radioProps?: RadioProps;
+    radioGroupProps?: Partial<RadioGroupProps>;
+    formControlLabelProps?: Partial<FormControlLabelProps>;
+    options?: IFormOption[];
+    itemProps?: RadioProps;
+}
+export interface ISelectForm extends IBaseForm {
+    type?: 'select';
+    props?: TextFieldProps;
+    itemProps?: TextFieldProps;
+    options?: IFormOption[];
+}
+export interface IMultiSelectForm extends IBaseForm {
+    type?: 'multi-select';
+    props?: Partial<TextFieldProps>;
+    itemProps?: Partial<TextFieldProps>;
+    options?: IFormOption[];
+}
+export interface IAutoCompleteForm extends IBaseForm {
+    type?: 'auto-complete';
+    isLoading?: boolean;
+    props?: Partial<CustomAutocompleteProps>;
+    itemProps?: Partial<CustomAutocompleteProps>;
+    options?: IFormOption[];
+    onReachEnd?: () => void;
+    onSearch?: (value: any) => void;
+}
+export interface ICheckboxForm extends IBaseForm {
+    type?: 'checkbox';
+    props?: Partial<ICustomCheckboxProps>;
+    formControlLabelProps?: Partial<FormControlLabelProps>;
+    itemProps?: Partial<ICustomCheckboxProps>;
+}
+export interface ISwitchForm extends IBaseForm {
+    type?: 'switch';
+    props?: Partial<ICustomSwitchProps>;
+}
+export interface IDatePickerForm extends IBaseForm {
+    type?: 'date-picker';
+    props?: Partial<ICustomDatePickerProps>;
+    itemProps?: Partial<ICustomDatePickerProps>;
+}
+export interface IDatePickerMobileForm extends IBaseForm {
+    type?: 'date-picker-mobile';
+    props?: Partial<ICustomDatePickerProps>;
+}
+export interface ITimeForm extends IBaseForm {
+    type?: 'time';
+    props?: Partial<TextFieldProps>;
+    hourProp?: Partial<TextFieldProps>;
+    minuteProp?: Partial<TextFieldProps>;
+}
+export interface ITextAreaForm extends IBaseForm {
+    type?: 'text-area';
+    props?: Partial<TextFieldProps>;
+    itemProps?: Partial<TextFieldProps>;
+}
+export interface ICurrencyForm extends IBaseForm {
+    type?: 'currency';
+    props?: Partial<ICustomNumericInputProps>;
+    itemProps?: Partial<ICustomNumericInputProps>;
+    currencyIcon?: ReactNode;
+}
+export interface IMultiCheckboxForm extends IBaseForm {
+    options: IFormOption[];
+    type?: 'multi-checkbox';
+    multiple?: boolean;
+    props?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
+    itemProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
+}
+export interface IUploaderForm extends IBaseForm {
+    type?: "uploader";
+    multiple?: boolean;
+    onDelete?: (index: number) => void;
+    props?: Partial<ICustomUploaderProps>;
+    itemProps?: Partial<ICustomUploaderProps>;
+}
+export interface ITextFieldForm extends IBaseForm {
+    type?: 'text' | 'email' | 'password' | 'phone' | 'number';
+    props?: Partial<TextFieldProps>;
+    itemProps?: Partial<TextFieldProps>;
+}
+export type TSchema = ITextFieldForm | ICurrencyForm | ITextAreaForm | IDatePickerForm | IDatePickerMobileForm | ITimeForm | ICheckboxForm | IAutoCompleteForm | IMultiSelectForm | ISelectForm | IRadioForm | ISwitchForm | IUploaderForm | IMultiCheckboxForm;
+export type TFormSchema = TSchema[];
+export type TFormTheme = {
+    text?: Partial<TextFieldProps>;
+    email?: Partial<TextFieldProps>;
+    password?: Partial<TextFieldProps>;
+    phone?: Partial<TextFieldProps>;
+    number?: Partial<TextFieldProps>;
+    uploader?: {
+        uploaderProps?: Partial<ICustomUploaderProps>;
+    };
+    multiCheckbox?: {
+        multiCheckboxProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
+    };
+    currency?: {
+        currencyProps?: Partial<ICustomNumericInputProps>;
+    };
+    textArea?: {
+        textAreaProps?: Partial<TextFieldProps>;
+    };
+    datePicker?: {
+        datePickerProps?: Partial<ICustomDatePickerProps>;
+    };
+    checkbox?: {
+        checkboxProps?: Partial<ICustomCheckboxProps>;
+        formControlLabelProps?: Partial<FormControlLabelProps>;
+    };
+    autoComplete?: {
+        autoCompleteProps?: Partial<CustomAutocompleteProps>;
+    };
+    multiSelect?: {
+        multiSelectProps?: Partial<TextFieldProps>;
+    };
+    'select'?: {
+        selectProps: Partial<TextFieldProps>;
+    };
+    radio?: {
+        radioProps?: Partial<RadioProps>;
+        radioGroupProps?: Partial<RadioGroupProps>;
+        formControlLabelProps?: Partial<FormControlLabelProps>;
+    };
+};
+export type TInputLabelMode = 'static' | 'relative';
+export {};

package/dist/components/input-list/type.js

@@ -0,0 +1 @@
+export {};

package/package.json

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