mui-design-system 0.0.21 → 0.0.22

package/dist/components/index.d.ts

@@ -1,183 +0,0 @@
-/// <reference types="react" />
-export { default as useTable } from './custom-table/components/useTable';
-export declare const CustomTable: import("react").FC<import("./custom-table/CustomTable").ICustomTable & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFUploader: import("react").FC<import("./input-list/type").IUploaderForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomUploader: import("react").FC<import("./custom-uploader/CustomUploader").ICustomUploaderProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomAutoComplete: import("react").FC<import("./custom-auto-complete-advanced/CustomAutoComplete").CustomAutocompleteAdvancedProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomBreadcrumbs: import("react").FC<import("./custom-breadcrumbs/CustomBreadcrumbs").ICustomBreadcrumbsProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomHorizontalCard: import("react").FC<import("./custom-card/types").CustomCardProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomVerticalCard: import("react").FC<import("./custom-card/types").CustomCardProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomChip: import("react").FC<import("./custom-chip/CustomChip").ICustomChipProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomDatePicker: import("react").FC<import("./custom-date-picker/CustomDatePicker").ICustomDatePickerProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomDatePickerMobile: import("react").FC<import("./input-list/type").IDatePickerMobileForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error?: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomDialog: import("react").FC<import("./custom-dialog/CustomDialog").ICustomDialog & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomNumericInput: import("react").FC<import("./custom-input/CustomNumericInput").ICustomNumericInputProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomModal: import("react").FC<import("./custom-modal/CustomModal").CustomModalProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomTabs: import("react").FC<import("./custom-tabs/CustomTabs").CustomTabsProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFAutoComplete: import("react").FC<import("./input-list/type").IAutoCompleteForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFCheckbox: import("react").FC<import("./input-list/type").ICheckboxForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFRadio: import("react").FC<import("./input-list/type").IRadioForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFSwitch: import("react").FC<import("./input-list/type").ISwitchForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error?: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFCurrency: import("react").FC<import("./input-list/type").ICurrencyForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFDatePicker: import("react").FC<import("./input-list/type").IDatePickerForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFDatePickerMobile: import("react").FC<import("./input-list/type").IDatePickerMobileForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFTime: import("react").FC<import("./input-list/type").ITimeForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFMultiSelect: import("react").FC<import("./input-list/type").IMultiSelectForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFSelect: import("react").FC<import("./input-list/type").ISelectForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFTextArea: import("react").FC<import("./input-list/type").ITextAreaForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFTextField: import("react").FC<import("./input-list/type").ITextFieldForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const UFMultiCheckbox: import("react").FC<import("./input-list/type").IMultiCheckboxForm & {
-    form: import("react-hook-form").UseFormReturn<any>;
-    error: any;
-} & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CheckboxList: import("react").FC<import("./checkbox-list/CheckboxList").CheckboxListProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const RichTooltip: import("react").FC<import("./rich-tooltip/RichTooltip").IRichTooltipProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const OTPInput: import("react").FC<import("./otp-input/OTPInput").OTPInputProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomPagination1: import("react").FC<import("./custom-pagination/custom-pagination-1/CustomPagination1").CustomPagination1Props & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomPagination2: import("react").FC<import("./custom-pagination/custom-pagination-2/CustomPagination2").ITableFooterProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const CustomStepper: import("react").FC<import("./custom-stepper/CustomStepper").ICustomStepper & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;
-export declare const Form: import("react").FC<import("./input-list/Form").FormProps & {
-    skeletonWidth?: string | number | undefined;
-    skeletonHeight?: string | number | undefined;
-}>;

package/dist/components/index.js

@@ -1,70 +0,0 @@
-import CustomTableComponent from './custom-table/CustomTable';
-import UFUploaderComponent from './input-list/components/UFUploader';
-import CustomUploaderComponent from './custom-uploader/CustomUploader';
-import CustomAutoCompleteComponent from './custom-auto-complete-advanced/CustomAutoComplete';
-import CustomBreadcrumbsComponent from './custom-breadcrumbs/CustomBreadcrumbs';
-import CustomHorizontalCardComponent from './custom-card/CustomHorizontalCard';
-import CustomVerticalCardComponent from './custom-card/CustomVerticalCard';
-import CustomChipComponent from './custom-chip/CustomChip';
-import CustomDatePickerComponent from './custom-date-picker/CustomDatePicker';
-import CustomDatePickerMobileComponent from './custom-mobile-date-picker/CustomMobileDatePicker';
-import CustomDialogComponent from './custom-dialog/CustomDialog';
-import CustomNumericInputComponent from './custom-input/CustomNumericInput';
-import CustomModalComponent from './custom-modal/CustomModal';
-import CustomTabsComponent from './custom-tabs/CustomTabs';
-import UFAutoCompleteComponent from './input-list/components/UFAutoComplete';
-import UFCheckboxComponent from './input-list/components/UFCheckbox';
-import UFRadioComponent from './input-list/components/UFRadio';
-import UFSwitchComponent from './input-list/components/UFSwitch';
-import UFCurrencyComponent from './input-list/components/UFCurrency';
-import UFDatePickerComponent from './input-list/components/UFDatePicker';
-import UFDatePickerMobileComponent from './input-list/components/UFDatePickerMobile';
-import UFTimeComponent from './input-list/components/UFTime';
-import UFMultiSelectComponent from './input-list/components/UFMultiSelect';
-import UFSelectComponent from './input-list/components/UFSelect';
-import UFTextAreaComponent from './input-list/components/UFTextArea';
-import UFTextFieldComponent from './input-list/components/UFTextField';
-import UFMultiCheckboxComponent from './input-list/components/UFMultiCheckbox';
-import CheckboxListComponent from './checkbox-list/CheckboxList';
-import RichTooltipComponent from './rich-tooltip/RichTooltip';
-import OTPInputComponent from './otp-input/OTPInput';
-import CustomPagination1Component from './custom-pagination/custom-pagination-1/CustomPagination1';
-import CustomPagination2Component from './custom-pagination/custom-pagination-2/CustomPagination2';
-import CustomStepperComponent from './custom-stepper/CustomStepper';
-import withErrorBoundary from './error boundary/withErrorBoundary';
-import FormComponent from './input-list/Form';
-export { default as useTable } from './custom-table/components/useTable';
-export const CustomTable = withErrorBoundary(CustomTableComponent);
-export const UFUploader = withErrorBoundary(UFUploaderComponent);
-export const CustomUploader = withErrorBoundary(CustomUploaderComponent);
-export const CustomAutoComplete = withErrorBoundary(CustomAutoCompleteComponent);
-export const CustomBreadcrumbs = withErrorBoundary(CustomBreadcrumbsComponent);
-export const CustomHorizontalCard = withErrorBoundary(CustomHorizontalCardComponent);
-export const CustomVerticalCard = withErrorBoundary(CustomVerticalCardComponent);
-export const CustomChip = withErrorBoundary(CustomChipComponent);
-export const CustomDatePicker = withErrorBoundary(CustomDatePickerComponent);
-export const CustomDatePickerMobile = withErrorBoundary(CustomDatePickerMobileComponent);
-export const CustomDialog = withErrorBoundary(CustomDialogComponent);
-export const CustomNumericInput = withErrorBoundary(CustomNumericInputComponent);
-export const CustomModal = withErrorBoundary(CustomModalComponent);
-export const CustomTabs = withErrorBoundary(CustomTabsComponent);
-export const UFAutoComplete = withErrorBoundary(UFAutoCompleteComponent);
-export const UFCheckbox = withErrorBoundary(UFCheckboxComponent);
-export const UFRadio = withErrorBoundary(UFRadioComponent);
-export const UFSwitch = withErrorBoundary(UFSwitchComponent);
-export const UFCurrency = withErrorBoundary(UFCurrencyComponent);
-export const UFDatePicker = withErrorBoundary(UFDatePickerComponent);
-export const UFDatePickerMobile = withErrorBoundary(UFDatePickerMobileComponent);
-export const UFTime = withErrorBoundary(UFTimeComponent);
-export const UFMultiSelect = withErrorBoundary(UFMultiSelectComponent);
-export const UFSelect = withErrorBoundary(UFSelectComponent);
-export const UFTextArea = withErrorBoundary(UFTextAreaComponent);
-export const UFTextField = withErrorBoundary(UFTextFieldComponent);
-export const UFMultiCheckbox = withErrorBoundary(UFMultiCheckboxComponent);
-export const CheckboxList = withErrorBoundary(CheckboxListComponent);
-export const RichTooltip = withErrorBoundary(RichTooltipComponent);
-export const OTPInput = withErrorBoundary(OTPInputComponent);
-export const CustomPagination1 = withErrorBoundary(CustomPagination1Component);
-export const CustomPagination2 = withErrorBoundary(CustomPagination2Component);
-export const CustomStepper = withErrorBoundary(CustomStepperComponent);
-export const Form = withErrorBoundary(FormComponent);

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

@@ -1,21 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { GridProps } from "@mui/material/Grid";
-import { TypographyProps } from "@mui/material/Typography";
-import { TFormSchema, TInputLabelMode } from "./type";
-import { TextFieldProps } from "@mui/material/TextField";
-export interface FormProps {
-    schema: TFormSchema;
-    form: UseFormReturn<any, any, any>;
-    gridContainerProps?: GridProps;
-    gridItemProps?: GridProps;
-    itemProps?: any;
-    labelsProps?: Partial<TypographyProps<"label", {}>> | undefined;
-    hideRequiredStar?: boolean;
-    inputLabelMode?: TInputLabelMode;
-    inputVariants?: TextFieldProps["variant"];
-    withoutHelperText?: boolean;
-    disabled?: boolean;
-}
-declare const Form: FC<FormProps>;
-export default Form;

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isValidElement } from "react";
-//------------------------------------------------------------------------
-//@Mui
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import UseFormInput from "./UseFormInput";
-import { deepMerge, result } from "../../methods/general";
-const Form = ({ schema, form, gridItemProps, gridContainerProps, labelsProps, itemProps, hideRequiredStar = false, inputLabelMode = "relative", inputVariants = "outlined", withoutHelperText, disabled, }) => {
-    console.log('inputLabelMode', inputLabelMode);
-    return (_jsx(Grid, { container: true, columnSpacing: 4, rowSpacing: 0, rowGap: 2, alignItems: "flex-start", ...gridContainerProps, children: schema?.map((inputProp) => (_jsxs(Grid, { item: true, xs: 4, width: "100%", height: "auto", position: "relative", ...deepMerge(gridItemProps, inputProp.gridItemProp), children: [inputLabelMode === "static" && inputProp.type !== "checkbox" && (_jsx(Box, { display: "flex", children: _jsx(Typography, { flexGrow: 1, width: 0, component: "label", display: "inline-block", mb: 2, htmlFor: inputProp.name, color: result(form?.formState?.errors, `${inputProp.name}`)
-                            ? "error"
-                            : "text.16", noWrap: true, title: !isValidElement(inputProp?.label)
-                            ? inputProp?.label?.toString() || ""
-                            : "", ...deepMerge(labelsProps, inputProp.labelProps), children: _jsxs(Stack, { direction: "row", children: [inputProp.label, inputProp.rules?.required && !hideRequiredStar && (_jsx(Typography, { component: "span", color: "error", fontSize: 12, children: "*" }))] }) }) })), _jsx(UseFormInput, { form: form, itemProps: itemProps, error: result(form?.formState?.errors, `${inputProp.name}`), inputLabelMode: inputLabelMode, inputVariants: inputVariants, withoutHelperText: withoutHelperText, disabled: disabled, ...inputProp })] }, inputProp.name))) }));
-};
-export default Form;

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

@@ -1,22 +0,0 @@
-import { FC } from 'react';
-import { UseFormReturn } from 'react-hook-form';
-import { BoxProps } from '@mui/material/Box';
-import { GridProps } from '@mui/material/Grid';
-import { TypographyProps } from '@mui/material/Typography';
-import { IUseFormInput, TInputLabelMode } from './type';
-import { TextFieldProps } from '@mui/material/TextField';
-export interface InputListWithUseFormProps {
-    inputList: IUseFormInput[];
-    form: UseFormReturn<any, any, any>;
-    gridContainerProps?: GridProps;
-    gridItemProps?: GridProps;
-    itemProps?: any;
-    labelsProps?: Partial<TypographyProps<'label', {}>> | undefined;
-    errorProps?: BoxProps;
-    hideRequiredStar?: boolean;
-    inputLabelMode?: TInputLabelMode;
-    inputVariants?: TextFieldProps['variant'];
-    withoutHelperText?: boolean;
-}
-declare const InputListWithUseForm: FC<InputListWithUseFormProps>;
-export default InputListWithUseForm;

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isValidElement } from 'react';
-//@3rd Party
-import lodash from 'lodash';
-//------------------------------------------------------------------------
-//@Mui
-import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import UseFormInput from './UseFormInput';
-import { deepMerge } from "../../methods/general";
-const InputListWithUseForm = ({ inputList, form, gridItemProps, gridContainerProps, labelsProps, errorProps, itemProps, hideRequiredStar = false, inputLabelMode = 'static', inputVariants = 'outlined', withoutHelperText, }) => {
-    return (_jsx(Grid, { container: true, columnSpacing: 4, rowSpacing: 0, rowGap: 2, alignItems: 'flex-start', ...gridContainerProps, children: inputList?.map((inputProp) => (_jsxs(Grid, { item: true, width: '100%', position: 'relative', height: '100%', xs: 4, ...deepMerge(gridItemProps, inputProp.gridItemProp), children: [inputLabelMode === 'static' &&
-                    inputProp.type !== 'checkbox' &&
-                    inputProp.type !== 'switch' && (_jsx(Box, { display: 'flex', children: _jsx(Typography, { variant: 'caption3', flexGrow: 1, width: 0, component: 'label', display: 'inline-block', mb: 2, htmlFor: inputProp.name, color: lodash.result(form?.formState?.errors, `${inputProp.name}`)
-                            ? 'error'
-                            : 'text.16', noWrap: true, title: !isValidElement(inputProp?.label)
-                            ? inputProp?.label?.toString() || ''
-                            : '', ...labelsProps, ...inputProp.labelProps, children: _jsxs(Stack, { direction: 'row', children: [inputProp.label, inputProp.rules?.required && !hideRequiredStar && (_jsx(Typography, { variant: 'caption3.bold', component: 'span', color: 'error', fontSize: 12, children: "*" }))] }) }) })), _jsx(UseFormInput, { ...inputProp, form: form, itemProps: itemProps, error: lodash.result(form?.formState?.errors, `${inputProp.name}`), inputLabelMode: inputLabelMode, inputVariants: inputVariants, withoutHelperText: withoutHelperText || inputProp.withoutHelperText })] }, inputProp.name))) }));
-};
-export default InputListWithUseForm;

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

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { UseFormReturn } from 'react-hook-form';
-import { TSchema } from './type';
-import { TextFieldProps } from '@mui/material/TextField';
-type IUseFormInputProps = TSchema & {
-    form: UseFormReturn<any>;
-    error?: any;
-    inputVariants?: TextFieldProps['variant'];
-};
-declare const UseFormInput: FC<IUseFormInputProps>;
-export default UseFormInput;

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-//----------------------------------------------------------------------------------------------
-// @Components
-import { UFTextField } from '../index';
-import { UFSelect } from '../index';
-import { UFCheckbox } from '../index';
-import { UFDatePicker } from '../index';
-import { UFDatePickerMobile } from '../index';
-import { UFTextArea } from '../index';
-import { UFCurrency } from '../index';
-import { UFMultiSelect } from '../index';
-import { UFAutoComplete } from '../index';
-import { UFRadio } from '../index';
-import { UFSwitch } from '../index';
-import { UFMultiCheckbox } from '../index';
-import { UFUploader } from '../index';
-import { UFTime } from '../index';
-const UseFormInput = ({ form, error, inputVariants, type, ...inputFormProps }) => {
-    switch (type) {
-        case 'radio':
-            return (_jsx(UFRadio, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'switch':
-            return (_jsx(UFSwitch, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'select':
-            return (_jsx(UFSelect, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'multi-select':
-            return (_jsx(UFMultiSelect, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'auto-complete':
-            return (_jsx(UFAutoComplete, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'checkbox':
-            return (_jsx(UFCheckbox, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'date-picker':
-            return (_jsx(UFDatePicker, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'date-picker-mobile':
-            return (_jsx(UFDatePickerMobile, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'time':
-            return (_jsx(UFTime, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'text-area':
-            return (_jsx(UFTextArea, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'currency':
-            return (_jsx(UFCurrency, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'multi-checkbox':
-            return (_jsx(UFMultiCheckbox, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        case 'uploader':
-            return (_jsx(UFUploader, { ...inputFormProps, form: form, error: error, variant: inputFormProps.variant ?? inputVariants }));
-        default:
-            return (_jsx(UFTextField, { ...inputFormProps, form: form, error: error, type: type, variant: inputFormProps.variant ?? inputVariants }));
-    }
-};
-export default UseFormInput;

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

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

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

@@ -1,30 +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, checkboxProps, stackProps, formControlLabelProps, }) => {
-    // console.log('values', values)
-    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, { control: _jsx(Checkbox, { ...checkboxProps, 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/input-list/components/UFAutoComplete.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { UseFormReturn } from 'react-hook-form';
-import { IAutoCompleteForm } from '../type';
-type Props = IAutoCompleteForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFAutoComplete: FC<Props>;
-export default UFAutoComplete;

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

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import CustomAutoComplete from "../../custom-auto-complete/CustomAutoComplete";
-import { deepMerge } from "../../../methods/general";
-import { useFormContext } from "../../../context/FormContext";
-const UFAutoComplete = ({ form, label, error, placeholder, rules, disabled, name, options, defaultValue, readonly, props, helperText, isLoading = false, inputLabelMode, variant, itemProps, onReachEnd }) => {
-    const { theme } = useFormContext();
-    // Convert defaultValue if it's an array of strings
-    const convertDefaultValue = (defaultValue, options) => {
-        // Check if options are undefined or null, return an empty array or default value
-        if (!options || !Array.isArray(options)) {
-            return []; // or some other default value
-        }
-        // Convert value to corresponding object with label and value
-        if (Array.isArray(defaultValue)) {
-            return defaultValue.map(val => {
-                const matchedOption = options.find(option => option.value === val);
-                return matchedOption ? matchedOption : null;
-            }).filter(Boolean);
-        }
-        else {
-            const matchedOption = options.find(option => option.value === defaultValue);
-            return matchedOption ? matchedOption : null;
-        }
-    };
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: convertDefaultValue(defaultValue, options), render: ({ field }) => (_jsx(CustomAutoComplete, { ...field, label: label, hideLabel: true, placeholder: typeof label === "string" ? label : placeholder, inputLabelMode: inputLabelMode, helperText: error?.message ?? helperText, options: options || [], selectedOptions: field.value, value: convertDefaultValue(field?.value, options), sx: { width: '100%' }, inputMaxHeight: '120px', limitTags: 2, validation: { isInvalid: !!error, message: error?.message }, disabled: disabled, id: name, readOnly: readonly, variant: variant, isLoading: isLoading, isOptionEqualToValue: (option, value) => {
-                return option?.value === value?.value;
-            }, onReachEnd: onReachEnd, onChange: (_, newValue) => {
-                const isMultiple = Array.isArray(newValue);
-                if (isMultiple) {
-                    // Handle multiple selection
-                    const valuesArray = newValue.map(item => item.value);
-                    field.onChange(valuesArray);
-                }
-                else {
-                    // Handle single selection
-                    field.onChange(newValue ? newValue.value : "");
-                }
-            }, ...deepMerge(theme?.autoComplete?.autoCompleteProps, itemProps, props) })) }));
-};
-export default UFAutoComplete;

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

@@ -1,19 +0,0 @@
-import { FC } from "react";
-import { ICheckboxForm } from "../type";
-import { CheckboxProps } from "@mui/material";
-import { UseFormReturn } from "react-hook-form";
-import { SwitchBaseProps } from "@mui/material/internal/SwitchBase";
-import { TypographyProps } from "@mui/material/Typography";
-export interface ICustomCheckboxProps {
-    inputProps: SwitchBaseProps["inputProps"];
-    slotProps: {
-        typography?: TypographyProps;
-    };
-    checkBoxProps: CheckboxProps;
-}
-type Props = ICheckboxForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFCheckbox: FC<Props>;
-export default UFCheckbox;

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Checkbox from "@mui/material/Checkbox";
-import FormControl from "@mui/material/FormControl";
-import { Controller } from "react-hook-form";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Typography from "@mui/material/Typography";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFCheckbox = ({ form, name, label, rules, error, helperText, withoutHelperText, props, disabled, itemProps, formControlLabelProps, }) => {
-    const { theme } = useFormContext();
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, render: ({ field: { onChange, name, value = false } }) => (_jsxs(FormControl, { sx: { display: "flex", ...(disabled && { filter: "contrast(0.3)" }) }, children: [_jsx(FormControlLabel, { slotProps: {
-                        typography: {
-                            ...props?.slotProps?.typography,
-                        },
-                    }, control: _jsx(Checkbox, { color: "primary", checked: value, onChange: onChange, disabled: disabled, name: name, ...deepMerge(theme?.checkbox?.checkboxProps, itemProps, props) }), label: label, ...deepMerge(theme?.checkbox?.formControlLabelProps, formControlLabelProps) }), !withoutHelperText && (_jsx(Typography, { sx: {
-                        height: 23,
-                        width: "max-content",
-                        color: error ? "error.4" : "text.primary",
-                    }, children: error?.message ?? helperText ?? " " }))] })) }));
-};
-export default UFCheckbox;

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

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { ICurrencyForm } from "../type";
-type Props = ICurrencyForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UfCurrency: FC<Props>;
-export default UfCurrency;

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import CustomNumericInput from "../../custom-input/CustomNumericInput";
-import { useTheme } from "@mui/material";
-import Typography from "@mui/material/Typography";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UfCurrency = ({ form, name, defaultValue, rules, readonly, disabled, placeholder, error, itemProps, props, helperText, withoutHelperText, variant, currencyIcon = _jsx(Typography, { children: "\u062A\u0648\u0645\u0627\u0646" }), inputLabelMode, label, }) => {
-    const { theme } = useFormContext();
-    const { direction } = useTheme();
-    const currencyMergedProps = deepMerge(theme?.currency?.currencyProps, itemProps, props);
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field: { onChange, name, value, onBlur } }) => (_jsx(CustomNumericInput, { value: value, onChange: (value) => {
-                onChange({
-                    target: { value: value },
-                });
-            }, onBlur: onBlur, fullWidth: true, id: name, error: !!error, placeholder: placeholder, disabled: disabled, variant: variant, ...(inputLabelMode === "static" && { hiddenLabel: true }), ...(inputLabelMode === "relative" && { label: label }), helperText: withoutHelperText ? undefined : error?.message ?? helperText ?? " ", "aria-readonly": readonly, inputProps: { readOnly: readonly }, ...currencyMergedProps, sx: {
-                ".MuiInputBase-root": {
-                    px: (theme) => theme.spacing(2),
-                },
-                ...(direction === "rtl"
-                    ? {
-                        ".MuiFilledInput-input": {
-                            py: "16px !important",
-                            textAlign: "right !important",
-                            pr: "3px !important",
-                        },
-                    }
-                    : {
-                        ".MuiFilledInput-input": {
-                            pl: "3px !important",
-                        },
-                    }),
-                backgroundColor: readonly ? "background.paper" : "unset",
-                borderRadius: "8px",
-                pointerEvents: readonly ? "none" : "unset",
-                "& .MuiOutlinedInput-input": {
-                    backgroundColor: readonly ? "background.paper" : "unset",
-                    color: readonly ? "text.secondary" : "unset",
-                },
-                ...currencyMergedProps.sx
-            }, InputProps: {
-                sx: { gap: 2 },
-                endAdornment: props?.currencyIcon ?? currencyIcon,
-                ...currencyMergedProps.InputProps
-            } })) }));
-};
-export default UfCurrency;

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

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IDatePickerForm } from '../type';
-import { UseFormReturn } from 'react-hook-form';
-type Props = IDatePickerForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFDatePicker: FC<Props>;
-export default UFDatePicker;