tp-react-elements 1.2.10 → 1.2.13

package/dist/_virtual/index.esm13.js

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

package/dist/_virtual/index.esm14.js

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

package/dist/_virtual/index.esm4.js

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

package/dist/_virtual/index.esm7.js

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

package/dist/components/Form/FormRender.esm.js

@@ -1,13 +1,5 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { lazy, Suspense } from 'react';
-import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
-import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
-import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
-import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
-import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
-import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
-import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
-import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
 import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
 import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
 import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
@@ -16,6 +8,14 @@ import FormTextFieldWithSelect from '../FormComponents/FormTextFieldWithSelect/F
 import DateRangePickerComponent from '../DateRangePicker/DateRangePicker.esm.js';
 import RichTextEditorWrapper from '../FormComponents/RichTextEditor/RichTextEditorWrapper.esm.js';
 import SingleSelectSearchApi from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
+import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
+import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
+import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
+import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
+import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
+import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
+import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
+import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
 
 // Lazy-loaded heavy components
 // const RichTextEditorWrapper = lazy(() =>

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

@@ -18,6 +18,7 @@ import DescriptionIcon from '@mui/icons-material/Description';
 const MultiFileWithPreview = ({ props, variant, }) => {
     const inputRef = useRef(null);
     const watched = useWatch({ control: props.control, name: props.item.name });
+    const watchedFile = useWatch({ control: props.control, name: props.item.name + 'File' });
     const [open, setOpen] = useState(false);
     const [selectedFiles, setSelectedFiles] = useState([]);
     const [currentFileIndex, setCurrentFileIndex] = useState(0);
@@ -37,41 +38,62 @@ const MultiFileWithPreview = ({ props, variant, }) => {
     // Determine if this is single or multiple file mode
     const isSingleFileMode = props.item.maxLength === 1;
     useEffect(() => {
-        if (watched === null || watched === undefined) {
+        const isWatchedEmpty = watched === null || watched === undefined || watched === '';
+        const isWatchedFileEmpty = watchedFile === null || watchedFile === undefined || (Array.isArray(watchedFile) && watchedFile.length === 0);
+        if (isWatchedEmpty && isWatchedFileEmpty) {
             if (inputRef.current)
                 inputRef.current.value = '';
+            setSelectedFiles([]);
+            return;
         }
-        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 looksLikeUrl = (s) => typeof s === 'string' && /^(https?:|blob:|data:|\/)/i.test(s);
+        let files = [];
+        // Check watchedFile first
+        if (Array.isArray(watchedFile) && watchedFile.length > 0) {
+            files = watchedFile.map(f => {
+                if (f instanceof File)
+                    return f;
+                if (typeof f === 'object' && f !== null) {
                     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);
+                    const key = possibleKeys.find((k) => f[k]);
+                    return key ? f[key]?.replace(/\\/g, '/').trim() : undefined;
                 }
-            }
-            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);
+                if (typeof f === 'string') {
+                    return f.replace(/\\/g, '/').trim(); // trust watchedFile strings directly
                 }
+                return undefined;
+            }).filter(Boolean);
+        }
+        else if (typeof watchedFile === 'string' && watchedFile.trim() !== '') {
+            files = watchedFile.split(',').map(s => s.replace(/\\/g, '/').trim()).filter(Boolean);
+        }
+        // Fallback to watched if files array is empty
+        if (files.length === 0) {
+            if (typeof watched === 'string' && watched.trim() !== '') {
+                const parts = watched.split(',').map(s => s.replace(/\\/g, '/').trim());
+                files = parts.filter(p => looksLikeUrl(p));
             }
+            else if (Array.isArray(watched)) {
+                files = watched.map(item => {
+                    if (item instanceof File)
+                        return item;
+                    if (typeof item === 'object' && item !== null) {
+                        const possibleKeys = ['image', 'url', 'path', 'filePath'];
+                        const key = possibleKeys.find((k) => item[k]);
+                        return key ? item[key]?.replace(/\\/g, '/').trim() : undefined;
+                    }
+                    if (typeof item === 'string') {
+                        const str = item.replace(/\\/g, '/').trim();
+                        return looksLikeUrl(str) ? str : undefined;
+                    }
+                    return undefined;
+                }).filter(Boolean);
+            }
+        }
+        if (files.length > 0) {
+            setSelectedFiles(files);
         }
-    }, [watched]);
+    }, [watched, watchedFile]);
     const isError = !!props.errors?.[props.item.name];
     const extensionMap = {
         excel: ['xls', 'xlsx'],

package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js

@@ -30,6 +30,9 @@ const FormNumberFieldDecimal = ({ props, variant, }) => {
                         '& input': {
                             textAlign: 'right',
                         },
+                        '& input::placeholder': {
+                            textAlign: 'left',
+                        },
                         '& .css-16hdwvj,.css-1idq7r3-MuiFormLabel-root-MuiInputLabel-root': {
                             top: '-5px',
                         },

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

@@ -1,39 +1,25 @@
-export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
-export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
-export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
-export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
-export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
-export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
 export { default as SingleSelect } from './Select/SingleSelect.esm.js';
 export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
 export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
 export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
 export { default as MultiSelectTable } from './Select/MultiSelectTable.esm.js';
+export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
+export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
+export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
 export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
+export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
+export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
 export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
-export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
-export { default as MonthPicker } from './DatePicker/MonthPicker.esm.js';
-export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
-export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
-export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
 export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
 export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
-import 'react/jsx-runtime';
-import '@mui/material';
-import 'react';
-import 'react-hook-form';
-import 'dayjs';
-export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
-import '@mui/icons-material/Visibility';
-import '@mui/icons-material/Close';
-import '@mui/icons-material/NavigateBefore';
-import '@mui/icons-material/NavigateNext';
-import '@mui/icons-material/Delete';
-import '@mui/icons-material/UploadFile';
-import '@mui/icons-material/PictureAsPdf';
-import '@mui/icons-material/TableChart';
-import '@mui/icons-material/Description';
-export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
+export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
 export { default as HelperText } from './HelperText/HelperText.esm.js';
+export { default as MonthPicker } from './DatePicker/MonthPicker.esm.js';
+export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
+export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
 export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
 export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
+export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
+export { default as YearPickerField } from './YearPickerField/YearPickerField.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.esm14.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm13.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.esm4.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm7.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.esm4.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/Month/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Month } from '../../../../../_virtual/index.esm13.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm14.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/package.json

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