react-table-edit 1.2.77 → 1.2.88

package/dist/index.mjs

@@ -7,8 +7,6 @@ import { useTranslation } from 'react-i18next';
 import { createRoot } from 'react-dom/client';
 import toast from 'react-hot-toast';
 import { useNavigate, Link } from 'react-router-dom';
-import { renderLabel as renderLabel$1 } from '@components/select';
-import { InputStyleComponent as InputStyleComponent$1 } from 'react-table-edit';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -21097,7 +21095,6 @@ const renderLabel = (props) => {
 };
 
 const TextInput = (props) => {
-    useTranslation();
     const { control, id, name, min, max, type, label, labelSize, required, errors, height, disabled, row, isLabel, placeholder, autoFocus, inLine, callback, readOnly, classes, ...rest } = props;
     const renderInput = () => {
         return (jsxs(Fragment, { children: [jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => (jsx(Input$1, { id: id, value: !isNullOrUndefined$1(value) ? value : '', onChange: (val) => {
@@ -22355,7 +22352,6 @@ function NumericFormat(props) {
 
 const NumberInput = (props) => {
     const { id, control, fractionCurrency, name, min, max, label, labelSize, required, errors, disabled, isLabel, fixedDecimalScale, placeholder, inLine, callback, decimalSeparator = ',', thousandSeparator = '.', classes, width, allowNegative } = props;
-    useTranslation();
     const renderInput = () => {
         return (jsxs(Fragment, { children: [jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => {
                         let floatValue = parseFloat(value);
@@ -41866,7 +41862,7 @@ const DateInput = (props) => {
             if (onChange) {
                 onChange(date);
             }
-        }, dateFormat: dateFormat, locale: "vi", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", onCalendarClose: () => setOpen(false), onCalendarOpen: () => setOpen(true), customInput: jsx(InputMask, { mask: "99/99/9999", placeholder: dateFormat }), onKeyDown: (e) => {
+        }, dateFormat: dateFormat, locale: "vi", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", isClearable: true, onCalendarClose: () => setOpen(false), onCalendarOpen: () => setOpen(true), customInput: jsx(InputMask, { mask: "99/99/9999", placeholder: dateFormat }), onKeyDown: (e) => {
             if (e.code === 'Space') {
                 setOpen(!open);
                 setTimeout(() => {
@@ -41889,7 +41885,7 @@ const DateInput = (props) => {
 
 const TableEdit = forwardRef((props, ref) => {
     const { t } = useTranslation();
-    const { idTable, dataSource, columns, commandClick, dataSourceChange, rowChange, pagingSetting, setDataSource, height, maxHeight, minHeight, defaultValue, toolbarSetting, searchSetting, setSelectedItem, selectedItem, selectEnable, editDisable, addDisable, buttonSetting, formatSetting, handleSelect, haveSum, isMulti, disableAutoKey } = props;
+    const { idTable, dataSource, columns, commandClick, dataSourceChange, rowChange, pagingSetting, setDataSource, height, maxHeight, minHeight, defaultValue, toolbarSetting, searchSetting, setSelectedItem, selectedItem, selectEnable, editDisable, addDisable, buttonSetting, formatSetting, handleSelect, haveSum, isMulti, disableAutoKey, onDuplicate } = props;
     useImperativeHandle(ref, () => {
         return {
             refeshFocusRow: handleRefeshRow
@@ -42482,19 +42478,23 @@ const TableEdit = forwardRef((props, ref) => {
             focusNewElement(columnFistEdit, lengthData + 1, true);
         }
     };
-    const handleDuplicate = (data, index) => {
+    const handleDuplicate = async (data, index) => {
+        const newData = { ...data };
         if (toolbarSetting?.showBottomToolbar && !buttonSetting?.duplicateDisable && !editDisable && !addDisable) {
             if (fieldKey && defaultValue) {
                 fieldUniKey.forEach((item) => {
-                    data[item] = defaultValue[item];
+                    newData[item] = defaultValue[item];
                 });
-                data[fieldKey] = defaultValue[fieldKey];
+                newData[fieldKey] = defaultValue[fieldKey];
+            }
+            if (onDuplicate) {
+                await onDuplicate(newData, index);
             }
             if (pagingClient) {
-                dataSource.splice((((pagingSetting?.currentPage ?? 1) - 1) * (pagingSetting?.pageSize ?? 0) + index), 0, { ...data });
+                dataSource.splice((((pagingSetting?.currentPage ?? 1) - 1) * (pagingSetting?.pageSize ?? 0) + index) + 1, 0, newData);
             }
             else {
-                dataSource.splice(index, 0, data);
+                dataSource.splice(index + 1, 0, newData);
             }
             changeDataSource(dataSource);
             if (tableElement && index === totalCount) {
@@ -45484,17 +45484,17 @@ const defaultStyleExportSetting = {
 };
 
 const StyleInput = (props) => {
-    const { classLabel, control, name, label, labelSize, required, errors, desciptionLabel, height, disabled, isLabel, inLine, classes, disabledBackgroundColor, disabledFontFamily, disabledFontSize, disabledBold, disabledItalic, disabledUnderline } = props;
+    const { control, name, label, labelSize, required, errors, height, disabled, isLabel, inLine, classes, disabledBackgroundColor, disabledFontFamily, disabledFontSize, disabledBold, disabledItalic, disabledUnderline } = props;
     const renderInput = () => {
         return (jsxs(Fragment, { children: [jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => {
-                        return (jsx(InputStyleComponent$1, { disabledBackgroundColor: disabledBackgroundColor, disabledFontFamily: disabledFontFamily, disabledFontSize: disabledFontSize, disabledBold: disabledBold, disabledItalic: disabledItalic, disabledUnderline: disabledUnderline, disabled: disabled, value: value, onChange: onChange }));
+                        return (jsx(InputStyleComponent, { disabledBackgroundColor: disabledBackgroundColor, disabledFontFamily: disabledFontFamily, disabledFontSize: disabledFontSize, disabledBold: disabledBold, disabledItalic: disabledItalic, disabledUnderline: disabledUnderline, disabled: disabled, value: value, onChange: onChange }));
                     } }), errors && jsx(FormFeedback$1, { children: errors?.message })] }));
     };
     return (jsx(Fragment, { children: jsxs("div", { className: classnames(' align', {
                 [labelSize ? labelSize : '']: labelSize,
                 [classes ? classes : '']: classes,
                 'form-row-inline-error': errors
-            }, inLine === false ? 'form-group ' : 'form-row-inline d-flex'), children: [renderLabel$1({ isLabel, desciptionLabel, classLabel, name, label, required }), jsx("div", { style: { height: `${height}px` }, className: classnames('form-input-content', { 'hidden-label': isLabel === false }), children: renderInput() })] }) }));
+            }, inLine === false ? 'form-group ' : 'form-row-inline d-flex'), children: [renderLabel({ isLabel, name, label, required }), jsx("div", { style: { height: `${height}px` }, className: classnames('form-input-content', { 'hidden-label': isLabel === false }), children: renderInput() })] }) }));
 };
 
 const ExportExcelComponent = ({ openModal, typeModal, handleModal, windowSize, dataItem, columns, columnGroups }) => {