tp-react-elements 1.1.4 → 1.1.6

package/dist/_virtual/index.esm13.js

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

package/dist/_virtual/index.esm14.js

@@ -1,3 +1,3 @@
-var DateInput = {};
+var InputRangeField = {};
 
-export { DateInput as __exports };
+export { InputRangeField 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 DefinedRange = {};
+var DateRangePicker = {};
 
-export { DefinedRange as __exports };
+export { DateRangePicker as __exports };

package/dist/_virtual/index.esm6.js

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

package/dist/_virtual/index.esm7.js

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

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

@@ -41,9 +41,10 @@ const DatepickerWrapperV2 = ({ props, variant, }) => {
                                         ? dayjs(field.value, props.item.DateFormat || 'DD/MM/YYYY')
                                         : dayjs(field.value)
                                     : null, className: 'read-only', format: props.item.DateFormat || 'DD/MM/YYYY', open: open, onOpen: handleToggle, onClose: handleToggle, minDate: props?.item?.minDate ? dayjs(props?.item?.minDate, props.item.DateFormat || 'DD/MM/YYYY') : undefined, maxDate: props?.item?.maxDate ? dayjs(props?.item?.maxDate, props.item.DateFormat || 'DD/MM/YYYY') : undefined, disabled: props.item.disable || false, onChange: (date) => {
-                                    field.onChange(dayjs(date).format(props.item.DateFormat || 'DD/MM/YYYY'));
-                                    props?.item?.onChangeFn &&
-                                        props?.item?.onChangeFn(dayjs(date).format(props.item.DateFormat || 'DD/MM/YYYY'));
+                                    const formattedDate = dayjs(date).format(props.item.DateFormat || 'DD/MM/YYYY');
+                                    field.onChange(formattedDate);
+                                    props?.item?.onChangeFn && props?.item?.onChangeFn(formattedDate);
+                                    props?.clearErrors && props?.clearErrors(props.item.name);
                                 }, slotProps: {
                                     textField: {
                                         onClick: () => handleToggle(),

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

@@ -37,7 +37,7 @@ const MultiSelectTable = ({ props, variant, }) => {
     };
     const [globalFilter, setGlobalFilter] = useState('');
     const tableRef = useRef(null);
-    const fieldValue = useWatch({ control: props.control, name: props.item.name });
+    const fieldValue = useWatch({ control: props.control, name: props.item.name }) ?? [];
     const isError = !!props.errors?.[props.item.name];
     const isShowBorderError = isError;
     // Get columns and rows from form item
@@ -49,18 +49,24 @@ const MultiSelectTable = ({ props, variant, }) => {
     const placeholder = props.item.placeholder || 'None selected';
     // Get selected rows (handles both array of objects and legacy string format)
     const selectedRows = useMemo(() => {
-        if (!fieldValue)
+        if (!fieldValue || (Array.isArray(fieldValue) && fieldValue.length === 0)) {
             return [];
+        }
         // If fieldValue is already an array of objects, use it directly
         if (Array.isArray(fieldValue)) {
             return fieldValue;
         }
         // Legacy: handle comma-separated string of IDs
-        const ids = extractValuesToArray(fieldValue);
-        return rows.filter((row) => ids.includes(String(row[valueField])));
+        if (typeof fieldValue === 'string') {
+            const ids = extractValuesToArray(fieldValue);
+            return rows.filter((row) => ids.includes(String(row[valueField])));
+        }
+        return [];
     }, [fieldValue, rows, valueField]);
     // Get selected values as array of IDs for checkbox state
     const selectedValues = useMemo(() => {
+        if (!selectedRows)
+            return [];
         return selectedRows.map((row) => String(row[valueField]));
     }, [selectedRows, valueField]);
     // Display text for selected items
@@ -87,7 +93,7 @@ const MultiSelectTable = ({ props, variant, }) => {
                 newSelectedRows = selectedRows;
             }
         }
-        props.setValue(props.item.name, newSelectedRows);
+        props.setValue(props.item.name, newSelectedRows, { shouldValidate: true, shouldDirty: true });
         props?.item?.onChangeFn && props?.item?.onChangeFn(newSelectedRows);
         props?.clearErrors && props?.clearErrors(props.item.name);
     }, [selectedValues, selectedRows, rows, props, valueField]);
@@ -113,7 +119,7 @@ const MultiSelectTable = ({ props, variant, }) => {
                 .filter((row) => !currentIds.has(String(row[valueField])));
             newSelectedRows = [...selectedRows, ...rowsToAdd];
         }
-        props.setValue(props.item.name, newSelectedRows);
+        props.setValue(props.item.name, newSelectedRows, { shouldValidate: true, shouldDirty: true });
         props?.item?.onChangeFn && props?.item?.onChangeFn(newSelectedRows);
     }, [selectedValues, selectedRows, props, valueField]);
     // Calculate select all state based on filtered rows

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.esm6.js';
 import require$$0__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.esm14.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm13.js';
 import require$$0__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.esm6.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm4.js';
 import require$$0__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.esm5.js';
 import require$$0__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.esm5.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm7.js';
 import require$$0__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.esm13.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm14.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 

package/package.json

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