react-table-edit 1.4.49 → 1.4.50

package/dist/component/modal-import-excel/index.d.ts

@@ -44,6 +44,16 @@ type IFProps = {
      * @returns Promise<any>
      */
     validateExcelApi: (params: any) => Promise<any>;
+    /**
+     * API cập nhật cấu hình import
+     * @param params - Tham số cập nhật
+     */
+    updateGeneralSettingApi: (params: IFDataMapExcel[]) => void;
+    /**
+     * API lấy cấu hình in
+     * @returns Promise trả về kết quả in
+     */
+    getGeneralSettingApi: () => Promise<any>;
 };
 declare const ModalImportComponent: (props: IFProps) => import("react/jsx-runtime").JSX.Element;
 export { ModalImportComponent };

package/dist/index.d.ts

@@ -550,6 +550,16 @@ type IFProps$1 = {
      * @returns Promise<any>
      */
     validateExcelApi: (params: any) => Promise<any>;
+    /**
+     * API cập nhật cấu hình import
+     * @param params - Tham số cập nhật
+     */
+    updateGeneralSettingApi: (params: IFDataMapExcel[]) => void;
+    /**
+     * API lấy cấu hình in
+     * @returns Promise trả về kết quả in
+     */
+    getGeneralSettingApi: () => Promise<any>;
 };
 declare const ModalImportComponent: (props: IFProps$1) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -52737,6 +52737,11 @@ const TabMergeImportExcel = (props) => {
                         selectSettings: {
                             options: optionField
                         },
+                        callback(value, indexRow, item) {
+                            if (!item.headerDefault.includes(value.label)) {
+                                item.headerDefault.push(value.label ? value.label?.trim() : '');
+                            }
+                        },
                         visible: watch('dataMap').length > 0,
                         template: (row) => { return optionField.find((e) => e.value === row.column)?.label; },
                         width: 300,
@@ -71916,7 +71921,7 @@ const TabValidateImportExcel = (props) => {
 
 const ModalImportComponent = (props) => {
     const { t } = reactI18next.useTranslation();
-    const { windowSize, openModal, handleModal, handleValidate, importExcelApi, validateExcelApi, headerErrorExcelColumns, templateUrl, defaultHeaderRow, pageOptions, pageSizeDefault, formatNumber, mapColumn, headerValidateExcelColumns } = props;
+    const { windowSize, openModal, handleModal, handleValidate, importExcelApi, validateExcelApi, getGeneralSettingApi, updateGeneralSettingApi, headerErrorExcelColumns, templateUrl, defaultHeaderRow, pageOptions, pageSizeDefault, formatNumber, mapColumn, headerValidateExcelColumns } = props;
     const [optionField, setOptionField] = React$5.useState([]);
     const [dataMerge, setDataMerge] = React$5.useState([]);
     const [dataValidate, setDataValidate] = React$5.useState([]);
@@ -71926,6 +71931,7 @@ const ModalImportComponent = (props) => {
     const [checkInitValidate, setCheckInitValidate] = React$5.useState(false);
     const [validateExcelColumns, setValidateExcelColumns] = React$5.useState([]);
     const [dataError, setDataError] = React$5.useState([]);
+    const [isSaveSetting, setIsSaveSetting] = React$5.useState(true);
     const formSchema = create().shape({
         step: create$1(),
         sheetId: create$2()
@@ -71972,9 +71978,17 @@ const ModalImportComponent = (props) => {
             getColumnsSheetExcel(data.file, data.headerRow ?? 0, data.sheetId ?? "", handleSetColumns);
         }
         else if (getValues('step') === 2) {
+            const check = data.dataMap.find(x => x.isRequired && !x.column);
+            if (check) {
+                messageBoxError(t, `Vui lòng chọn trường ghép cho cột <<${check.header}>>`);
+                return;
+            }
             mapDataImportExcel(dataMerge, getValues('headerRow') ?? 0, data.dataMap, handleValidate)
                 .then((arr) => {
                 setCheckInitValidate(true);
+                if (isSaveSetting) {
+                    updateGeneralSettingApi(data.dataMap.map(x => ({ ...x, column: undefined })));
+                }
                 validateExcelApi(arr)
                     .then((rs) => {
                     setCheckInitValidate(false);
@@ -72049,7 +72063,11 @@ const ModalImportComponent = (props) => {
         }
     ];
     const handleFormOpened = () => {
-        setValue('dataMap', mapColumn);
+        getGeneralSettingApi().then((rs) => {
+            setValue('dataMap', rs.value ? JSON.parse(rs.value) : mapColumn);
+        }).catch(() => {
+            setValue('dataMap', mapColumn);
+        });
         if (headerValidateExcelColumns && headerValidateExcelColumns.length > 0) {
             setValidateExcelColumns(headerValidateExcelColumns);
         }
@@ -72077,9 +72095,6 @@ const ModalImportComponent = (props) => {
             setValue('step', 2);
         }
     };
-    const renderFooterButtons = () => {
-        return (jsxRuntime.jsxs(React$5.Fragment, { children: [jsxRuntime.jsx(Button$1, { disabled: !getValues('file'), color: "primary", outline: true, className: `update-btn update-todo-item me-1 ${watch('step') !== 1 ? '' : 'd-none'}`, onClick: handleBackStep, children: t('Back') }), jsxRuntime.jsx(Button$1, { className: `update-btn update-todo-item me-1 ${watch('step') !== 3 ? '' : 'd-none'}`, disabled: !watch('file') || checkInitValidate, color: "primary", onClick: handleSubmit(onSubmit), children: t('Next') }), jsxRuntime.jsx(Button$1, { className: `update-btn update-todo-item me-1 ${watch('step') === 3 ? '' : 'd-none'}`, disabled: dataValid.length === 0 || !getValues('file') || checkInit, color: "primary", onClick: handleSubmit(onSubmit), children: t('Import') }), jsxRuntime.jsx(Button$1, { color: "secondary", onClick: handleModal, outline: true, children: t('Close') })] }));
-    };
     return (jsxRuntime.jsx(Modal$1, { isOpen: openModal, toggle: handleModal, backdrop: 'static', className: 'modal-dialog-centered modal-xl', contentClassName: 'p-0', onOpened: handleFormOpened, onClosed: handleModalClosed, children: jsxRuntime.jsxs(Form$1, { id: 'form-modal-globalzone', className: 'todo-modal modal-form-content', children: [jsxRuntime.jsx(ModalHeader, { typeModal: 'Import', handleModal: handleModal, title: 'Import Excel' }), jsxRuntime.jsx(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: windowSize.innerHeight - 120, children: jsxRuntime.jsx(ModalBody$1, { children: jsxRuntime.jsx("div", { style: { marginTop: '-25px' }, className: 'modern-horizontal-wizard', children: jsxRuntime.jsx(Wizard, { activeStep: watch('step'), type: 'modern-horizontal', steps: [
                                     {
                                         id: 'upload-file',
@@ -72102,7 +72117,9 @@ const ModalImportComponent = (props) => {
                                         visiable: !!headerErrorExcelColumns,
                                         content: jsxRuntime.jsx(TabHandleErrorImportExcel, { formatNumber: formatNumber, pageOptions: pageOptions, pageSizeDefault: pageSizeDefault, dataError: dataError, headerHandleErrorExcelColumns: headerErrorExcelColumns ?? [], windowSize: windowSize })
                                     }
-                                ] }) }) }) }), jsxRuntime.jsx("div", { className: "d-flex justify-content-end p-1", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: renderFooterButtons() })] }) }));
+                                ] }) }) }) }), jsxRuntime.jsxs("div", { className: "d-flex justify-content-between align-items-center p-1", style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)" }, children: [jsxRuntime.jsx("div", { className: "d-flex align-items-center", children: watch('step') === 2 && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Input$1, { checked: isSaveSetting, type: 'checkbox', className: 'me-50', onChange: (val) => {
+                                            setIsSaveSetting(val.target.checked);
+                                        } }), jsxRuntime.jsx("span", { children: "L\u01B0u th\u00F4ng tin gh\u00E9p tr\u01B0\u1EDDng d\u1EEF li\u1EC7u" })] }) }), jsxRuntime.jsxs("div", { className: "d-flex align-items-center", children: [jsxRuntime.jsx(Button$1, { disabled: !getValues('file'), color: "primary", outline: true, className: `update-btn update-todo-item me-1 ${watch('step') !== 1 ? '' : 'd-none'}`, onClick: handleBackStep, children: t('Back') }), jsxRuntime.jsx(Button$1, { className: `update-btn update-todo-item me-1 ${watch('step') !== 3 ? '' : 'd-none'}`, disabled: !watch('file') || checkInitValidate, color: "primary", onClick: handleSubmit(onSubmit), children: t('Next') }), jsxRuntime.jsx(Button$1, { className: `update-btn update-todo-item me-1 ${watch('step') === 3 ? '' : 'd-none'}`, disabled: dataValid.length === 0 || !getValues('file') || checkInit, color: "primary", onClick: handleSubmit(onSubmit), children: t('Import') }), jsxRuntime.jsx(Button$1, { color: "secondary", onClick: handleModal, outline: true, children: t('Close') })] })] })] }) }));
 };
 
 const TabsMenuComponent = ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }) => {