react-table-edit 1.5.5 → 1.5.7

package/dist/index.mjs

@@ -23953,7 +23953,9 @@ const EditForm = forwardRef((props, ref) => {
     const [itemsField, setItemsField] = useState([]);
     const { t } = useTranslation();
     useOnClickOutside(editFormRef, () => {
-        closeMenu();
+        if (dropdownOpen !== false) {
+            closeMenu();
+        }
     });
     const closeMenu = () => {
         setTimeout(() => {
@@ -24117,43 +24119,43 @@ const EditForm = forwardRef((props, ref) => {
             });
         }
     }, [inputRef]);
-    return (jsx("div", { className: "form-edit", ref: ref, id: id, children: jsx("div", { ref: editFormRef, children: jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsx(DropdownToggle$1, { tag: 'div', children: jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsx(Input$1, { style: {
-                                        outline: 'none',
-                                        border: 'none',
-                                        width: template ? 0 : '100%',
-                                        height: template ? 0 : 28,
-                                        lineHeight: template ? 0 : 19,
-                                        padding: template ? 0 : 'auto',
-                                        backgroundColor: '$white',
-                                        textAlign: textAlign ?? 'left'
-                                    }, placeholder: placeholder, innerRef: inputRef, onKeyDown: (e) => handleOnKeyDown(e), onPaste: (e) => onPaste && onPaste(e), readOnly: true })] }) }), jsx(DropdownMenu$1, { className: 'formula-dropdown icon-dropdown p-0', container: component, style: {
-                            position: 'fixed',
-                            minWidth: minWidth ? minWidth : defaultWidth,
-                            width: menuWidth ? menuWidth : 'min-content',
-                            maxWidth: innerWidth > 1280 ? 1280 : innerWidth,
-                            borderRadius: 8,
-                            zIndex: 9999
-                        }, children: jsxs(DropdownItem$1, { className: 'p-0', style: { borderRadius: '6px' }, tag: 'div', header: true, children: [jsx("div", { onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), className: 'p-1', style: {
-                                        maxHeight: menuHeight ? menuHeight : 300,
-                                        overflow: "auto"
-                                    }, children: itemsField ? renderForm(itemsField) : '' }), jsxs("div", { className: "d-flex justify-content-between p-50", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: [jsx("div", { className: "text-primary py-25", style: { fontSize: 12 }, children: footerTemplate ? footerTemplate(rowData) : '' }), !onChangeField ? jsxs("div", { className: "d-flex justify-content-end", children: [isClearable && jsx(Button$1, { className: 'btn me-50 py-25 px-50', outline: true, onClick: () => {
-                                                        itemsField.forEach((e) => {
-                                                            if (e.type === 'numeric') {
-                                                                setValue(e.name, 0);
-                                                            }
-                                                            else {
-                                                                setValue(e.name, '');
-                                                            }
-                                                        });
-                                                    }, onKeyDown: (e) => {
-                                                        if (e.code === 'Tab') {
-                                                            closeMenu();
+    return (jsx("div", { className: "form-edit", ref: ref, id: id, children: jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsx(DropdownToggle$1, { tag: 'div', children: jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsx(Input$1, { style: {
+                                    outline: 'none',
+                                    border: 'none',
+                                    width: template ? 0 : '100%',
+                                    height: template ? 0 : 28,
+                                    lineHeight: template ? 0 : 19,
+                                    padding: template ? 0 : 'auto',
+                                    backgroundColor: '$white',
+                                    textAlign: textAlign ?? 'left'
+                                }, placeholder: placeholder, innerRef: inputRef, onKeyDown: (e) => handleOnKeyDown(e), onPaste: (e) => onPaste && onPaste(e), readOnly: true })] }) }), jsx(DropdownMenu$1, { className: 'formula-dropdown icon-dropdown p-0', container: component, style: {
+                        position: 'fixed',
+                        minWidth: minWidth ? minWidth : defaultWidth,
+                        width: menuWidth ? menuWidth : 'min-content',
+                        maxWidth: innerWidth > 1280 ? 1280 : innerWidth,
+                        borderRadius: 8,
+                        zIndex: 9999
+                    }, children: jsxs(DropdownItem$1, { className: 'p-0', style: { borderRadius: '6px' }, tag: 'div', header: true, children: [jsx("div", { onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), className: 'p-1', ref: editFormRef, style: {
+                                    maxHeight: menuHeight ? menuHeight : 300,
+                                    overflow: "auto"
+                                }, children: itemsField ? renderForm(itemsField) : '' }), jsxs("div", { className: "d-flex justify-content-between p-50", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: [jsx("div", { className: "text-primary py-25", style: { fontSize: 12 }, children: footerTemplate ? footerTemplate(rowData) : '' }), !onChangeField ? jsxs("div", { className: "d-flex justify-content-end", children: [isClearable && jsx(Button$1, { className: 'btn me-50 py-25 px-50', outline: true, onClick: () => {
+                                                    itemsField.forEach((e) => {
+                                                        if (e.type === 'numeric') {
+                                                            setValue(e.name, 0);
                                                         }
-                                                    }, children: t('Clear') }), jsx(Button$1, { color: 'primary', className: 'btn btn-primary py-25 px-50', onClick: handleSubmit(handleOnSubmit), onKeyDown: (e) => {
-                                                        if (e.code === 'Tab') {
-                                                            closeMenu();
+                                                        else {
+                                                            setValue(e.name, '');
                                                         }
-                                                    }, children: t('Save') })] }) : jsx(Fragment$1, {})] })] }) })] }) }) }));
+                                                    });
+                                                }, onKeyDown: (e) => {
+                                                    if (e.code === 'Tab') {
+                                                        closeMenu();
+                                                    }
+                                                }, children: t('Clear') }), jsx(Button$1, { color: 'primary', className: 'btn btn-primary py-25 px-50', onClick: handleSubmit(handleOnSubmit), onKeyDown: (e) => {
+                                                    if (e.code === 'Tab') {
+                                                        closeMenu();
+                                                    }
+                                                }, children: t('Save') })] }) : jsx(Fragment$1, {})] })] }) })] }) }));
 });
 
 const SelectTableBox = (props) => {
@@ -43799,7 +43801,7 @@ const TableComponent = ({ idTable, dataSource, contentColumns, headerColumns, vi
                             const isSelected = selectedRows?.some((x) => x[fieldKey] === row.data[fieldKey]);
                             return (jsx("tr", { "aria-rowindex": indexRow + 1, role: "row", style: { height: rowHeight }, className: classNames$1("r-row"), children: contentColumns.map((col, indexCol) => jsx(CellComponent, { col: col, row: row.data, idTable: idTable, gridRef: gridRef, indexRow: indexRow, indexCol: indexCol, isSelected: isSelected, objWidthFixLeft: objWidthFixLeft, objWidthFixRight: objWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, fisrtObjWidthFixRight: fisrtObjWidthFixRight, selectedCell: selectedCell, startCell: startCell, editCell: editCell, editDisable: editDisable, addDisable: addDisable, fieldKey: fieldKey, defaultValue: defaultValue, dataSource: dataSource, formatSetting: formatSetting, selectEnable: selectEnable, isMulti: isMulti, selectedRows: selectedRows, containerRef: containerRef, totalCount: totalCount, toolbarSetting: toolbarSetting, buttonSetting: buttonSetting, fieldUniKey: fieldUniKey, handleDataChange: handleDataChange, changeDataSource: changeDataSource, setSelectedRows: setSelectedRows, handleCommandClick: handleCommandClick, handleDuplicate: handleDuplicate, handleKeyDown: handleKeyDown, onDuplicate: onDuplicate, setSelectedCell: setSelectedCell, setStartCell: setStartCell, focusEditElementCell: focusEditElementCell, handeCopyCell: handeCopyCell, isCopying: isCopying, typeDragging: typeDragging, contentColumns: contentColumns, rowChange: rowChange, visibleContentColumns: visibleContentColumns })) }, row.data[fieldKey] ?? indexRow));
                         }), jsx("tr", { style: { height: totalHeight - (endIndex * rowHeight) } })] }), jsx("tfoot", { className: "r-gridfoot", children: haveSum && jsx("tr", { className: "r-row", children: contentColumns.map((col, index) => {
-                            return (jsx(FooterCol, { col: col, dataSource: filteredData, indexCol: index, objWidthFix: { ...objWidthFixLeft, ...objWidthFixRight }, formatSetting: formatSetting }));
+                            return (jsx(FooterCol, { col: col, dataSource: dataSource, indexCol: index, objWidthFix: { ...objWidthFixLeft, ...objWidthFixRight }, formatSetting: formatSetting }));
                         }) }) })] }) }));
 };
 
@@ -44947,7 +44949,7 @@ const TableEdit = forwardRef((props, ref) => {
                         setOpenPopupSetupColumn(!openPopupSetupColumn);
                     }, settingColumns: settingColumns, openSidebar: openPopupSetupColumn, column: [...contentColumns], resetDefaultColumns: resetDefaultColumns, setColumn: (newColumns) => {
                         if (saveSettingColumn) {
-                            saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
+                            saveSettingColumn(newColumns.map((x, index) => ({ field: x.field, headerText: x.headerDisplay, visible: x.visible, fixedType: x.fixedType, width: x.width, sortOrder: index + 1 })));
                         }
                     } })] }) }));
 });