react-table-edit 1.5.6 → 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) => {