react-table-edit 1.5.39 → 1.5.41

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

@@ -1,9 +1,8 @@
-import { CSSProperties } from 'react';
 import { IColumnTable } from '../type';
 import { IFDataMapExcel, IFNumberFormat } from './type';
 type IFProps = {
     /** custom style */
-    style?: CSSProperties | undefined;
+    zIndex?: number;
     /** Kích thước cửa sổ hiện tại (width, height) */
     windowSize: any;
     /** Trạng thái mở/đóng modal import */
@@ -49,9 +48,21 @@ type IFProps = {
      * @param params - Tham số cập nhật
      */
     updateGeneralSettingApi?: (params: IFDataMapExcel[]) => void;
+    /**
+     * API lấy mẫu Excel
+     */
+    getExcelTemplate?: (params: string) => Promise<any>;
+    /**
+     * Mã code chức năng để lấy mẫu nhập excel
+     */
+    templateCode?: string;
+    /**
+     * Tên chức năng đang import Excel
+     */
+    resourceName?: string;
     /**
      * API lấy cấu hình in
-     * @returns Promise trả về kết quả in
+     * @returns Promise trả về cấu hình map cột
      */
     getGeneralSettingApi?: () => Promise<any>;
 };

package/dist/component/modal-import-excel/tab-select-file.d.ts

@@ -7,6 +7,15 @@ export interface IFPropsDetail {
     setValue: UseFormSetValue<IFDataExcel>;
     getValues: UseFormGetValues<IFDataExcel>;
     templateUrl?: string;
+    resourceName?: string;
+    /**
+     * API lấy mẫu Excel
+     */
+    getExcelTemplate?: (params: string) => Promise<any>;
+    /**
+     * Mã code chức năng để lấy mẫu nhập excel
+     */
+    templateCode?: string;
 }
 declare const TabSelectFileImportExcel: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
 export default TabSelectFileImportExcel;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactNode, JSX, Dispatch, SetStateAction, CSSProperties } from 'react';
+import React__default, { ReactNode, JSX, Dispatch, SetStateAction } from 'react';
 import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TFunction } from 'react-i18next';
@@ -540,7 +540,7 @@ type IFNumberFormat = {
 
 type IFProps$1 = {
     /** custom style */
-    style?: CSSProperties | undefined;
+    zIndex?: number;
     /** Kích thước cửa sổ hiện tại (width, height) */
     windowSize: any;
     /** Trạng thái mở/đóng modal import */
@@ -586,9 +586,21 @@ type IFProps$1 = {
      * @param params - Tham số cập nhật
      */
     updateGeneralSettingApi?: (params: IFDataMapExcel[]) => void;
+    /**
+     * API lấy mẫu Excel
+     */
+    getExcelTemplate?: (params: string) => Promise<any>;
+    /**
+     * Mã code chức năng để lấy mẫu nhập excel
+     */
+    templateCode?: string;
+    /**
+     * Tên chức năng đang import Excel
+     */
+    resourceName?: string;
     /**
      * API lấy cấu hình in
-     * @returns Promise trả về kết quả in
+     * @returns Promise trả về cấu hình map cột
      */
     getGeneralSettingApi?: () => Promise<any>;
 };

package/dist/index.js

@@ -68331,38 +68331,48 @@ const connectString = (t, props) => {
 };
 
 const TabSelectFileImportExcel = (props) => {
-    const { templateUrl, setValue, getValues, control, errors } = props;
+    const { templateUrl, getExcelTemplate, templateCode, resourceName, setValue, getValues, control, errors, } = props;
     const [isDragging, setIsDragging] = React$5.useState(false);
     const [optionSheetName, setOptionSheetName] = React$5.useState([]);
     const { t } = reactI18next.useTranslation();
     const hanldDrag = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        if (e.type === "dragenter" || e.type === "dragover") {
+        if (e.type === 'dragenter' || e.type === 'dragover') {
             setIsDragging(true);
         }
-        else if (e.type === "dragleave") {
+        else if (e.type === 'dragleave') {
             setIsDragging(false);
         }
     };
-    return (jsxRuntime.jsxs("div", { className: 'box form-box__border', children: [templateUrl && jsxRuntime.jsxs(Button$1$1, { color: "link", onClick: () => {
-                    const link = document.createElement("a");
+    return (jsxRuntime.jsxs("div", { className: "box form-box__border", children: [templateUrl && (!templateCode || !getExcelTemplate) && (jsxRuntime.jsxs(Button$1$1, { color: "link", onClick: () => {
+                    const link = document.createElement('a');
                     link.href = `${templateUrl}`; // URL file
                     document.body.appendChild(link);
                     link.click();
                     document.body.removeChild(link);
-                }, children: [jsxRuntime.jsx(SvgDownload, { fontSize: 14, className: 'me-50' }), t('Download the sample file')] }), jsxRuntime.jsx("h5", { className: 'm-0 form-box__border--title', children: t('Upload file') }), jsxRuntime.jsx("div", { className: `m-1 rounded d-flex flex-column align-items-center justify-content-center ${isDragging ? 'dragging-file' : 'no-dragging-file'}`, style: { minHeight: '220px' }, draggable: true, onDragEnter: hanldDrag, onDragLeave: hanldDrag, onDragOver: hanldDrag, onDrop: (e) => {
+                }, children: [jsxRuntime.jsx(SvgDownload, { fontSize: 14, className: "me-50" }), t('Download the sample file')] })), templateCode && getExcelTemplate && (jsxRuntime.jsxs(Button$1$1, { color: "link", onClick: () => {
+                    getExcelTemplate(templateCode).then((rs) => {
+                        const url = window.URL.createObjectURL(new Blob([rs]));
+                        const link = document.createElement('a');
+                        link.href = url;
+                        link.download = `${resourceName ? `${resourceName}_` : ''}${t('Sample File')}.xlsx`;
+                        document.body.appendChild(link);
+                        link.click();
+                        document.body.removeChild(link);
+                    });
+                }, children: [jsxRuntime.jsx(SvgDownload, { fontSize: 14, className: "me-50" }), t('Download the sample file')] })), jsxRuntime.jsx("h5", { className: "m-0 form-box__border--title", children: t('Upload file') }), jsxRuntime.jsx("div", { className: `m-1 rounded d-flex flex-column align-items-center justify-content-center ${isDragging ? 'dragging-file' : 'no-dragging-file'}`, style: { minHeight: '220px' }, draggable: true, onDragEnter: hanldDrag, onDragLeave: hanldDrag, onDragOver: hanldDrag, onDrop: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     setIsDragging(false);
                     if (e.dataTransfer.files && e.dataTransfer.files[0]) {
                         getSheetsExcel(e.dataTransfer.files[0], setValue, setOptionSheetName);
                     }
-                }, children: getValues('file') ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'mb-1 fs-5', children: getValues('file')?.name }), jsxRuntime.jsxs(Button$1$1, { tag: Label$1, outline: true, className: 'me-75', size: 'md', color: 'primary', children: [jsxRuntime.jsx(SvgArrowLeftCircle, { fontSize: 18, className: 'me-50' }), t('Select other file'), jsxRuntime.jsx(Input$1, { type: 'file', onChange: (e) => {
+                }, children: getValues('file') ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "mb-1 fs-5", children: getValues('file')?.name }), jsxRuntime.jsxs(Button$1$1, { tag: Label$1, outline: true, className: "me-75", size: "md", color: "primary", children: [jsxRuntime.jsx(SvgArrowLeftCircle, { fontSize: 18, className: "me-50" }), t('Select other file'), jsxRuntime.jsx(Input$1, { type: "file", onChange: (e) => {
                                         getSheetsExcel(e.target.files[0], setValue, setOptionSheetName);
-                                    }, hidden: true, accept: '.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel' })] })] }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'fs-4 bolder', children: t('Drag and drop files here') }), jsxRuntime.jsx("div", { className: 'my-50', children: t('or') }), jsxRuntime.jsxs(Button$1$1, { tag: Label$1, outline: true, className: 'me-75', size: 'md', color: 'primary', children: [jsxRuntime.jsx(SvgArrowLeftCircle, { fontSize: 18, className: 'me-50' }), t('Select file'), jsxRuntime.jsx(Input$1, { type: 'file', onChange: (e) => {
+                                    }, hidden: true, accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" })] })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "fs-4 bolder", children: t('Drag and drop files here') }), jsxRuntime.jsx("div", { className: "my-50", children: t('or') }), jsxRuntime.jsxs(Button$1$1, { tag: Label$1, outline: true, className: "me-75", size: "md", color: "primary", children: [jsxRuntime.jsx(SvgArrowLeftCircle, { fontSize: 18, className: "me-50" }), t('Select file'), jsxRuntime.jsx(Input$1, { type: "file", onChange: (e) => {
                                         getSheetsExcel(e.target.files[0], setValue, setOptionSheetName);
-                                    }, hidden: true, accept: '.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel' })] }), jsxRuntime.jsx("div", { className: 'mt-1', children: t('Accepts .xls, .xlsx, .csv files') })] }) }), jsxRuntime.jsxs(Row$1, { className: `${getValues('file') ? '' : 'd-none'} m-0 gy-1`, children: [jsxRuntime.jsx(Col$1, { lg: 6, md: 12, xs: 12, children: jsxRuntime.jsx(SelectTableBox$1, { labelSize: "d-flex form-row-inline label-medium", control: control, name: "sheetId", label: t("Sheet name"), required: true, errors: errors.sheetId, placeholder: t("Select"), options: optionSheetName }) }), jsxRuntime.jsx(Col$1, { lg: 6, md: 12, xs: 12, children: jsxRuntime.jsx(NumberInput, { control: control, name: "headerRow", labelSize: "d-flex form-row-inline label-medium", label: t("Header row"), errors: errors.headerRow }) })] })] }));
+                                    }, hidden: true, accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" })] }), jsxRuntime.jsx("div", { className: "mt-1", children: t('Accepts .xls, .xlsx, .csv files') })] })) }), jsxRuntime.jsxs(Row$1, { className: `${getValues('file') ? '' : 'd-none'} m-0 gy-1`, children: [jsxRuntime.jsx(Col$1, { lg: 6, md: 12, xs: 12, children: jsxRuntime.jsx(SelectTableBox$1, { labelSize: "d-flex form-row-inline label-medium", control: control, name: "sheetId", label: t('Sheet name'), required: true, errors: errors.sheetId, placeholder: t('Select'), options: optionSheetName }) }), jsxRuntime.jsx(Col$1, { lg: 6, md: 12, xs: 12, children: jsxRuntime.jsx(NumberInput, { control: control, name: "headerRow", labelSize: "d-flex form-row-inline label-medium", label: t('Header row'), errors: errors.headerRow }) })] })] }));
 };
 
 const TabValidateImportExcel = (props) => {
@@ -68391,7 +68401,7 @@ const TabValidateImportExcel = (props) => {
 
 const ModalImportComponent = (props) => {
     const { t } = reactI18next.useTranslation();
-    const { windowSize, openModal, handleModal, handleValidate, importExcelApi, validateExcelApi, getGeneralSettingApi, updateGeneralSettingApi, headerErrorExcelColumns, templateUrl, defaultHeaderRow, formatNumber, mapColumn, headerValidateExcelColumns, style, } = props;
+    const { windowSize, openModal, handleModal, handleValidate, importExcelApi, validateExcelApi, getGeneralSettingApi, updateGeneralSettingApi, headerErrorExcelColumns, templateUrl, defaultHeaderRow, formatNumber, mapColumn, headerValidateExcelColumns, getExcelTemplate, templateCode, resourceName, zIndex, } = props;
     const [optionField, setOptionField] = React$5.useState([]);
     const [dataMerge, setDataMerge] = React$5.useState([]);
     const [dataValidate, setDataValidate] = React$5.useState([]);
@@ -68589,11 +68599,11 @@ const ModalImportComponent = (props) => {
             setValue('step', 2);
         }
     };
-    return (jsxRuntime.jsx(Modal$1, { isOpen: openModal, style: style, 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: [
+    return (jsxRuntime.jsx(Modal$1, { isOpen: openModal, zIndex: zIndex, 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',
                                         title: t('Upload file'),
-                                        content: (jsxRuntime.jsx(TabSelectFileImportExcel, { control: control, errors: errors, getValues: getValues, setValue: setValue, watch: watch, templateUrl: templateUrl })),
+                                        content: (jsxRuntime.jsx(TabSelectFileImportExcel, { control: control, errors: errors, getValues: getValues, setValue: setValue, watch: watch, templateUrl: templateUrl, resourceName: resourceName, templateCode: templateCode, getExcelTemplate: getExcelTemplate })),
                                     },
                                     {
                                         id: 'merge-data',