react-table-edit 1.4.22 → 1.4.23

package/dist/component/input/input-date/index.d.ts

@@ -1,3 +1,4 @@
+import { ClipboardEvent } from 'react';
 interface IFFormInput {
     id?: string;
     onKeyDown: any;
@@ -5,6 +6,7 @@ interface IFFormInput {
     onChange: any;
     className?: string;
     value: Date;
+    onPaste?: (e: ClipboardEvent<HTMLElement>) => void;
 }
 declare const DateInput: (props: IFFormInput) => import("react/jsx-runtime").JSX.Element;
 export default DateInput;

package/dist/index.js

@@ -39911,13 +39911,18 @@ if (process.env.NODE_ENV === 'production') {
 var InputMask = reactInputMask.exports;
 
 const DateInput = (props) => {
-    const { id, onKeyDown, dateFormat, className, onChange, value } = props;
+    const { id, onKeyDown, dateFormat, className, onChange, value, onPaste } = props;
     const [open, setOpen] = React$5.useState(false);
     return (jsxRuntime.jsx(DatePicker, { id: id, open: open, className: className, selected: value, onChange: (date) => {
             if (onChange) {
                 onChange(date);
             }
-        }, dateFormat: dateFormat, locale: "vi", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", isClearable: true, onCalendarClose: () => setOpen(false), onCalendarOpen: () => setOpen(true), customInput: jsxRuntime.jsx(InputMask, { mask: "99/99/9999", placeholder: dateFormat }), onKeyDown: (e) => {
+        }, dateFormat: dateFormat, locale: "vi", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", isClearable: true, onCalendarClose: () => setOpen(false), onCalendarOpen: () => setOpen(true), customInput: jsxRuntime.jsx(InputMask, { mask: "99/99/9999", placeholder: dateFormat, onPaste: (e) => {
+                if (onPaste) {
+                    onPaste(e);
+                    setOpen(false);
+                }
+            } }), onKeyDown: (e) => {
             if (e.code === 'Space') {
                 setOpen(!open);
                 setTimeout(() => {
@@ -39927,12 +39932,10 @@ const DateInput = (props) => {
                     }
                 }, 100);
             }
-            else {
-                if (onKeyDown && !open) {
-                    const rs = onKeyDown(e);
-                    if (rs) {
-                        setOpen(false);
-                    }
+            else if (onKeyDown && (!open || ((e.ctrlKey || e.metaKey || e.altKey) && e.shiftKey))) {
+                const rs = onKeyDown(e);
+                if (rs) {
+                    setOpen(false);
                 }
             }
         } }));
@@ -42791,6 +42794,11 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                         if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) {
                             return true;
                         }
+                    }, onPaste: (e) => {
+                        if (toolbarSetting?.showBottomToolbar && !editDisable && !addDisable) {
+                            pasteDataFromExcel(indexRow, indexCol, e);
+                            e.preventDefault();
+                        }
                     } }));
             case 'datetime':
                 return (jsxRuntime.jsx(DateInput, { id: `${idTable}-col${indexCol + 1}-row${indexRow + 1}`, className: classNames$1('form-control border-0 rounded-0 input-numeric', { 'is-invalid': col.validate && col.validate(row[col.field], row) }), value: row[col.field], onChange: (date) => {
@@ -42801,6 +42809,11 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                         handleDataChange(row, col, indexRow);
                     }, dateFormat: "dd/MM/yyyy HH:mm", onKeyDown: (e) => {
                         checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
+                    }, onPaste: (e) => {
+                        if (toolbarSetting?.showBottomToolbar && !editDisable && !addDisable) {
+                            pasteDataFromExcel(indexRow, indexCol, e);
+                            e.preventDefault();
+                        }
                     } }));
             case 'select':
                 let valueSelect;
@@ -43183,7 +43196,28 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                             }
                             else {
                                 if (column.editType === 'date') {
-                                    const date = new Date(stringData);
+                                    const [day, month, year] = stringData.split('/');
+                                    const date = new Date(`${year}-${month}-${day}`);
+                                    if (!isNaN(date.getTime())) {
+                                        if (column.onPaste) {
+                                            dataRow[column.field] = column.onPaste(dataRow, date);
+                                        }
+                                        else {
+                                            dataRow[column.field] = date;
+                                        }
+                                        if (column.callback) {
+                                            column.callback(date, currenRowIndex + indexRow, dataRow);
+                                        }
+                                    }
+                                    else {
+                                        notificationError(t('PasteExcelIncorrectFormat', { index: (currenRowIndex + indexRow + 1), field: t(column.headerText ?? ''), value: stringData }));
+                                    }
+                                }
+                                else if (column.editType === 'datetime') {
+                                    const [datePart, timePart] = stringData.split(' ');
+                                    const [day, month, year] = datePart.split('/');
+                                    const [hour, minute] = timePart.split(':');
+                                    const date = new Date(year, month - 1, day, hour, minute);
                                     if (!isNaN(date.getTime())) {
                                         if (column.onPaste) {
                                             dataRow[column.field] = column.onPaste(dataRow, date);