react-table-edit 1.4.12 → 1.4.14

package/dist/index.mjs

@@ -42236,7 +42236,7 @@ const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleI
                         return ((item.align === 'center') ? jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-center-${index}`) : '');
                     }) }), jsxs("div", { className: "r-toolbar-right", children: [toolbarSetting?.toolbarBottomOptions?.map((item, index) => {
                             return ((item.align === 'right') ? jsx("div", { className: "r-toolbar-item", "aria-disabled": "false", children: item.template() }, `toolbar-bottom-right-${index}`) : '');
-                        }), jsx("div", { className: classnames('r-toolbar-item me-25', { 'd-none': headerColumns.length > 1 }), "aria-disabled": "false", children: jsx(SvgSettings, { className: "text-primary cursor-pointer", onClick: () => setOpenPopupSetupColumn(true) }) }), jsx("div", { className: classnames('r-toolbar-item me-25', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: jsxs(UncontrolledDropdown, { className: 'dropdown-user nav-item', children: [jsx(DropdownToggle$1, { tag: 'div', color: "primary", onClick: (e) => e.preventDefault(), children: jsx(SvgInfo, { className: "cursor-pointer text-primary" }) }), jsx(DropdownMenu$1, { className: 'formula-dropdown icon-dropdown', children: jsxs("ul", { className: "mb-0 pe-50", children: [jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + D \u0111\u1EC3 nh\u00E2n b\u1EA3n" }), jsx("li", { style: { fontSize: 13 }, children: "Ch\u1ECDn \u00F4 v\u00E0 Ctrl + V \u0111\u1EC3 d\u00E1n th\u00F4ng tin t\u1EEB excel" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + C \u0111\u1EC3 sao ch\u00E9p h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + V \u0111\u1EC3  d\u00E1n h\u00E0ng" })] }) })] }) })] })] }) }));
+                        }), jsx("div", { className: classnames('r-toolbar-item me-25', { 'd-none': headerColumns.length > 1 }), "aria-disabled": "false", children: jsx(SvgSettings, { className: "text-primary cursor-pointer", onClick: () => setOpenPopupSetupColumn(true) }) }), jsx("div", { className: classnames('r-toolbar-item me-25', { 'd-none': editDisable || addDisable }), "aria-disabled": "false", children: jsxs(UncontrolledDropdown, { className: 'dropdown-user nav-item', children: [jsx(DropdownToggle$1, { tag: 'div', color: "primary", onClick: (e) => e.preventDefault(), children: jsx(SvgInfo, { className: "cursor-pointer text-primary" }) }), jsx(DropdownMenu$1, { className: 'formula-dropdown icon-dropdown', children: jsxs("ul", { className: "mb-0 pe-50", children: [jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + D \u0111\u1EC3 nh\u00E2n b\u1EA3n" }), jsx("li", { style: { fontSize: 13 }, children: "Ch\u1ECDn \u00F4 v\u00E0 Ctrl + V \u0111\u1EC3 d\u00E1n th\u00F4ng tin t\u1EEB excel" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + C \u0111\u1EC3 sao ch\u00E9p h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n v\u00E0o c\u1ED9t STT \u0111\u1EC3 ch\u1ECDn h\u00E0ng v\u00E0 nh\u1EA5n Ctrl + V \u0111\u1EC3  d\u00E1n h\u00E0ng" }), jsx("li", { style: { fontSize: 13 }, children: "Nh\u1EA5n Ctrl + Shift + \u2193 \u0111\u1EC3 sao ch\u00E9p d\u1EEF li\u1EC7u \u00F4 cho c\u00E1c d\u00F2ng d\u01B0\u1EDBi" })] }) })] }) })] })] }) }));
 };
 
 const handleArrowRight = (e, params) => {
@@ -42273,31 +42273,73 @@ const isSelectMenuOpen = (element) => {
     return element && ["select__control--menu-is-open", "select-100__control--menu-is-open", "select-200__control--menu-is-open", "select-300__control--menu-is-open", "select-400__control--menu-is-open", "select-500__control--menu-is-open"].some(className => element.getElementsByClassName(className).length > 0);
 };
 const handleArrowUp = (e, params) => {
-    const { idElement, indexCol, indexRow, pagingClient, pagingSetting, setIndexFocus, focusNewElement } = params;
-    const element = document.getElementById(idElement);
-    if (!isSelectMenuOpen(element)) {
-        if (indexRow > 1) {
-            if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && (indexRow % (pagingSetting?.pageSize ?? 0)) === 1 && pagingSetting?.setCurrentPage) {
-                pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) - 1);
-            }
-            setIndexFocus(indexRow - 2);
-            focusNewElement(indexCol, indexRow - 1, true);
+    const { idElement, indexCol, indexRow, pagingClient, pagingSetting, setIndexFocus, focusNewElement, rowChange, changeDataSource, contentColumns, dataSource, row } = params;
+    if ((e.ctrlKey || e.metaKey) && e.shiftKey) {
+        if (indexRow > 0) {
+            const column = contentColumns[indexCol - 1];
+            for (let index = indexRow - 1; index > 0; index--) {
+                const element = dataSource[index];
+                element[column.field ?? ''] = row[column.field ?? ''];
+                if (column.callback && column.callbackValue) {
+                    const value = column.callbackValue(row);
+                    column.callback(value, index, element);
+                }
+                if (rowChange) {
+                    rowChange(element, indexRow, column.field);
+                }
+            }
+            changeDataSource(dataSource);
             e.preventDefault();
             return e.code;
         }
     }
+    else {
+        const element = document.getElementById(idElement);
+        if (!isSelectMenuOpen(element)) {
+            if (indexRow > 1) {
+                if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && (indexRow % (pagingSetting?.pageSize ?? 0)) === 1 && pagingSetting?.setCurrentPage) {
+                    pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) - 1);
+                }
+                setIndexFocus(indexRow - 2);
+                focusNewElement(indexCol, indexRow - 1, true);
+                e.preventDefault();
+                return e.code;
+            }
+        }
+    }
 };
 const handleArrowDown = (e, params) => {
-    const { idElement, indexCol, indexRow, totalCount, pagingClient, pagingSetting, setIndexFocus, focusNewElement } = params;
-    const element = document.getElementById(idElement);
-    if (!isSelectMenuOpen(element) && indexRow < totalCount) {
-        if (pagingClient && (indexRow % (pagingSetting?.pageSize ?? 0)) === 0 && pagingSetting?.setCurrentPage) {
-            pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
-        }
-        setIndexFocus(indexRow);
-        focusNewElement(indexCol, indexRow + 1, true);
-        e.preventDefault();
-        return e.code;
+    const { idElement, indexCol, indexRow, totalCount, pagingClient, pagingSetting, setIndexFocus, focusNewElement, rowChange, changeDataSource, dataSource, contentColumns, row } = params;
+    if ((e.ctrlKey || e.metaKey) && e.shiftKey) {
+        if (indexRow < totalCount) {
+            const column = contentColumns[indexCol - 1];
+            for (let index = indexRow; index < totalCount; index++) {
+                const element = dataSource[index];
+                element[column.field ?? ''] = row[column.field ?? ''];
+                if (column.callback && column.callbackValue) {
+                    const value = column.callbackValue(row);
+                    column.callback(value, index, element);
+                }
+                if (rowChange) {
+                    rowChange(element, indexRow, column.field);
+                }
+            }
+            changeDataSource(dataSource);
+            e.preventDefault();
+            return e.code;
+        }
+    }
+    else {
+        const element = document.getElementById(idElement);
+        if (!isSelectMenuOpen(element) && indexRow < totalCount) {
+            if (pagingClient && (indexRow % (pagingSetting?.pageSize ?? 0)) === 0 && pagingSetting?.setCurrentPage) {
+                pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
+            }
+            setIndexFocus(indexRow);
+            focusNewElement(indexCol, indexRow + 1, true);
+            e.preventDefault();
+            return e.code;
+        }
     }
 };
 const handleTab = (e, params) => {
@@ -42676,9 +42718,7 @@ const TableEdit = forwardRef((props, ref) => {
                         }
                         handleDataChange(row, col, indexRow);
                     }, dateFormat: "dd/MM/yyyy HH:mm", onKeyDown: (e) => {
-                        if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) {
-                            return true;
-                        }
+                        checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
                     } }));
             case 'select':
                 let valueSelect;
@@ -42724,7 +42764,7 @@ const TableEdit = forwardRef((props, ref) => {
                         }
                         handleDataChange(row, col, indexRow);
                     }, fieldValue: col.selectSettings?.fieldValue, fieldLabel: col.selectSettings?.fieldLabel, component: gridRef, columns: col.selectSettings?.columns, isClearable: col.selectSettings?.isClearable ?? false, formatSetting: formatSetting, placeholder: t('Select'), loadOptions: col.selectSettings?.loadOptions, handleAdd: col.selectSettings?.handAddNew ? (e) => col.selectSettings?.handAddNew(e, indexRow, row) : undefined, isMulti: col.selectSettings?.isMulti, noHeader: col.selectSettings?.noHeader, showFooter: col.selectSettings?.showFooter, formatOptionLabel: col.selectSettings?.formatOptionLabel, footerComponent: col.selectSettings?.footerComponent, invalid: (col.validate && !isNullOrUndefined$1(col.validate(row[col.field], row))), maxHeight: col.selectSettings?.heightPopup ? Number(col.selectSettings?.heightPopup) : undefined, menuWidth: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : undefined, textAlign: col.textAlign ?? 'left', allowCreate: col.selectSettings?.allowCreate, onKeyDown: (e) => {
-                        if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) ;
+                        return checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
                     }, onOpenMenu: () => {
                         if (col.selectSettings?.onOpenMenu) {
                             col.selectSettings?.onOpenMenu(row, col, indexRow);
@@ -42780,7 +42820,7 @@ const TableEdit = forwardRef((props, ref) => {
                             col.selectSettings?.onOpenMenu(row, col, indexRow);
                         }
                     }, loadOptions: col.selectSettings?.loadOptions, handleAdd: col.selectSettings?.handAddNew ? (e) => col.selectSettings?.handAddNew(e, indexRow, row) : undefined, fieldChildren: col.selectSettings?.fieldChild ?? 'children', selectChilds: col.selectSettings?.selectChilds, showFooter: col.selectSettings?.showFooter, formatOptionLabel: col.selectSettings?.formatOptionLabel, footerComponent: col.selectSettings?.footerComponent, width: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : undefined, isMulti: col.selectSettings?.isMulti, noHeader: col.selectSettings?.noHeader, invalid: col.validate && col.validate(row[col.field], row), maxHeight: col.selectSettings?.heightPopup ? Number(col.selectSettings?.heightPopup) : undefined, menuWidth: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : undefined, textAlign: col.textAlign ?? 'left', onKeyDown: (e) => {
-                        if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) ;
+                        checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
                     }, onPaste: (e) => {
                         if (toolbarSetting?.showBottomToolbar && !editDisable && !addDisable && !col.disablePaste) {
                             pasteDataFromExcel(indexRow, indexCol, e);
@@ -42795,7 +42835,7 @@ const TableEdit = forwardRef((props, ref) => {
                         }
                         handleDataChange(row, col, indexRow);
                     }, onKeyDown: (e) => {
-                        if (checkKeyDown(e, row, col, indexRow + 1, indexCol + 1)) ;
+                        checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
                     } }));
             case 'numeric':
                 const numericFormatProps = {
@@ -42945,6 +42985,8 @@ const TableEdit = forwardRef((props, ref) => {
             addDisable,
             editDisable,
             focusNewElement,
+            changeDataSource,
+            rowChange,
             handleDuplicate: () => handleDuplicate(dataSource, indexFocus, fieldKey, defaultValue, fieldUniKey, changeDataSource, tableElement, totalCount, toolbarSetting, buttonSetting, editDisable, addDisable, onDuplicate),
             idElement,
             indexCol,