react-table-edit 1.4.15 → 1.4.16

package/dist/component/table/header.d.ts

@@ -13,6 +13,8 @@ type IFDataProps = {
     objWidthFixLeft: any;
     objWidthFixRight: any;
     totalCount: number;
+    lastObjWidthFixLeft: number;
+    fisrtObjWidthFixRight: number;
     selectedRows: any[];
     isMulti: boolean;
 };

package/dist/index.js

@@ -41736,7 +41736,7 @@ var css_248z$1 = ".react-resizable {\n  position: relative;\n}\n.react-resizable
 styleInject(css_248z$1);
 
 const HeaderTableCol = (props) => {
-    const { selectEnable, dataSource, setSelectedRows, col, indexCol, indexParent, objWidthFixLeft, objWidthFixRight, totalCount, selectedRows, column, setColumn, isMulti } = props;
+    const { selectEnable, dataSource, setSelectedRows, col, indexCol, indexParent, objWidthFixLeft, objWidthFixRight, totalCount, selectedRows, column, setColumn, fisrtObjWidthFixRight, lastObjWidthFixLeft, isMulti } = props;
     const { t } = reactI18next.useTranslation();
     const handleResize = (e, { size }) => {
         // Update the column width here
@@ -41753,7 +41753,7 @@ const HeaderTableCol = (props) => {
             setColumn(newColumns);
         }
     };
-    return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && (jsxRuntime.jsx(Resizable, { className: "r-resize", width: typeof col.width === 'number' ? col.width : Number((col.width ?? "").replaceAll(new RegExp(`[^0-9]`, "g"), '')), height: 0, onResize: handleResize, draggableOpts: { enableUserSelectHack: false }, children: jsxRuntime.jsx("th", { rowSpan: col.rowspan !== 1 ? col.rowspan : undefined, colSpan: col.columns?.filter(x => x.visible !== false)?.length ?? 1, className: classnames(`r-headercell fix-${col.fixedType}`, { 'cell-fixed': col.fixedType }), style: {
+    return (jsxRuntime.jsx(React$5.Fragment, { children: col.visible !== false && (jsxRuntime.jsx(Resizable, { className: "r-resize", width: typeof col.width === 'number' ? col.width : Number((col.width ?? "").replaceAll(new RegExp(`[^0-9]`, "g"), '')), height: 0, onResize: handleResize, draggableOpts: { enableUserSelectHack: false }, children: jsxRuntime.jsx("th", { rowSpan: col.rowspan !== 1 ? col.rowspan : undefined, colSpan: col.columns?.filter(x => x.visible !== false)?.length ?? 1, className: classnames(`r-headercell fix-${col.fixedType}`, { 'fixed-last': (col.fixedType === 'left' && indexCol === lastObjWidthFixLeft) || (col.fixedType === 'right' && indexCol === fisrtObjWidthFixRight) }, { 'cell-fixed': col.fixedType }), style: {
                     top: `${indexParent * 42}px`,
                     left: col.fixedType === 'left' ? objWidthFixLeft[col.index ?? 0] : undefined,
                     right: col.fixedType === 'right' ? objWidthFixRight[col.index ?? 0] : undefined,
@@ -42302,10 +42302,10 @@ const isSelectMenuOpen = (element) => {
 };
 const handleArrowUp = (e, params) => {
     const { idElement, indexCol, indexRow, pagingClient, pagingSetting, setIndexFocus, focusNewElement, rowChange, changeDataSource, contentColumns, dataSource, row } = params;
-    if ((e.ctrlKey || e.metaKey) && e.shiftKey) {
+    if ((e.ctrlKey || e.metaKey || e.altKey) && e.shiftKey) {
         if (indexRow > 0) {
             const column = contentColumns[indexCol - 1];
-            for (let index = indexRow - 1; index > 0; index--) {
+            for (let index = indexRow - 2; index >= 0; index--) {
                 const element = dataSource[index];
                 element[column.field ?? ''] = row[column.field ?? ''];
                 if (column.callback && column.callbackValue) {
@@ -42313,7 +42313,7 @@ const handleArrowUp = (e, params) => {
                     column.callback(value, index, element);
                 }
                 if (rowChange) {
-                    rowChange(element, indexRow, column.field);
+                    rowChange(element, index, column.field);
                 }
             }
             changeDataSource(dataSource);
@@ -42338,7 +42338,7 @@ const handleArrowUp = (e, params) => {
 };
 const handleArrowDown = (e, params) => {
     const { idElement, indexCol, indexRow, totalCount, pagingClient, pagingSetting, setIndexFocus, focusNewElement, rowChange, changeDataSource, dataSource, contentColumns, row } = params;
-    if ((e.ctrlKey || e.metaKey) && e.shiftKey) {
+    if ((e.ctrlKey || e.metaKey || e.altKey) && e.shiftKey) {
         if (indexRow < totalCount) {
             const column = contentColumns[indexCol - 1];
             for (let index = indexRow; index < totalCount; index++) {
@@ -42349,7 +42349,7 @@ const handleArrowDown = (e, params) => {
                     column.callback(value, index, element);
                 }
                 if (rowChange) {
-                    rowChange(element, indexRow, column.field);
+                    rowChange(element, index, column.field);
                 }
             }
             changeDataSource(dataSource);
@@ -43453,7 +43453,7 @@ const TableEdit = React$5.forwardRef((props, ref) => {
     }, [searchTerm, searchSetting?.searchTerm]);
     return (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsxs("div", { className: "react-table-edit", children: [jsxRuntime.jsxs("div", { className: 'r-grid', ref: gridRef, children: [toolbarSetting?.showTopToolbar && jsxRuntime.jsx(RenderToolbarTop, { toolbarTopOption: toolbarTopOption }), jsxRuntime.jsx("div", { ref: tableElement, className: "r-gridtable", style: { height: `${height ? `${height}px` : 'auto'}`, minHeight: `${minHeight ? `${minHeight}px` : ''}`, maxHeight: `${maxHeight ? `${maxHeight}px` : '400px'}` }, children: jsxRuntime.jsxs("table", { style: { width: '100%' }, children: [jsxRuntime.jsx("thead", { className: 'r-gridheader', children: headerColumns.map((element, indexParent) => {
                                                 return (jsxRuntime.jsx("tr", { className: "r-row", role: "row", children: element?.map((col, index) => {
-                                                        return (jsxRuntime.jsx(HeaderTableCol, { col: col, dataSource: dataSource, indexCol: index, indexParent: indexParent, isMulti: isMulti ?? false, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, selectEnable: selectEnable ?? false, selectedRows: selectedRows, setSelectedRows: setSelectedRows, column: contentColumns, setColumn: setContentColumns, totalCount: totalCount }, `header-${indexParent}-${index}`));
+                                                        return (jsxRuntime.jsx(HeaderTableCol, { col: col, dataSource: dataSource, indexCol: index, indexParent: indexParent, isMulti: isMulti ?? false, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, selectEnable: selectEnable ?? false, selectedRows: selectedRows, setSelectedRows: setSelectedRows, column: contentColumns, setColumn: setContentColumns, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, totalCount: totalCount }, `header-${indexParent}-${index}`));
                                                     }) }, `header-${-indexParent}`));
                                             }) }), jsxRuntime.jsx("tbody", { className: 'r-gridcontent', children: renderData() }), jsxRuntime.jsx("tfoot", { className: "r-gridfoot", children: haveSum == true ? jsxRuntime.jsx("tr", { className: 'r-row', children: contentColumns.map((col, index) => {
                                                     return (renderFooterCol(col, index));