react-table-edit 1.5.5 → 1.5.7

package/dist/component/calendar/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "reactstrap";
+declare function CalendarComponent({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { CalendarComponent, CalendarDayButton };

package/dist/index.js

@@ -23982,7 +23982,9 @@ const EditForm = React$5.forwardRef((props, ref) => {
     const [itemsField, setItemsField] = React$5.useState([]);
     const { t } = reactI18next.useTranslation();
     useOnClickOutside(editFormRef, () => {
-        closeMenu();
+        if (dropdownOpen !== false) {
+            closeMenu();
+        }
     });
     const closeMenu = () => {
         setTimeout(() => {
@@ -24146,43 +24148,43 @@ const EditForm = React$5.forwardRef((props, ref) => {
             });
         }
     }, [inputRef]);
-    return (jsxRuntime.jsx("div", { className: "form-edit", ref: ref, id: id, children: jsxRuntime.jsx("div", { ref: editFormRef, children: jsxRuntime.jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsxRuntime.jsx(DropdownToggle$1, { tag: 'div', children: jsxRuntime.jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsxRuntime.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 })] }) }), jsxRuntime.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: jsxRuntime.jsxs(DropdownItem$1, { className: 'p-0', style: { borderRadius: '6px' }, tag: 'div', header: true, children: [jsxRuntime.jsx("div", { onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), className: 'p-1', style: {
-                                        maxHeight: menuHeight ? menuHeight : 300,
-                                        overflow: "auto"
-                                    }, children: itemsField ? renderForm(itemsField) : '' }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-between p-50", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: [jsxRuntime.jsx("div", { className: "text-primary py-25", style: { fontSize: 12 }, children: footerTemplate ? footerTemplate(rowData) : '' }), !onChangeField ? jsxRuntime.jsxs("div", { className: "d-flex justify-content-end", children: [isClearable && jsxRuntime.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 (jsxRuntime.jsx("div", { className: "form-edit", ref: ref, id: id, children: jsxRuntime.jsxs(Dropdown$1, { isOpen: dropdownOpen, toggle: () => { }, children: [jsxRuntime.jsx(DropdownToggle$1, { tag: 'div', children: jsxRuntime.jsxs("div", { className: classNames$1('display-value', { 'r-is-focus': isFocus || dropdownOpen }, { 'is-invalid': invalid }), onClick: handleOnClick, children: [template?.(rowData, indexRow) ?? displayValue, jsxRuntime.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 })] }) }), jsxRuntime.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: jsxRuntime.jsxs(DropdownItem$1, { className: 'p-0', style: { borderRadius: '6px' }, tag: 'div', header: true, children: [jsxRuntime.jsx("div", { onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), className: 'p-1', ref: editFormRef, style: {
+                                    maxHeight: menuHeight ? menuHeight : 300,
+                                    overflow: "auto"
+                                }, children: itemsField ? renderForm(itemsField) : '' }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-between p-50", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: [jsxRuntime.jsx("div", { className: "text-primary py-25", style: { fontSize: 12 }, children: footerTemplate ? footerTemplate(rowData) : '' }), !onChangeField ? jsxRuntime.jsxs("div", { className: "d-flex justify-content-end", children: [isClearable && jsxRuntime.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') }), jsxRuntime.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') })] }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})] })] }) })] }) }) }));
+                                                    });
+                                                }, onKeyDown: (e) => {
+                                                    if (e.code === 'Tab') {
+                                                        closeMenu();
+                                                    }
+                                                }, children: t('Clear') }), jsxRuntime.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') })] }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})] })] }) })] }) }));
 });
 
 const SelectTableBox = (props) => {
@@ -43828,7 +43830,7 @@ const TableComponent = ({ idTable, dataSource, contentColumns, headerColumns, vi
                             const isSelected = selectedRows?.some((x) => x[fieldKey] === row.data[fieldKey]);
                             return (jsxRuntime.jsx("tr", { "aria-rowindex": indexRow + 1, role: "row", style: { height: rowHeight }, className: classNames$1("r-row"), children: contentColumns.map((col, indexCol) => jsxRuntime.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));
                         }), jsxRuntime.jsx("tr", { style: { height: totalHeight - (endIndex * rowHeight) } })] }), jsxRuntime.jsx("tfoot", { className: "r-gridfoot", children: haveSum && jsxRuntime.jsx("tr", { className: "r-row", children: contentColumns.map((col, index) => {
-                            return (jsxRuntime.jsx(FooterCol, { col: col, dataSource: filteredData, indexCol: index, objWidthFix: { ...objWidthFixLeft, ...objWidthFixRight }, formatSetting: formatSetting }));
+                            return (jsxRuntime.jsx(FooterCol, { col: col, dataSource: dataSource, indexCol: index, objWidthFix: { ...objWidthFixLeft, ...objWidthFixRight }, formatSetting: formatSetting }));
                         }) }) })] }) }));
 };
 
@@ -44976,7 +44978,7 @@ const TableEdit = React$5.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 })));
                         }
                     } })] }) }));
 });