tp-react-elements-dev 1.14.6 → 1.14.8

package/dist/_virtual/index.esm12.js

@@ -1,3 +1,3 @@
-var Month = {};
+var InputRangeField = {};
 
-export { Month as __exports };
+export { InputRangeField as __exports };

package/dist/_virtual/index.esm13.js

@@ -1,3 +1,3 @@
-var DateInput = {};
+var Month = {};
 
-export { DateInput as __exports };
+export { Month as __exports };

package/dist/_virtual/index.esm14.js

@@ -1,3 +1,3 @@
-var InputRangeField = {};
+var DateInput = {};
 
-export { InputRangeField as __exports };
+export { DateInput as __exports };

package/dist/_virtual/index.esm4.js

@@ -1,3 +1,3 @@
-var Calendar = {};
+var DateRange = {};
 
-export { Calendar as __exports };
+export { DateRange as __exports };

package/dist/_virtual/index.esm5.js

@@ -1,3 +1,3 @@
-var DateRange = {};
+var DefinedRange = {};
 
-export { DateRange as __exports };
+export { DefinedRange as __exports };

package/dist/_virtual/index.esm6.js

@@ -1,3 +1,3 @@
-var DefinedRange = {};
+var DateRangePicker = {};
 
-export { DefinedRange as __exports };
+export { DateRangePicker as __exports };

package/dist/_virtual/index.esm7.js

@@ -1,3 +1,3 @@
-var DateRangePicker = {};
+var Calendar = {};
 
-export { DateRangePicker as __exports };
+export { Calendar as __exports };

package/dist/components/DateRangePicker/DateRangePicker.esm.js

@@ -89,6 +89,9 @@ const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, c
                         if (selection.startDate &&
                             selection.endDate &&
                             selection.startDate?.getTime() !== selection.endDate?.getTime()) {
+                            const dateObject = { startDate: format(selection.startDate, 'dd/MM/yyyy'), endDate: format(selection.endDate, 'dd/MM/yyyy') };
+                            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                            item.onChangeFn && item.onChangeFn(dateObject || null);
                             handleClose();
                         }
                     }, moveRangeOnFirstSelection: false, ranges: state, months: 2, direction: "horizontal", showDateDisplay: false, dateDisplayFormat: "dd/MM/yyyy", rangeColors: ['#4d73b1ff'] }) }), jsx(FormBottomField, { item,

package/dist/components/FormComponents/FileUpload/MultiFileWithPreview.esm.js

@@ -21,6 +21,19 @@ const MultiFileWithPreview = ({ props, variant, }) => {
     const [open, setOpen] = useState(false);
     const [selectedFiles, setSelectedFiles] = useState([]);
     const [currentFileIndex, setCurrentFileIndex] = useState(0);
+    // Clamp preview index when selection changes to avoid undefined access
+    useEffect(() => {
+        if (selectedFiles.length === 0) {
+            setCurrentFileIndex(0);
+            return;
+        }
+        if (currentFileIndex > selectedFiles.length - 1) {
+            setCurrentFileIndex(selectedFiles.length - 1);
+        }
+        else if (currentFileIndex < 0) {
+            setCurrentFileIndex(0);
+        }
+    }, [selectedFiles, currentFileIndex]);
     // Determine if this is single or multiple file mode
     const isSingleFileMode = props.item.maxLength === 1;
     useEffect(() => {
@@ -28,9 +41,35 @@ const MultiFileWithPreview = ({ props, variant, }) => {
             if (inputRef.current)
                 inputRef.current.value = '';
         }
-        // Handle preloaded files from backend (array of URLs)
-        if (Array.isArray(watched) && typeof watched[0] === 'string') {
-            setSelectedFiles(watched);
+        const looksLikeUrl = (s) => /^(https?:|blob:|data:|\/)/i.test(s);
+        if (typeof watched === 'string' && watched.trim() !== '') {
+            const str = watched.replace(/\\/g, '/').trim();
+            if (looksLikeUrl(str)) {
+                setSelectedFiles([str]);
+            }
+        }
+        else if (Array.isArray(watched)) {
+            if (typeof watched[0] === 'object') {
+                // ✅ extract URLs from object arrays (image/url/path keys)
+                const urls = watched
+                    .map((item) => {
+                    const possibleKeys = ['image', 'url', 'path', 'filePath'];
+                    const key = possibleKeys.find((k) => item[k]);
+                    return key ? item[key]?.replace(/\\/g, '/').trim() : undefined;
+                })
+                    .filter((f) => f && looksLikeUrl(f));
+                if (urls.length) {
+                    setSelectedFiles(urls);
+                }
+            }
+            else if (typeof watched[0] === 'string') {
+                const normalized = watched
+                    .map((f) => (f || '').toString().replace(/\\/g, '/').trim())
+                    .filter((f) => looksLikeUrl(f));
+                if (normalized.length) {
+                    setSelectedFiles(normalized);
+                }
+            }
         }
     }, [watched]);
     const isError = !!props.errors?.[props.item.name];
@@ -70,16 +109,15 @@ const MultiFileWithPreview = ({ props, variant, }) => {
             props.setValue(props.item.name + 'File', []);
             return;
         }
-        // Handle single vs multiple file mode
-        let combinedFiles;
+        let combinedFiles = [];
         if (isSingleFileMode) {
-            // In single file mode, replace the existing file
+            // only 1 file allowed → replace
             combinedFiles = fileArray;
         }
         else {
-            // In multiple file mode, combine with existing files
+            // append to existing
             combinedFiles = [...selectedFiles, ...fileArray];
-            // Check if maxLength is exceeded
+            // limit by maxLength
             if (props.item.maxLength && combinedFiles.length > props.item.maxLength) {
                 props.item?.handleFileError?.(`You can only upload up to ${props.item.maxLength} files`);
                 event.target.value = '';
@@ -87,11 +125,13 @@ const MultiFileWithPreview = ({ props, variant, }) => {
             }
         }
         const combinedFileNames = combinedFiles
-            .map((f) => (f instanceof File ? f.name : f.split('/').pop()))
+            .map((f) => (f instanceof File ? f.name : (f?.toString?.() || '').split('/').pop()))
+            .filter(Boolean)
             .join(',');
         props.setValue(props.item.name, combinedFileNames);
         props.setValue(props.item.name + 'File', combinedFiles);
         setSelectedFiles(combinedFiles);
+        setCurrentFileIndex(combinedFiles.length - fileArray.length); // move preview to new
         props.item.onChangeSetFileFn?.(combinedFiles);
     };
     const handlePreviewClick = () => {
@@ -132,24 +172,36 @@ const MultiFileWithPreview = ({ props, variant, }) => {
         }
     };
     const isImageFile = (file) => {
+        if (!file)
+            return false;
         const ext = typeof file === 'string'
             ? file.split('.').pop()?.toLowerCase()
-            : file.name.split('.').pop()?.toLowerCase();
+            : file.name?.split('.').pop()?.toLowerCase();
         return ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(ext || '');
     };
     const isPdfFile = (file) => {
-        const name = typeof file === 'string' ? file : file.name;
+        if (!file)
+            return false;
+        const name = typeof file === 'string' ? file : (file.name || '');
         return name.toLowerCase().endsWith('.pdf');
     };
     const isExcelFile = (file) => {
-        const name = typeof file === 'string' ? file : file.name;
+        if (!file)
+            return false;
+        const name = typeof file === 'string' ? file : (file.name || '');
         return /\.xlsx?$/.test(name.toLowerCase());
     };
     const isWordFile = (file) => {
-        const name = typeof file === 'string' ? file : file.name;
+        if (!file)
+            return false;
+        const name = typeof file === 'string' ? file : (file.name || '');
         return /\.(doc|docx)$/.test(name.toLowerCase());
     };
-    const getObjectUrl = (file) => typeof file === 'string' ? file : URL.createObjectURL(file);
+    const getObjectUrl = (file) => {
+        if (!file)
+            return '';
+        return typeof file === 'string' ? file : URL.createObjectURL(file);
+    };
     return (jsxs(Fragment, { children: [jsxs(Box, { paddingLeft: "4px", sx: { ...props.item.sx, position: 'relative' }, children: [props.item?.label && (jsx(Box, { sx: { fontSize: '10px' }, children: renderLabel(variant, props, true) })), jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [jsxs(Button, { variant: "outlined", component: "label", startIcon: jsx(UploadFileIcon, {}), sx: { flex: 1, textTransform: 'none' }, color: isError ? 'error' : 'primary', children: [selectedFiles.length > 0
                                         ? isSingleFileMode
                                             ? '1 file selected'
@@ -176,9 +228,12 @@ const MultiFileWithPreview = ({ props, variant, }) => {
                         p: 3,
                     }, children: [jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "h6", children: "File Preview" }), jsxs(Box, { display: "flex", gap: 1, children: [jsx(IconButton, { onClick: () => handleDeleteFile(currentFileIndex), color: "error", title: "Delete current file", children: jsx(DeleteIcon, {}) }), jsx(IconButton, { onClick: handleClose, children: jsx(CloseIcon, {}) })] })] }), jsx(Box, { mt: 2, children: selectedFiles.length > 0 && (jsxs(Fragment, { children: [jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: 2, children: [selectedFiles.length > 1 && !isSingleFileMode ? (jsx(IconButton, { onClick: handlePrevious, children: jsx(NavigateBeforeIcon, {}) })) : null, jsx(Box, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", sx: { p: 2, minHeight: '400px', width: '100%' }, children: (() => {
                                                     const currentFile = selectedFiles[currentFileIndex];
+                                                    if (!currentFile) {
+                                                        return jsx(Typography, { variant: "body2", color: "text.secondary", children: "No file selected" });
+                                                    }
                                                     const fileName = typeof currentFile === 'string'
                                                         ? currentFile.split('/').pop() || currentFile
-                                                        : currentFile.name;
+                                                        : (currentFile.name || '');
                                                     // Images
                                                     if (isImageFile(currentFile)) {
                                                         return (jsx("img", { alt: "Preview", src: getObjectUrl(currentFile), style: {

package/dist/components/FormComponents/FormTextField/FormTextField.esm.js

@@ -64,7 +64,7 @@ const FormTextField = ({ props, variant }) => {
         }
         if (props?.item?.allowSpecialChars === false) {
             const value = e.target.value;
-            e.target.value = value.replace(/[^a-zA-Z0-9]/g, '');
+            e.target.value = value.replace(/[^a-zA-Z0-9\s]/g, '');
         }
         if (props?.item?.allowNumbers === false) {
             const value = e.target.value;

package/dist/components/FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js

@@ -58,9 +58,9 @@ const FormTextFieldWithSelect = ({ props, variant, }) => {
      * - Calls custom onInputProps handler if provided
      */
     const onInput = (e) => {
-        const filteredValue = e.target.value.replace(/[^a-zA-Z0-9.]/g, '');
-        e.target.value = filteredValue;
         props.item.onInputProps && props.item.onInputProps(e);
+        const filteredValue = e.target.value.replace(/[^a-zA-Z0-9._]/g, '');
+        e.target.value = filteredValue;
     };
     /**
      * Renders the text field component using react-hook-form's Controller

package/dist/components/FormComponents/Select/MultiSelectAutocomplete.esm.js

@@ -1,19 +1,153 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Autocomplete, TextField, Checkbox } from '@mui/material';
-import { useMemo } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Checkbox, Autocomplete, TextField, Box, Tooltip, Chip } from '@mui/material';
+import { useState, useRef, useMemo, useCallback } from 'react';
 import { useWatch, Controller } from 'react-hook-form';
 import FormBottomField from '../FormBottomField/FormBottomField.esm.js';
 import 'dayjs';
 import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
 
+//region old code
+// const MultiSelectAutocomplete = ({
+//   props,
+//   variant,
+// }: {
+//   props: FormRenderProps;
+//   variant: VariantProps;
+// }) => {
+//   const isError = !!props.errors?.[props.item.name];
+//   const watchedValue = useWatch({ control: props.control, name: props.item.name });
+//   const normalizeToStringArray = (value: unknown): string[] => {
+//     if (Array.isArray(value)) {
+//       return value.map((v) => String(v));
+//     }
+//     if (typeof value === 'string') {
+//       return value
+//         .split(',')
+//         .map((v) => v.trim())
+//         .filter((v) => v.length > 0);
+//     }
+//     if (value == null) return [];
+//     return [String(value)];
+//   };
+//   const normalizedSelectedValues = normalizeToStringArray(watchedValue);
+//   const isShowBorderError = isError && normalizedSelectedValues.length === 0;
+//   const options: OptionItem[] = (props.item.options || []) as OptionItem[];
+//   const selectedOptions: OptionItem[] = useMemo(() => {
+//     const valueSet = new Set(normalizedSelectedValues.map((v) => String(v)));
+//     return options.filter((opt) => valueSet.has(String(opt.value)));
+//   }, [normalizedSelectedValues, options]);
+//   return (
+//     <Controller
+//       control={props.control}
+//       name={props.item.name}
+//       key={props.item.name}
+//       render={({ field }) => (
+//         <>
+//           {renderLabel(variant, props)}
+//           <Autocomplete
+//             {...field}
+//             multiple
+//             disableCloseOnSelect
+//             id={`${props.item.name}-autocomplete-multi`}
+//             options={options}
+//             value={selectedOptions}
+//             getOptionLabel={(option) => String(option.label)}
+//             isOptionEqualToValue={(option, value) => String(option.value) === String(value.value)}
+//             onChange={(_, newValue) => {
+//               const joined = (newValue || []).map((o: OptionItem) => String(o.value)).join(',');
+//               props.setValue(props.item.name, joined);
+//               props?.item?.onChangeFn && props?.item?.onChangeFn(joined);
+//               props?.clearErrors && props?.clearErrors(props?.item?.name);
+//             }}
+//             onBlur={(e: any) => {
+//               props?.item?.onBlurFn && props?.item?.onBlurFn(e);
+//             }}
+//             size="small"
+//             renderOption={(renderProps, option, { selected }) => (
+//               <li {...renderProps} style={{ fontSize: '11px' }}>
+//                 <Checkbox
+//                   checked={selected}
+//                   size="small"
+//                   sx={{ mr: 1, p: '2px' }}
+//                 />
+//                 {option.label}
+//               </li>
+//             )}
+//             renderTags={(tagValue) => (
+//               tagValue.length ? <span>{tagValue.map((o: OptionItem) => String(o.label)).join(' , ')}</span> : null
+//             )}
+//             sx={{
+//               '& .MuiAutocomplete-input': {
+//                 padding: '0px 0px 0px 5px !important',
+//               },
+//               '& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root': {
+//                 top: '-3px',
+//               },
+//               '& .MuiAutocomplete-option': {
+//                 fontSize: '11px',
+//                 zIndex: 2000,
+//               },
+//               ...props.item.sx,
+//             }}
+//             ListboxProps={{
+//               onScroll: (event: React.SyntheticEvent) => {
+//                 const listboxNode = event.currentTarget as HTMLElement;
+//                 if (listboxNode.scrollTop + listboxNode.clientHeight === listboxNode.scrollHeight) {
+//                   // Infinite scroll hook can be wired here
+//                 }
+//               },
+//             }}
+//             disabled={props.item.disable}
+//             slotProps={{
+//               popper: {
+//                 sx: {
+//                   zIndex: 1401,
+//                 },
+//               },
+//               listbox: {
+//                 sx: {
+//                   fontSize: '11px',
+//                 },
+//               },
+//             }}
+//             renderInput={(params) => (
+//               <TextField
+//                 {...params}
+//                 placeholder={props.item.placeholder}
+//                 error={isShowBorderError}
+//                 label={
+//                   variant !== 'standard'
+//                     ? `${props.item.label}${props.item.required ? ' *' : ''}`
+//                     : ''
+//                 }
+//                 inputProps={{
+//                   ...params.inputProps,
+//                   'aria-labelledby': `${props.item.name}-label`,
+//                   'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
+//                   'aria-required': props.item.required ? true : undefined,
+//                 }}
+//               />
+//             )}
+//           />
+//           <FormBottomField {...props} />
+//         </>
+//       )}
+//     />
+//   );
+// };
+//endregion
 const MultiSelectAutocomplete = ({ props, variant, }) => {
     const isError = !!props.errors?.[props.item.name];
     const watchedValue = useWatch({ control: props.control, name: props.item.name });
+    const [open, setOpen] = useState(false);
+    const tagsContainerRef = useRef(null);
     const normalizeToStringArray = (value) => {
         if (Array.isArray(value)) {
+            // already array of primitives/strings
             return value.map((v) => String(v));
         }
         if (typeof value === 'string') {
+            // if backend provided CSV string, convert to array
             return value
                 .split(',')
                 .map((v) => v.trim())
@@ -21,26 +155,52 @@ const MultiSelectAutocomplete = ({ props, variant, }) => {
         }
         if (value == null)
             return [];
+        // for any other types, coerce to single-element array
         return [String(value)];
     };
     const normalizedSelectedValues = normalizeToStringArray(watchedValue);
     const isShowBorderError = isError && normalizedSelectedValues.length === 0;
-    const options = (props.item.options || []);
+    const options = useMemo(() => (props.item.options || []), [props.item.options]);
     const selectedOptions = useMemo(() => {
         const valueSet = new Set(normalizedSelectedValues.map((v) => String(v)));
         return options.filter((opt) => valueSet.has(String(opt.value)));
     }, [normalizedSelectedValues, options]);
-    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, multiple: true, disableCloseOnSelect: true, id: `${props.item.name}-autocomplete-multi`, options: options, value: selectedOptions, getOptionLabel: (option) => String(option.label), isOptionEqualToValue: (option, value) => String(option.value) === String(value.value), onChange: (_, newValue) => {
-                        const joined = (newValue || []).map((o) => String(o.value)).join(',');
-                        props.setValue(props.item.name, joined);
-                        props?.item?.onChangeFn && props?.item?.onChangeFn(joined);
-                        props?.clearErrors && props?.clearErrors(props?.item?.name);
-                    }, onBlur: (e) => {
-                        props?.item?.onBlurFn && props?.item?.onBlurFn(e);
-                    }, size: "small", renderOption: (renderProps, option, { selected }) => (jsxs("li", { ...renderProps, style: { fontSize: '11px' }, children: [jsx(Checkbox, { checked: selected, size: "small", sx: { mr: 1, p: '2px' } }), option.label] })), renderTags: (tagValue) => (tagValue.length ? jsx("span", { children: tagValue.map((o) => String(o.label)).join(' , ') }) : null), sx: {
+    // Derived overflow flag without extra renders
+    const isOverflowing = (selectedOptions || []).length > 2;
+    // Stable callbacks to avoid re-renders
+    const getOptionLabelCb = useCallback((option) => String(option.label), []);
+    const isOptionEqualCb = useCallback((option, value) => String(option.value) === String(value.value), []);
+    const renderOptionCb = useCallback((renderProps, option, state) => (jsxs("li", { ...renderProps, style: { fontSize: '11px' }, children: [jsx(Checkbox, { checked: state.selected, size: "small", sx: { mr: 1, p: '2px' } }), option.label] })), []);
+    const chipSx = useMemo(() => ({ mr: 0.5, height: 20, fontSize: '10px', borderRadius: '10px', '& .MuiChip-label': { px: 0.75, py: 0 } }), []);
+    const selectedTooltip = useMemo(() => selectedOptions.map(o => String(o.label)).join(', '), [selectedOptions]);
+    const handleChange = useCallback((_, newValue) => {
+        const values = Array.isArray(newValue)
+            ? newValue.map((o) => String(o.value))
+            : [];
+        // Minimize work during selection for snappier UX
+        props.setValue(props.item.name, values, { shouldValidate: false, shouldDirty: true });
+        props?.item?.onChangeFn && props?.item?.onChangeFn(values.join(','));
+        props?.clearErrors && props?.clearErrors(props?.item?.name);
+    }, [props]);
+    const handleBlur = useCallback((e) => {
+        props?.item?.onBlurFn && props?.item?.onBlurFn(e);
+    }, [props]);
+    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field: { ref, onBlur: fieldOnBlur } }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ref: ref, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), multiple: true, disableCloseOnSelect: true, id: `${props.item.name}-autocomplete-multi`, options: options, value: selectedOptions, getOptionLabel: getOptionLabelCb, isOptionEqualToValue: isOptionEqualCb, onChange: handleChange, onBlur: (e) => {
+                        fieldOnBlur();
+                        handleBlur(e);
+                    }, size: "small", disablePortal: false, autoHighlight: true, selectOnFocus: true, clearOnBlur: false, renderTags: (tagValue, getTagProps) => (jsx(Box, { ref: tagsContainerRef, sx: {
+                            '& :hover': {
+                                cursor: 'pointer',
+                            },
+                            display: 'flex', flexWrap: 'nowrap', overflow: 'hidden', alignItems: 'center'
+                        }, children: isOverflowing ? (jsx(Tooltip, { title: selectedTooltip, placement: "top", children: jsx(Chip, { size: "small", label: `${tagValue.length} selected`, onClick: () => setOpen(true), clickable: true, sx: chipSx }) })) : (tagValue.map((option, index) => (jsx(Tooltip, { title: String(option?.label ?? option), placement: "top", children: jsx(Chip, { ...getTagProps({ index }), size: "small", label: String(option?.label ?? option), sx: chipSx }) }, String(option?.value ?? option?.label ?? index))))) })), renderOption: renderOptionCb, sx: {
                         '& .MuiAutocomplete-input': {
                             padding: '0px 0px 0px 5px !important',
                         },
+                        '& .MuiAutocomplete-inputRoot': {
+                            flexWrap: 'nowrap', // keep search beside chip
+                            alignItems: 'center'
+                        },
                         '& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root': {
                             top: '-3px',
                         },
@@ -57,7 +217,7 @@ const MultiSelectAutocomplete = ({ props, variant, }) => {
                     }, disabled: props.item.disable, slotProps: {
                         popper: {
                             sx: {
-                                zIndex: 1401,
+                                zIndex: 20000,
                             },
                         },
                         listbox: {

package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Calendar } from '../../../../../_virtual/index.esm4.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm7.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateInput/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateInput } from '../../../../../_virtual/index.esm13.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm14.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireClassnames } from '../../../../classnames/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRange } from '../../../../../_virtual/index.esm5.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm4.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireCalendar } from '../Calendar/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateRangePicker/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm7.js';
+import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm6.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDateRange } from '../DateRange/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DefinedRange } from '../../../../../_virtual/index.esm6.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm5.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireStyles } from '../../styles.esm.js';

package/dist/node_modules/react-date-range/dist/components/InputRangeField/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as InputRangeField } from '../../../../../_virtual/index.esm14.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm12.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 

package/dist/node_modules/react-date-range/dist/components/Month/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Month } from '../../../../../_virtual/index.esm12.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm13.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/dist/utils/Interface/FormInterface.d.ts

@@ -16,8 +16,8 @@ export interface FormSectionPropsItem {
     errorMessage?: string;
     helperText?: string | React.ReactNode;
     disable?: boolean;
-    onChangeFn?: (e: string | number | undefined | null | boolean) => void;
-    onBlurFn?: (e: string | number | undefined | null | boolean) => void;
+    onChangeFn?: (e: string | number | undefined | null | boolean | any) => void;
+    onBlurFn?: (e: string | number | undefined | null | boolean | any) => void;
     onChangeSetFileFn?: (e: File | File[]) => void;
     showFileCarousel?: boolean;
     maxLength?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements-dev",
-  "version": "1.14.6",
+  "version": "1.14.8",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",