react-table-edit 1.5.38 → 1.5.39

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

@@ -1,6 +1,9 @@
+import { CSSProperties } from 'react';
 import { IColumnTable } from '../type';
 import { IFDataMapExcel, IFNumberFormat } from './type';
 type IFProps = {
+    /** custom style */
+    style?: CSSProperties | undefined;
     /** Kích thước cửa sổ hiện tại (width, height) */
     windowSize: any;
     /** Trạng thái mở/đóng modal import */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactNode, JSX, Dispatch, SetStateAction } from 'react';
+import React__default, { ReactNode, JSX, Dispatch, SetStateAction, CSSProperties } from 'react';
 import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TFunction } from 'react-i18next';
@@ -539,6 +539,8 @@ type IFNumberFormat = {
 };
 
 type IFProps$1 = {
+    /** custom style */
+    style?: CSSProperties | undefined;
     /** Kích thước cửa sổ hiện tại (width, height) */
     windowSize: any;
     /** Trạng thái mở/đóng modal import */

package/dist/index.js

@@ -68391,7 +68391,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 } = props;
+    const { windowSize, openModal, handleModal, handleValidate, importExcelApi, validateExcelApi, getGeneralSettingApi, updateGeneralSettingApi, headerErrorExcelColumns, templateUrl, defaultHeaderRow, formatNumber, mapColumn, headerValidateExcelColumns, style, } = props;
     const [optionField, setOptionField] = React$5.useState([]);
     const [dataMerge, setDataMerge] = React$5.useState([]);
     const [dataValidate, setDataValidate] = React$5.useState([]);
@@ -68406,22 +68406,22 @@ const ModalImportComponent = (props) => {
         step: create$1(),
         sheetId: create$2().when('step', {
             is: 1,
-            then: create$2().required(`${t('Sheet name')} ${t('is required')}`)
+            then: create$2().required(`${t('Sheet name')} ${t('is required')}`),
         }),
         headerRow: create$1().when('step', {
             is: 1,
-            then: create$1().required(`${t('Header row')} ${t('is required')}`)
-        })
+            then: create$1().required(`${t('Header row')} ${t('is required')}`),
+        }),
     });
     const defaultValues = {
         step: 1,
         headerRow: defaultHeaderRow ?? 1,
-        dataMap: []
+        dataMap: [],
     };
-    const { control, clearErrors, reset, handleSubmit, getValues, setValue, watch, setError, formState: { errors } } = useForm({
+    const { control, clearErrors, reset, handleSubmit, getValues, setValue, watch, setError, formState: { errors }, } = useForm({
         defaultValues,
         mode: 'onChange',
-        resolver: o(formSchema)
+        resolver: o(formSchema),
     });
     const handleSetColumns = (headerColumns, dataS) => {
         if (headerColumns.length === 0) {
@@ -68459,7 +68459,10 @@ const ModalImportComponent = (props) => {
                 validateExcelApi(arr)
                     .then((rs) => {
                     setCheckInitValidate(false);
-                    const list = rs.map((item) => ({ ...item, errors: item.errors.map((x) => connectString(t, x)) }));
+                    const list = rs.map((item) => ({
+                        ...item,
+                        errors: item.errors.map((x) => connectString(t, x)),
+                    }));
                     setDataValidate(list);
                     setDataInvalid(list.filter((x) => x.errors?.length > 0));
                     setDataValid(list.filter((x) => x.error || x.errors?.length === 0));
@@ -68501,7 +68504,13 @@ const ModalImportComponent = (props) => {
         });
     };
     const getDataType = (e) => {
-        return e.dataType === 'numeric' || e.dataType === 'datetime' || e.dataType === 'date' ? e.dataType : e.dataType === 'boolean' ? 'checkbox' : 'text';
+        return e.dataType === 'numeric' ||
+            e.dataType === 'datetime' ||
+            e.dataType === 'date'
+            ? e.dataType
+            : e.dataType === 'boolean'
+                ? 'checkbox'
+                : 'text';
     };
     const defaultValidateExcelColumns = [
         {
@@ -68509,7 +68518,7 @@ const ModalImportComponent = (props) => {
             headerText: 'Row',
             fixedType: 'left',
             textAlign: 'center',
-            width: 80
+            width: 80,
         },
         {
             field: 'result',
@@ -68517,8 +68526,8 @@ const ModalImportComponent = (props) => {
             fixedType: 'left',
             width: 140,
             template: (props) => {
-                return props.errors?.length === 0 ? jsxRuntime.jsx("span", { className: "text-success", children: t('Valid') }) : jsxRuntime.jsx("span", { className: "text-danger", children: t('Invalid') });
-            }
+                return props.errors?.length === 0 ? (jsxRuntime.jsx("span", { className: "text-success", children: t('Valid') })) : (jsxRuntime.jsx("span", { className: "text-danger", children: t('Invalid') }));
+            },
         },
         {
             field: 'errorDetail',
@@ -68529,8 +68538,8 @@ const ModalImportComponent = (props) => {
                 return (jsxRuntime.jsx("div", { children: props.errors?.map((item, index) => {
                         return (jsxRuntime.jsxs("div", { className: "d-flex text-danger align-items-center", children: [jsxRuntime.jsx(SvgCircle, { fontSize: 6, className: "me-50 " }), jsxRuntime.jsx("div", { style: { fontSize: '12px' }, children: t(item) })] }, index));
                     }) }));
-            }
-        }
+            },
+        },
     ];
     const handleFormOpened = () => {
         if (getGeneralSettingApi) {
@@ -68563,8 +68572,8 @@ const ModalImportComponent = (props) => {
                     headerText: e.header,
                     width: e.width ?? 150,
                     type: getDataType(e),
-                    template: e.template
-                }))
+                    template: e.template,
+                })),
             ]);
         }
     };
@@ -68580,29 +68589,31 @@ const ModalImportComponent = (props) => {
             setValue('step', 2);
         }
     };
-    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: [
+    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: [
                                     {
                                         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 })),
                                     },
                                     {
                                         id: 'merge-data',
                                         title: t('Merge data fields'),
-                                        content: jsxRuntime.jsx(TabMergeImportExcel, { control: control, errors: errors, getValues: getValues, setValue: setValue, formatNumber: formatNumber, watch: watch, optionField: optionField, windowSize: windowSize })
+                                        content: (jsxRuntime.jsx(TabMergeImportExcel, { control: control, errors: errors, getValues: getValues, setValue: setValue, formatNumber: formatNumber, watch: watch, optionField: optionField, windowSize: windowSize })),
                                     },
                                     {
                                         id: 'validate-data',
                                         title: t('Validate data'),
-                                        content: jsxRuntime.jsx(TabValidateImportExcel, { formatNumber: formatNumber, dataInvalid: dataInvalid, dataValid: dataValid, dataValidate: dataValidate, headerValidateExcelColumns: validateExcelColumns, windowSize: windowSize })
+                                        content: (jsxRuntime.jsx(TabValidateImportExcel, { formatNumber: formatNumber, dataInvalid: dataInvalid, dataValid: dataValid, dataValidate: dataValidate, headerValidateExcelColumns: validateExcelColumns, windowSize: windowSize })),
                                     },
                                     {
                                         id: 'handle-error',
                                         title: t('Error result'),
                                         visible: !!headerErrorExcelColumns,
-                                        content: jsxRuntime.jsx(TabHandleErrorImportExcel, { formatNumber: formatNumber, dataError: dataError, headerHandleErrorExcelColumns: headerErrorExcelColumns ?? [], windowSize: windowSize })
-                                    }
-                                ] }) }) }) }), 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 && getGeneralSettingApi && updateGeneralSettingApi && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Input$1, { checked: isSaveSetting, type: "checkbox", className: "me-50", onChange: (val) => {
+                                        content: (jsxRuntime.jsx(TabHandleErrorImportExcel, { formatNumber: formatNumber, dataError: dataError, headerHandleErrorExcelColumns: headerErrorExcelColumns ?? [], windowSize: windowSize })),
+                                    },
+                                ] }) }) }) }), 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 &&
+                                getGeneralSettingApi &&
+                                updateGeneralSettingApi && (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$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$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$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$1, { color: "secondary", onClick: handleModal, outline: true, children: t('Close') })] })] })] }) }));
 };