react-table-edit 1.2.77 → 1.2.88

package/dist/component/input/input-style/input-box.d.ts

@@ -12,8 +12,6 @@ interface IFFormInput {
     inLine?: boolean;
     placeholder?: string;
     callback?: any;
-    classLabel?: string;
-    desciptionLabel?: string;
     tooltipText?: string;
     disabledBackgroundColor?: boolean;
     disabledFontFamily?: boolean;

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

@@ -151,6 +151,7 @@ export type IFTableEditProps = {
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
+    onDuplicate?: any;
 };
 export type IFPageSize = {
     pageSize: number;

package/dist/index.d.ts

@@ -211,6 +211,7 @@ type IFTableEditProps = {
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
+    onDuplicate?: any;
 };
 type IFPageSize = {
     pageSize: number;

package/dist/index.js

@@ -9,8 +9,6 @@ var reactI18next = require('react-i18next');
 var client = require('react-dom/client');
 var toast = require('react-hot-toast');
 var reactRouterDom = require('react-router-dom');
-var select = require('@components/select');
-var reactTableEdit = require('react-table-edit');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21125,7 +21123,6 @@ const renderLabel = (props) => {
 };
 
 const TextInput = (props) => {
-    reactI18next.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 (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => (jsxRuntime.jsx(Input$1, { id: id, value: !isNullOrUndefined$1(value) ? value : '', onChange: (val) => {
@@ -22383,7 +22380,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;
-    reactI18next.useTranslation();
     const renderInput = () => {
         return (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => {
                         let floatValue = parseFloat(value);
@@ -41894,7 +41890,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: jsxRuntime.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: jsxRuntime.jsx(InputMask, { mask: "99/99/9999", placeholder: dateFormat }), onKeyDown: (e) => {
             if (e.code === 'Space') {
                 setOpen(!open);
                 setTimeout(() => {
@@ -41917,7 +41913,7 @@ const DateInput = (props) => {
 
 const TableEdit = React$5.forwardRef((props, ref) => {
     const { t } = reactI18next.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;
     React$5.useImperativeHandle(ref, () => {
         return {
             refeshFocusRow: handleRefeshRow
@@ -42510,19 +42506,23 @@ const TableEdit = React$5.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) {
@@ -45512,17 +45512,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 (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => {
-                        return (jsxRuntime.jsx(reactTableEdit.InputStyleComponent, { disabledBackgroundColor: disabledBackgroundColor, disabledFontFamily: disabledFontFamily, disabledFontSize: disabledFontSize, disabledBold: disabledBold, disabledItalic: disabledItalic, disabledUnderline: disabledUnderline, disabled: disabled, value: value, onChange: onChange }));
+                        return (jsxRuntime.jsx(InputStyleComponent, { disabledBackgroundColor: disabledBackgroundColor, disabledFontFamily: disabledFontFamily, disabledFontSize: disabledFontSize, disabledBold: disabledBold, disabledItalic: disabledItalic, disabledUnderline: disabledUnderline, disabled: disabled, value: value, onChange: onChange }));
                     } }), errors && jsxRuntime.jsx(FormFeedback$1, { children: errors?.message })] }));
     };
     return (jsxRuntime.jsx(React$5.Fragment, { children: jsxRuntime.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: [select.renderLabel({ isLabel, desciptionLabel, classLabel, name, label, required }), jsxRuntime.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 }), jsxRuntime.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 }) => {