tp-react-elements-dev 1.12.24 → 1.12.26

package/dist/components/Form/Form.styles.js

@@ -1,111 +0,0 @@
-import styled from '@emotion/styled';
-import ArrowDropDownSharpIcon from '@mui/icons-material/ArrowDropDownSharp';
-import { Grid, Box, Button, MenuItem, Typography } from '@mui/material';
-import Container from '@mui/material/Container';
-import { DatePicker } from '@mui/x-date-pickers';
-
-const FormComponent = styled(Grid)(({ theme }) => ({
-    alignItems: "flex-start",
-    flexWrap: "wrap",
-    [theme.breakpoints.down("md")]: {
-        flexDirection: "column",
-    },
-}));
-styled(Box)(() => ({
-    margin: "5px 0px",
-    fontSize: "11px",
-    backgroundColor: "#ffff",
-    padding: "0.5em",
-    border: "0px solid rgba(0, 0, 0, 0.125)",
-    boxShadow: "0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04)",
-    borderRadius: "0.75rem",
-}));
-const Formitem = styled(Grid, {
-    shouldForwardProp: (prop) => prop !== "isActive" && prop !== "noOfColumn",
-})(({ theme, noOfColumn }) => ({
-    width: `calc(100%/${noOfColumn})`,
-    flexDirection: "column",
-    paddingLeft: "15px",
-    paddingRight: "15px",
-    marginBottom: theme.spacing(1),
-    [theme.breakpoints.down("md")]: {
-        width: "100%",
-    },
-}));
-const ErrorMessageComponent = styled(Box)(() => ({
-    color: "red",
-    marginTop: "4px",
-    fontSize: "11px",
-    fontWeight: 500,
-}));
-styled(Container)(({ theme }) => ({
-    [theme.breakpoints.up("sm")]: {
-        padding: "16px 24px",
-    },
-    [theme.breakpoints.up("lg")]: {
-        paddingLeft: "30px",
-        paddingRight: "30px",
-    },
-}));
-styled(Button)(() => ({
-    color: "#fff",
-    backgroundColor: "#00acc1",
-    BorderColor: "#00acc1",
-}));
-styled(Button)(() => ({
-    color: "#fff",
-    backgroundColor: " #343a40",
-    borderColor: "#343a40",
-}));
-styled(Grid)(() => ({
-    alignItems: "start",
-    gap: "1px",
-}));
-styled("text")(() => ({
-    color: "red",
-}));
-styled(Box)(() => ({
-    margin: "5px 0px",
-    backgroundColor: "#ffff",
-    paddingBlock: "0.5em",
-    border: "0px solid rgba(0, 0, 0, 0.125)",
-    boxShadow: "0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04)",
-    borderRadius: "0.75rem",
-    overflow: "hidden",
-    fontSize: "11px",
-}));
-styled(DatePicker)(() => ({
-    "& .MuiInputBase-input": {
-        padding: "6.38px 14px",
-    },
-}));
-styled(MenuItem)(() => ({
-    fontSize: "11px",
-}));
-styled(Box)(() => ({
-    maxHeight: "120px",
-    overflow: "auto",
-    position: "absolute",
-    top: "100%",
-    background: "#fff",
-    zIndex: 1000,
-    border: "1px solid #0001",
-}));
-styled(Typography)(() => ({
-    fontSize: "13px",
-    background: "#fff",
-    padding: "5px 13px",
-    zIndex: 1000,
-    "&:hover": {
-        backgroundColor: "#0001",
-        cursor: "pointer",
-    },
-}));
-styled(ArrowDropDownSharpIcon)(() => ({
-    fontSize: "25px",
-    position: "absolute",
-    right: 0,
-    color: "#0009",
-}));
-
-export { ErrorMessageComponent, FormComponent, Formitem };

package/dist/components/Form/FormActiveSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormActiveSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormActiveSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,0BAA0B,CAAC;AAElC,QAAA,MAAM,gBAAgB,GAAI,WAAW,GAAG,4CA2DvC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Form/FormActiveSwitch.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useCallback } from 'react';
-
-const FormActiveSwitch = ({ props }) => {
-    const [active, setActive] = useState(true);
-    const { getValues, setValue, item } = props;
-    const defaultValue1 = item.value1 ?? "A";
-    const defaultValue2 = item.value2 ?? "I";
-    useEffect(() => {
-        const currentValue = getValues(item.name);
-        setActive(currentValue === defaultValue1);
-    }, [getValues, item.name, defaultValue1]);
-    const handleSwitchChange = useCallback(() => {
-        setActive((prevActive) => {
-            const newValue = !prevActive ? defaultValue1 : defaultValue2;
-            setValue(item.name, newValue);
-            return !prevActive;
-        });
-    }, [setValue, item.name, defaultValue1, defaultValue2]);
-    return (jsxs("div", { className: "m-form__input", children: [item.label && (jsx("span", { style: {
-                    fontSize: "12px",
-                    fontWeight: 400,
-                    paddingRight: 10,
-                }, children: item.label })), jsxs("span", { className: "switch prestashop-switch fixed-width-lg", children: [jsx("input", { checked: active, id: `${item.name}_on`, name: item.name, type: "radio", value: "Active", onChange: handleSwitchChange }), jsx("label", { htmlFor: `${item.name}_on`, style: { textTransform: "none" }, children: item.label1 ?? "Active" }), jsx("input", { checked: !active, id: `${item.name}_off`, name: item.name, type: "radio", value: "In Active", onChange: handleSwitchChange }), jsx("label", { htmlFor: `${item.name}_off`, style: { textTransform: "none" }, children: item.label2 ?? "In Active" }), jsx("a", { className: "slide-button btn" })] })] }));
-};
-
-export { FormActiveSwitch as default };

package/dist/components/Form/FormConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormConstants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormConstants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;CACjD;AACD,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,wBAAwB,GAAI,WAAW,oBAAoB,EAAE;;;CAkXlE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/Form/FormContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContainer.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa,+CAElB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Form/FormRender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRender.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormRender.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAsBpE,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CA2FzC,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/Form/FormRender.js

@@ -1,96 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import DatepickerWrapperV2 from '../FormComponents/DatePicker/DatepickerWrapperV2.js';
-import Monthpickerrender from '../FormComponents/DatePicker/Monthpickerrender.js';
-import FormRenderFileUpload from '../FormComponents/FileUpload/FormRenderFileUpload.js';
-import FormRenderMultiFileUpload from '../FormComponents/FileUpload/FormRenderMultiFileUpload.js';
-import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.js';
-import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.js';
-import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.js';
-import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.js';
-import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.js';
-import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.js';
-import FormTextField from '../FormComponents/FormTextField/FormTextField.js';
-import PasswordField from '../FormComponents/PasswordField/PasswordField.js';
-import RichTextEditorWrapper from '../FormComponents/RichTextEditor/RichTextEditorWrapper.js';
-import MultiSelectV1 from '../FormComponents/Select/MultiSelectv1.js';
-import SingleSelect from '../FormComponents/Select/SingleSelect.js';
-import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.js';
-import TimePickerFieldWrapper from '../FormComponents/TimePicker/TimePicker.js';
-import FormActiveSwitch from './FormActiveSwitch.js';
-
-// Main renderer function: decides which form field component to render
-// based on the `inputType` defined in `props.item`
-const RenderForm = (props) => {
-    // Variant is an optional property that controls UI style differences
-    const variant = props.variant || "";
-    // Switch between different input types and render the corresponding component
-    switch (props.item?.inputType) {
-        // Common text-based inputs
-        case "text":
-        case "multiEmail":
-        case "email":
-            return jsx(FormTextField, { props: props, variant: variant });
-        // Rich text editor
-        case "rich-text-editor":
-            return jsx(RichTextEditorWrapper, { props: props, variant: variant });
-        // Password field
-        case "password":
-            return jsx(PasswordField, { props: props, variant: variant });
-        // Dropdown select (auto-complete)
-        case "select":
-            return jsx(SingleSelect, { props: props, variant: variant });
-        // Dropdown select (non auto-complete)
-        case "select-v2":
-            return jsx(SingleSelectNonAutoComplete, { props: props, variant: variant });
-        // Numeric inputs (integer, pincode, phone)
-        case "number":
-        case "pincode":
-        case "phoneNumber":
-            return jsx(FormNumberField, { props: props, variant: variant });
-        // Decimal input
-        case "decimal":
-            return jsx(FormNumberFieldDecimal, { props: props, variant: variant });
-        // Checkbox group (multiple options)
-        case "checkbox-group":
-            return jsx(FormCheckBoxGroup, { props: props, variant: variant });
-        // Radio group (single option)
-        case "radio-group":
-            return jsx(FormRadioGroup, { props: props, variant: variant });
-        // Date picker
-        case "datepicker":
-            return jsx(DatepickerWrapperV2, { props: props, variant: variant });
-        // Time picker
-        case "timepicker":
-            return jsx(TimePickerFieldWrapper, { props: props, variant: variant });
-        // Date range picker - TEMPORARILY DISABLED
-        case "dateRangePicker":
-            return jsx("div", {});
-        // return <DateRangePickerComponent props={props} variant={variant} />;
-        // Month picker
-        case "monthpicker":
-            return jsx(Monthpickerrender, { props: props, variant: variant });
-        // Multi-select dropdown
-        case "multiselect":
-            return jsx(MultiSelectV1, { props: props, variant: variant });
-        // Single file upload
-        case "file":
-            return jsx(FormRenderFileUpload, { props: props, variant: variant });
-        // Multi file upload
-        case "multifile":
-            return jsx(FormRenderMultiFileUpload, { props: props, variant: variant });
-        // Single checkbox
-        case "checkbox":
-            return jsx(FormCheckBox, { props: props, variant: variant });
-        // Multi-line text input
-        case "textarea":
-            return jsx(FormTextAreaField, { props: props, variant: variant });
-        // Toggle switch (active/inactive)
-        case "toggleSwitch":
-            return jsx(FormActiveSwitch, { props: props }, props.item.name);
-        // Default case: if input type is not found, return nothing
-        default:
-            return jsx(Fragment, {});
-    }
-};
-
-export { RenderForm as default };

package/dist/components/Form/FormRenderConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRenderConstants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormRenderConstants.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,YAAY,CAAC,EAAE,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/Form/FormRenderWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRenderWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormRenderWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,YAAY,EACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,aAAa,CACjB;QACE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;KAC/C,EACD,GAAG,EACH;QACE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;KAC/C,CACF,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,QAAA,MAAM,iBAAiB,GAAI,kEAOxB,sBAAsB,4CA+BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Form/FormRenderWrapper.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { customTheme } from '../../theme/index.js';
-import { ThemeProvider } from '@emotion/react';
-import { FormComponent, Formitem } from './Form.styles.js';
-import RenderForm from './FormRender.js';
-
-const FormRenderWrapper = ({ formArray, name = "", numberOfColumns = 3, form, variant = "", fieldError, }) => {
-    return (jsx(ThemeProvider, { theme: customTheme, children: jsx(FormComponent, { container: true, margin: "auto", children: formArray.map((item, i) => {
-                return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: form.formState.errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, variant: variant, fieldError: fieldError }) }, `${name}_${i}`)));
-            }) }) }));
-};
-
-export { FormRenderWrapper as default };

package/dist/components/FormComponents/DatePicker/DateRangePicker.d.ts

@@ -1,7 +0,0 @@
-import { FormRenderProps, VariantProps } from "../../../lib/Interface/FormInterface";
-declare const DateRangePickerComponent: ({ props: _props, variant: _variant, }: {
-    props: FormRenderProps;
-    variant: VariantProps;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DateRangePickerComponent;
-//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/FormComponents/DatePicker/DateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/DatePicker/DateRangePicker.tsx"],"names":[],"mappings":"AA0IA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAE9C,QAAA,MAAM,wBAAwB,GAAI,uCAG/B;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAEA,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatepickerWrapperV2.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/DatePicker/DatepickerWrapperV2.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,mBAAmB,GAAI,qBAG1B;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAmFA,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import dayjs from 'dayjs';
-import { useRef, useState } from 'react';
-import { Controller } from 'react-hook-form';
-import { renderLabel } from '../../../lib/Constants/FormConstants.js';
-import FormBottomField from '../FormBottomField/FormBottomField.js';
-
-const DatepickerWrapperV2 = ({ props, variant, }) => {
-    const inputTextRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const handleToggle = () => {
-        if (!open) {
-            inputTextRef.current?.blur();
-        }
-        setOpen(!open);
-    };
-    const isError = !!props.errors?.[props.item.name];
-    const isShowBorderError = isError && props.fieldError;
-    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [renderLabel(variant, props), jsx(DatePicker, { views: ["month", "year", "day"], label: variant !== "standard"
-                                ? `${props.item.label}${props.item.required ? " *" : ""}`
-                                : "", value: field.value
-                                ? typeof field.value === "string"
-                                    ? dayjs(field.value, "DD/MM/YYYY")
-                                    : dayjs(field.value)
-                                : null, className: "read-only", format: "DD/MM/YYYY", open: open, onOpen: handleToggle, onClose: handleToggle, minDate: props?.item?.minDate
-                                ? dayjs(props?.item?.minDate, "DD/MM/YYYY")
-                                : undefined, maxDate: props?.item?.maxDate
-                                ? dayjs(props?.item?.maxDate, "DD/MM/YYYY")
-                                : undefined, disabled: props.item.disable || false, onChange: (date) => {
-                                field.onChange(dayjs(date).format("DD/MM/YYYY"));
-                                props?.item?.onChangeFn &&
-                                    props?.item?.onChangeFn(dayjs(date).format("DD/MM/YYYY"));
-                            }, slotProps: {
-                                textField: {
-                                    onClick: () => handleToggle(),
-                                    inputRef: inputTextRef,
-                                    onBlur: (e) => {
-                                        props?.item?.onBlurFn && props?.item?.onBlurFn(e);
-                                    },
-                                    inputProps: {
-                                        input: { cursor: "pointer" },
-                                    },
-                                    error: isShowBorderError,
-                                    sx: {
-                                        "& .MuiFormLabel-root": {
-                                            top: -10,
-                                        },
-                                        "& .MuiInputLabel-shrink": {
-                                            top: 0,
-                                        },
-                                    },
-                                },
-                            } })] }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
-};
-
-export { DatepickerWrapperV2 as default };

package/dist/components/FormComponents/DatePicker/MonthPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/DatePicker/MonthPicker.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,WAAW,GAAI,WAAW,GAAG,4CAkFlC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/FormComponents/DatePicker/Monthpickerrender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Monthpickerrender.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/DatePicker/Monthpickerrender.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,iBAAiB,GAAI,qBAGxB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CA+FA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/FormComponents/DatePicker/Monthpickerrender.js

@@ -1,61 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import dayjs from 'dayjs';
-import { useRef, useState } from 'react';
-import { Controller } from 'react-hook-form';
-import { renderLabel, formatDateMonthAndYear } from '../../../lib/Constants/FormConstants.js';
-import FormBottomField from '../FormBottomField/FormBottomField.js';
-
-const Monthpickerrender = ({ props, variant, }) => {
-    const ref = useRef(null);
-    const [open, setOpen] = useState(false);
-    const handleToggle = () => {
-        if (!open) {
-            ref.current?.blur();
-        }
-        setOpen(!open);
-    };
-    const isError = !!props.errors?.[props.item.name];
-    const isShowBorderError = isError && props.fieldError;
-    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [renderLabel(variant, props), jsx(DatePicker, { ref: ref, label: variant !== "standard" &&
-                                `${props.item.label}${props.item.required ? " *" : ""}`, views: ["month", "year"], disabled: props.item.disable, value: field.value
-                                ? dayjs(formatDateMonthAndYear(field.value || null))
-                                : null, slotProps: {
-                                textField: {
-                                    onClick: () => handleToggle(),
-                                    inputRef: ref,
-                                    error: isShowBorderError,
-                                },
-                            }, disableOpenPicker: props.item.disable, open: open, onOpen: handleToggle, onClose: handleToggle, defaultValue: field.value, onChange: (date) => {
-                                field.onChange(dayjs(date).format("MM/YYYY"));
-                                props.setValue(dayjs(date).format("MM/YYYY"));
-                            }, sx: {
-                                "& .css-1holvmy,.css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
-                                    top: "-10px",
-                                },
-                                "& input": {
-                                    paddingRight: "0px !important",
-                                },
-                                "& button": {
-                                    paddingLeft: "0px !important",
-                                    paddingRight: "0px !important",
-                                },
-                                "& .MuiFormLabel-root": {
-                                    top: -10,
-                                },
-                                "& .MuiInputLabel-shrink": {
-                                    top: 0,
-                                },
-                            }, minDate: props.item.minDate
-                                ? dayjs(props.item.minDate, "MM/YYYY")
-                                : undefined, maxDate: props.item.maxDate
-                                ? dayjs(props.item.maxDate, "MM/YYYY")
-                                : undefined })] }), props?.item?.helperText && (jsxs("span", { style: {
-                        fontSize: "11px",
-                        color: "#3651d3",
-                    }, children: ["(", props?.item?.helperText, ")"] })), jsx(FormBottomField, { ...props })] })) }));
-};
-
-export { Monthpickerrender as default };

package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRenderFileUpload.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FileUpload/FormRenderFileUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAIrF,QAAA,MAAM,oBAAoB,GAAI,qBAG3B;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAqHA,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.js

@@ -1,86 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Box, TextField } from '@mui/material';
-import { useEffect } from 'react';
-import { renderLabel } from '../../../lib/Constants/FormConstants.js';
-import FormBottomField from '../FormBottomField/FormBottomField.js';
-
-const FormRenderFileUpload = ({ props, variant, }) => {
-    const isError = !!props.errors?.[props.item.name];
-    const isShowBorderError = isError && props.fieldError;
-    useEffect(() => {
-        if (props.getValues(props.item.name) === null ||
-            props.getValues(props.item.name) === undefined) {
-            const element = document.getElementById(props.item.name);
-            console.log(element, "elementelement");
-            if (element) {
-                element.value = ""; // Ensure it's an input element
-            }
-        }
-    }, [props.getValues(props.item.name)]);
-    return (jsxs(Fragment, { children: [jsxs(Box, { paddingLeft: "4px", sx: { ...props.item.sx }, children: [props.item?.label && (jsx(Box, { sx: { fontSize: "10px;" }, children: renderLabel(variant, props, true) })), jsx(TextField, { type: "file", id: props.item.name, error: isShowBorderError, inputProps: {
-                            accept: props.item.fileType === "excel"
-                                ? ".xls, .xlsx"
-                                : props.item.fileType === "pdf"
-                                    ? ".pdf"
-                                    : props.item.fileType === "zip"
-                                        ? ".zip"
-                                        : props.item.fileType === "all"
-                                            ? ".pdf,.jpg,.jpeg,.png,.xls,.xlsx,.doc,.docx,.zip"
-                                            : "",
-                        }, onChange: (event) => {
-                            const file = event.target?.files[0];
-                            console.log(file, "filefile");
-                            const fileName = file ? file.name : null;
-                            const allowedExtensions = {
-                                excel: ["xls", "xlsx"],
-                                pdf: ["pdf"],
-                                zip: ["zip"],
-                                all: [
-                                    "pdf",
-                                    "jpg",
-                                    "jpeg",
-                                    "png",
-                                    "xls",
-                                    "xlsx",
-                                    "doc",
-                                    "docx",
-                                    "zip",
-                                ],
-                                image: ["jpg", "jpeg", "png"],
-                            };
-                            const fileExtension = fileName
-                                ? fileName.split(".").pop().toLowerCase()
-                                : null;
-                            const validExtensions = props.item.fileType === "excel"
-                                ? allowedExtensions.excel
-                                : props.item.fileType === "pdf"
-                                    ? allowedExtensions.pdf
-                                    : allowedExtensions.all;
-                            if (props.item?.fileType &&
-                                fileExtension &&
-                                !validExtensions.includes(fileExtension)) {
-                                props.item?.handleFileError
-                                    ? props.item?.handleFileError(`Please upload ${allowedExtensions[props.item.fileType].join(",")} Files only`)
-                                    : alert(`Please upload ${allowedExtensions[props.item.fileType].join(",")} Files only`);
-                                event.target.value = ""; // Clear the file input\
-                                props.setValue(props.item?.name, null);
-                                props.setValue(props.item?.name + "Name", "");
-                                return;
-                            }
-                            else if (event.target.files[0].size > (props.item.filesize || 20000000)) {
-                                const maxSizeMB = ((props.item.filesize || 20000000) /
-                                    (1024 * 1024)).toFixed(2);
-                                props.item?.handleFileError
-                                    ? props.item?.handleFileError(`File size should be less than ${maxSizeMB}MB`)
-                                    : alert(`File size should be less than ${maxSizeMB}MB`);
-                                event.target.value = ""; // Clear the file input
-                                props.setValue(props.item?.name, null);
-                                props.setValue(props.item?.name + "Name", "");
-                                return;
-                            }
-                            props.setValue(props.item?.name, file);
-                            props.setValue(props.item?.name + "Name", fileName);
-                        }, sx: { width: "100%" } })] }), jsx(FormBottomField, { ...props })] }));
-};
-
-export { FormRenderFileUpload as default };

package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRenderMultiFileUpload.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FileUpload/FormRenderMultiFileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,yBAAyB,GAAI,qBAGhC;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAiIA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.js

@@ -1,96 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Box, TextField } from '@mui/material';
-import { useEffect } from 'react';
-import { renderLabel } from '../../../lib/Constants/FormConstants.js';
-import FormBottomField from '../FormBottomField/FormBottomField.js';
-
-const FormRenderMultiFileUpload = ({ props, variant, }) => {
-    // const getDocument: Document = document;
-    useEffect(() => {
-        if (props.getValues(props.item.name) === null ||
-            props.getValues(props.item.name) === undefined) {
-            const element = document.getElementById(props.item.name);
-            console.log(element, "elementelement");
-            if (element) {
-                element.value = ""; // Ensure it's an input element
-            }
-        }
-    }, [props.getValues(props.item.name)]);
-    const isError = !!props.errors?.[props.item.name];
-    const isShowBorderError = isError && props.fieldError;
-    return (jsxs(Fragment, { children: [jsxs(Box, { paddingLeft: "4px", sx: { ...props.item.sx }, children: [props.item?.label && (jsx(Box, { sx: { fontSize: "10px;" }, children: renderLabel(variant, props, true) })), jsx(TextField, { type: "file", id: props.item.name, error: isShowBorderError, inputProps: {
-                            multiple: true,
-                            accept: props.item.fileType === "excel"
-                                ? ".xls,.xlsx"
-                                : props.item.fileType === "pdf"
-                                    ? ".pdf"
-                                    : props.item.fileType === "image"
-                                        ? ".jpg,.jpeg,.png"
-                                        : props.item.fileType === "all"
-                                            ? ".pdf,.jpg,.jpeg,.png,.xls,.xlsx,.doc,.docx"
-                                            : "",
-                        }, onChange: (event) => {
-                            const file = event.target.files;
-                            const fileName = file && file.length > 0
-                                ? Array.from(file)
-                                    .map((item) => item.name)
-                                    .join(",")
-                                : null;
-                            console.log(file, "filefile", file.length, fileName);
-                            const allowedExtensions = {
-                                excel: ["xls", "xlsx"],
-                                pdf: ["pdf"],
-                                image: ["jpg", "jpeg", "png"],
-                                all: [
-                                    "pdf",
-                                    "jpg",
-                                    "jpeg",
-                                    "png",
-                                    "xls",
-                                    "xlsx",
-                                    "doc",
-                                    "docx",
-                                    "zip",
-                                ],
-                                zip: ["zip"],
-                            };
-                            let fileExtension = null;
-                            if (fileName) {
-                                const ext = fileName.split(".").pop();
-                                if (ext) {
-                                    fileExtension = ext.toLowerCase();
-                                }
-                            }
-                            const validExtensions = props.item.fileType === "excel"
-                                ? allowedExtensions.excel
-                                : props.item.fileType === "pdf"
-                                    ? allowedExtensions.pdf
-                                    : props.item.fileType === "image"
-                                        ? allowedExtensions.image
-                                        : allowedExtensions.all;
-                            if (props.item?.fileType &&
-                                fileExtension &&
-                                !validExtensions.includes(fileExtension)) {
-                                props.item?.handleFileError &&
-                                    props.item?.handleFileError(`Please upload ${allowedExtensions[props.item.fileType].join(",")} Files only`);
-                                event.target.value = ""; // Clear the file input\
-                                props.setValue(props.item?.name, null);
-                                props.setValue(props.item?.name + "Name", "");
-                                return;
-                            }
-                            else if (event.target.files[event.target.files.length - 1].size > 20000000) {
-                                props.item?.handleFileError &&
-                                    props.item?.handleFileError(`File size should be less than 20MB`);
-                                event.target.files = null; // Clear the file input
-                                props.setValue(props.item?.name, null);
-                                props.setValue(props.item?.name + "File", []);
-                                return;
-                            }
-                            const fileArray = Array.from(file);
-                            console.log(fileArray, "fileArrayfileArray");
-                            props.setValue(props.item?.name, fileName);
-                            props.setValue(props.item?.name + "File", fileArray);
-                        }, sx: { width: "100%" } })] }), jsx(FormBottomField, { ...props })] }));
-};
-
-export { FormRenderMultiFileUpload as default };

package/dist/components/FormComponents/FormBottomField/FormBottomField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormBottomField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormBottomField/FormBottomField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAIvE,QAAA,MAAM,eAAe,GAAI,OAAO,eAAe,4CAO9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/FormComponents/FormBottomField/FormBottomField.js

@@ -1,9 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import FormErrorField from '../FormErrorField/FormErrorField.js';
-import HelperText from '../HelperText/HelperText.js';
-
-const FormBottomField = (props) => {
-    return (jsxs(Fragment, { children: [jsx(HelperText, { ...props }), jsx(FormErrorField, { ...props })] }));
-};
-
-export { FormBottomField as default };

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckBox.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormCheckBox/FormCheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,YAAY,GAAI,+BAGnB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAsBA,CAAC;AAEF,eAAe,YAAY,CAAC"}