awing-library 2.1.76-beta → 2.1.76

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.js

@@ -1,136 +1 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- * @author dauquan1108@gmail.com on 01/26/2024.
- *
- **/
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var react_i18next_1 = require("react-i18next");
-var Types_1 = require("./Types");
-var AWING_1 = require("../../AWING");
-var Hooks_1 = __importDefault(require("./Hooks"));
-var PlaceListInfo_1 = __importDefault(require("./PlaceListInfo"));
-function ContentCreateOrEdit() {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var id = (0, react_router_dom_1.useParams)().id;
-    var _a = (0, Hooks_1.default)(), service = _a.service, snackbar = _a.appHelper.snackbar;
-    var _b = (0, AWING_1.useDrawer)(), drawerState = _b.drawerState, setDrawerState = _b.setDrawerState, setDrawerTitle = _b.setDrawerTitle, setConfirmExit = _b.setConfirmExit;
-    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
-    var _d = (0, react_1.useState)(false), loadingTable = _d[0], setLoadingTable = _d[1];
-    var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
-    var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
-    var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
-    // Update DrawerNavigate
-    (0, react_1.useEffect)(function () {
-        var _a;
-        setDrawerTitle(id
-            ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
-            : t('PlaceGroup.TitleCreate'));
-        !(placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name) || !((_a = placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name) === null || _a === void 0 ? void 0 : _a.trim())
-            ? setDrawerState(AWING_1.DrawerStateEnum.INVALID)
-            : setDrawerState(AWING_1.DrawerStateEnum.VALID);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name]);
-    (0, react_1.useEffect)(function () {
-        if (drawerState === AWING_1.DrawerStateEnum.IN_PROGRESS) {
-            handleSubmit();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [drawerState]);
-    // End update DrawerNavigate
-    (0, react_1.useEffect)(function () {
-        if (!placeGroup && id) {
-            setLoading(true);
-            service
-                .placeGroupsGet(id)
-                .then(function (placeGroupData) {
-                setPlaceGroup(placeGroupData);
-                setPlaceFilter(placeGroupData.placeFilter);
-            })
-                .finally(function () {
-                setLoading(false);
-            });
-        }
-    }, [placeGroup, service, id]);
-    (0, react_1.useEffect)(function () {
-        if (id) {
-            setLoadingTable(true);
-            service
-                .placesQuery({ groupIds: [id] })
-                .then(setPlaces)
-                .finally(function () {
-                setLoadingTable(false);
-            });
-        }
-    }, [service, id]);
-    var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
-        setConfirmExit(true);
-        setPlaces(placesSelected);
-        setPlaceFilter(placeFilter);
-    }, []);
-    var handleSubmit = function () {
-        var newPlaceGroup = __assign(__assign({}, placeGroup), { placeIds: places.map(function (place) { return place.placeId; }), placeFilter: placeFilter !== null && placeFilter !== void 0 ? placeFilter : {
-                operandGroups: [
-                    {
-                        operands: [
-                            {
-                                operator: Types_1.LogicalOperator.In,
-                                type: Types_1.PlaceFilterOperandType.PlaceId,
-                                value: '[]',
-                            },
-                        ],
-                    },
-                ],
-            } });
-        var handleServiceCall = function (promise) {
-            return promise
-                .then(function () {
-                snackbar('success');
-                setDrawerState(AWING_1.DrawerStateEnum.SUBMIT_SUCCESS);
-            })
-                .catch(function () {
-                snackbar('error');
-                setDrawerState(AWING_1.DrawerStateEnum.VALID);
-            });
-        };
-        return id
-            ? handleServiceCall(service.placeGroupsPut(newPlaceGroup))
-            : handleServiceCall(service.placeGroupsPost(newPlaceGroup));
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
-                        {
-                            fieldName: 'name',
-                            type: 'text',
-                            label: t('Common.GroupName'),
-                            required: true,
-                        },
-                        {
-                            fieldName: 'description',
-                            type: 'text',
-                            label: t('PlaceGroup.Description'),
-                        },
-                    ], oldValue: placeGroup, onUpdate: function (validState, valueForm) {
-                        setConfirmExit(true);
-                        setPlaceGroup(function (oldPlaceGroup) {
-                            return (__assign(__assign({}, oldPlaceGroup), valueForm));
-                        });
-                    } }), (0, jsx_runtime_1.jsx)(PlaceListInfo_1.default, { rows: places, loading: loadingTable, onDetailSubmit: handleDetailSubmit, placeFilter: placeFilter })] })) }));
-}
-exports.default = ContentCreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.test.js

@@ -59,7 +59,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("@testing-library/react");
 var react_router_dom_1 = require("react-router-dom");
-var ContentCreateOrEdit_1 = __importDefault(require("./ContentCreateOrEdit"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var AWING_1 = require("../../AWING");
 require("@testing-library/jest-dom");
 var mockPlaceGroup = {
@@ -281,7 +281,7 @@ describe('ContentCreateOrEdit component(PlaceGroup).', function () {
         });
     });
     var renderUi = function () {
-        return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(ContentCreateOrEdit_1.default, {}) }));
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}) }));
     };
     it('Render component', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/lib/ACM-AXN/PlaceGroup/Context.d.ts

@@ -1,8 +1,3 @@
-/**
- *
- * @author dauquan1108@gmail.com on 19/02/2024.
- *
- **/
 /// <reference types="react" />
 import { PlaceGroupPropsContext } from './Types';
 export declare const placeGroupPropsContext: import("react").Context<PlaceGroupPropsContext>;

package/lib/ACM-AXN/PlaceGroup/Context.js

@@ -1,9 +1,4 @@
 "use strict";
-/**
- *
- * @author dauquan1108@gmail.com on 19/02/2024.
- *
- **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.placeGroupPropsContext = void 0;
 var react_1 = require("react");

package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,9 +20,98 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author dauquan1108@gmail.com on 01/26/2024.
  *
  **/
-var DrawerNavigate_1 = __importDefault(require("../../AWING/DrawerNavigate"));
-var ContentCreateOrEdit_1 = __importDefault(require("./ContentCreateOrEdit"));
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var react_i18next_1 = require("react-i18next");
+var Types_1 = require("./Types");
+var AWING_1 = require("../../AWING");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var PlaceListInfo_1 = __importDefault(require("./PlaceListInfo"));
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
 function CreateOrEdit() {
-    return ((0, jsx_runtime_1.jsx)(DrawerNavigate_1.default, { childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(ContentCreateOrEdit_1.default, {}) }));
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var id = (0, react_router_dom_1.useParams)().id;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(false), confirmExit = _a[0], setConfirmExit = _a[1];
+    var _b = (0, react_1.useState)(true), validState = _b[0], setValidState = _b[1];
+    var _c = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(true), loadingTable = _d[0], setLoadingTable = _d[1];
+    var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
+    var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
+    var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (!placeGroup && id) {
+            service
+                .placeGroupsGet(id)
+                .then(function (placeGroupData) {
+                setPlaceGroup(placeGroupData);
+                setPlaceFilter(placeGroupData.placeFilter);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [placeGroup, service, id]);
+    (0, react_1.useEffect)(function () {
+        if (id) {
+            service
+                .placesQuery({ groupIds: [id] })
+                .then(setPlaces)
+                .finally(function () {
+                setLoadingTable(false);
+            });
+        }
+        else {
+            setLoadingTable(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
+        setConfirmExit(true);
+        setPlaces(placesSelected);
+        setPlaceFilter(placeFilter);
+    }, []);
+    var handleSubmit = function () {
+        var newPlaceGroup = __assign(__assign({}, placeGroup), { placeIds: places.map(function (place) { return place.placeId; }), placeFilter: placeFilter !== null && placeFilter !== void 0 ? placeFilter : {
+                operandGroups: [
+                    {
+                        operands: [
+                            {
+                                operator: Types_1.LogicalOperator.In,
+                                type: Types_1.PlaceFilterOperandType.PlaceId,
+                                value: '[]',
+                            },
+                        ],
+                    },
+                ],
+            } });
+        return service[id ? 'placeGroupsPut' : 'placeGroupsPost'](newPlaceGroup);
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id
+            ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
+            : t('PlaceGroup.TitleCreate'), onSubmit: handleSubmit, confirmExit: confirmExit, disableButtonSubmit: !(validState && confirmExit), children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
+                        {
+                            fieldName: 'name',
+                            type: 'text',
+                            label: t('Common.GroupName'),
+                            required: true,
+                        },
+                        {
+                            fieldName: 'description',
+                            type: 'text',
+                            length: 200,
+                            pattern: false,
+                            label: t('PlaceGroup.Description'),
+                        },
+                    ], oldValue: placeGroup, onUpdate: function (validState, valueForm) {
+                        setConfirmExit(true);
+                        setValidState(validState);
+                        setPlaceGroup(function (oldPlaceGroup) {
+                            return (__assign(__assign({}, oldPlaceGroup), valueForm));
+                        });
+                    } }), (0, jsx_runtime_1.jsx)(PlaceListInfo_1.default, { rows: places, loading: loadingTable, onDetailSubmit: handleDetailSubmit, placeFilter: placeFilter })] })) }));
 }
 exports.default = CreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/index.js

@@ -19,7 +19,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Container_1 = __importDefault(require("./Container"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var Router_1 = require("../../AWING/Router");
 var Context_1 = require("./Context");

package/lib/ACM-AXN/ScheduleCompletionRate/Container.js

@@ -22,51 +22,61 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var recoil_1 = require("recoil");
 var material_1 = require("@mui/material");
+var recoil_1 = require("recoil");
+var react_helmet_async_1 = require("react-helmet-async");
 var AccessTime_1 = __importDefault(require("@mui/icons-material/AccessTime"));
 var Filter_1 = __importDefault(require("./Filter"));
-var Constant_1 = require("./Constant");
+var Context_1 = __importDefault(require("../../Context"));
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
-var Recoils_1 = require("./Recoils");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Utils_1 = require("./Utils");
-var Helpers_1 = require("../../Utils/Helpers");
 var AWING_1 = require("../../AWING");
-var react_helmet_async_1 = require("react-helmet-async");
-var Context_1 = __importDefault(require("../../Context"));
+var Recoils_1 = require("./Recoils");
+var Helpers_1 = require("../../Utils/Helpers");
 function Container() {
     var navigate = (0, Router_1.useNavigate)();
     var i18next = (0, react_1.useContext)(Context_1.default).i18next;
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }).t;
     var service = (0, Hooks_1.default)().service;
     var setScheduleCompletionRate = (0, recoil_1.useSetRecoilState)(Recoils_1.scheduleCompletionRateAtom);
+    var type = (0, recoil_1.useRecoilValue)(Recoils_1.ScheduleCompletionRateTypeViewState).type;
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)([]), sortModels = _b[0], setSortModels = _b[1];
     var _c = (0, react_1.useState)([]), schedules = _c[0], setSchedules = _c[1];
-    var _d = (0, react_1.useState)([]), fullSchedules = _d[0], setFullSchedules = _d[1];
+    var _d = (0, react_1.useState)([]), defaultFullSchedules = _d[0], setDefaultFullSchedules = _d[1];
     var _e = (0, react_1.useState)(Utils_1.DefaultValueFilter), filter = _e[0], setFilter = _e[1];
     var _f = (0, react_1.useState)(Utils_1.QueryInputDetail), queryInput = _f[0], setQueryInput = _f[1];
     (0, react_1.useEffect)(function () {
         var _a, _b;
         setLoading(true);
         service
-            .scheduleCompletionRatesGet((_a = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD'), (_b = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'))
+            .scheduleCompletionRatesGet({
+            fromDate: (_a = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD'),
+            toDate: (_b = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'),
+            level: 0,
+        })
             .then(function (res) {
-            var valueNew = res.map(function (item) { return (__assign(__assign({}, item), { rate: (item.totalRun / item.totalQuantity) * 100 || 0 })); });
-            setFullSchedules(valueNew);
-            setSchedules(valueNew);
-            setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: valueNew })); });
+            var resNew = res.sort(function (a, b) {
+                return a.campaignId.localeCompare(b.campaignId);
+            });
+            var valueNew = (0, Utils_1.converData)(resNew, type);
+            updateData(valueNew);
+            // Dư liệu mặc định chưa update
+            setDefaultFullSchedules(resNew);
         })
             .finally(function () {
             setLoading(false);
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [service, filter.startDate, filter.endDate]);
+    }, [filter.startDate, filter.endDate]);
     (0, react_1.useEffect)(function () {
-        var dataFilter = fullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
-        setSchedules(dataFilter.length > 0 ? dataFilter : fullSchedules);
-    }, [filter.campaignId, fullSchedules]);
+        var dataFilter = defaultFullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
+        var valueNew = (0, Utils_1.converData)(dataFilter.length > 0 ? dataFilter : defaultFullSchedules, type);
+        updateData(valueNew);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filter.campaignId, defaultFullSchedules, type]);
     (0, react_1.useEffect)(function () {
         sortModels.length &&
             setSchedules(function (prev) {
@@ -78,6 +88,12 @@ function Container() {
                 });
             });
     }, [sortModels]);
+    var updateData = function (dataNew) {
+        // Hiển thị dữ liệu DataGrid
+        setSchedules(dataNew);
+        // update recoils
+        setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: dataNew })); });
+    };
     var handleUpdateFilter = function (valueNew) {
         setFilter(function (oldValue) { return (__assign(__assign({}, oldValue), valueNew)); });
     };
@@ -85,7 +101,7 @@ function Container() {
         var _a = paths.split('.'), _r = _a[0], campaignId = _a[1], groupId = _a[2];
         navigate("".concat(Constant_1.Constants.DETAIL_PATH, "/").concat(campaignId, "/").concat(groupId));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { padding: '24px 16px 0' }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { pt: 3, pl: 2, pr: 2 }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter, scheduleCompletionRate: defaultFullSchedules }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
                             {
                                 field: '#',
                                 headerName: '#',
@@ -96,17 +112,10 @@ function Container() {
                                 field: 'campaignName',
                                 headerName: t('ScheduleCompletionRate.CampaignName'),
                                 valueGetter: function (row) {
-                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(row === null || row === void 0 ? void 0 : row.campaignId) !== -1
-                                                        ? (row === null || row === void 0 ? void 0 : row.campaignName) ||
-                                                            "ID:\n                                                    ".concat(row === null || row === void 0 ? void 0 : row.campaignId)
-                                                        : t('ScheduleCompletionRate.CampaignDefault'), (row === null || row === void 0 ? void 0 : row.isNetWorkCampaign) && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                                            backgroundColor: '#c49f47',
-                                                            color: '#ffffff',
-                                                            fontSize: '13px',
-                                                            marginLeft: '4px',
-                                                            padding: '1px 4px',
-                                                            borderRadius: '2px',
-                                                        }, children: "Network" }))] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: (row === null || row === void 0 ? void 0 : row.campaignId) !== -1
+                                                    ? (row === null || row === void 0 ? void 0 : row.campaignName) ||
+                                                        "ID:\n                                                    ".concat(row === null || row === void 0 ? void 0 : row.campaignId)
+                                                    : t('ScheduleCompletionRate.CampaignDefault') }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                                     display: 'flex',
                                                     flexDirection: 'row',
                                                     alignItems: 'center',
@@ -146,6 +155,7 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
                             },
                             {
                                 field: 'totalRun',
@@ -159,6 +169,7 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
                             },
                             {
                                 field: 'rate',
@@ -173,6 +184,10 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
+                                valueGetter: function (row) {
+                                    return (0, Helpers_1.formatNumber)(row.rate.toFixed(2) || 0);
+                                },
                             },
                         ], rows: (0, Helpers_1.offlinePaginate)(schedules, queryInput.pageIndex, queryInput.pageSize), sortModel: sortModels, onSortModelChange: setSortModels, getRowId: function (row) {
                             return [(0, Helpers_1.generateUUID)(), row.campaignId, row.groupId].join('.');

package/lib/ACM-AXN/ScheduleCompletionRate/DataSetConfig.d.ts

@@ -1,6 +1,6 @@
 import { Moment } from 'moment';
 import { ConvertExcelData } from './Types';
-export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertExcelData, t: any, startDate: Moment, endDate: Moment) => {
+export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertExcelData, startDate: Moment, endDate: Moment) => {
     sheetByCampaign: ({
         columns: string[];
         data: (({
@@ -17,23 +17,24 @@ export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertEx
                     sz: string;
                 };
             };
-        } | {
-            value: number | undefined;
+        })[] | ({
+            value: string;
             style: {
                 font: {
                     sz: string;
+                    bold?: undefined;
                 };
             };
-        })[] | ({
+        } | {
             value: string;
             style: {
                 font: {
                     sz: string;
-                    bold?: undefined;
+                    bold: boolean;
                 };
             };
         } | {
-            value: any;
+            value: number;
             style: {
                 font: {
                     sz: string;
@@ -42,14 +43,11 @@ export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertEx
             };
         })[])[];
     } | {
-        columns: any[];
-        data: string[][];
-    })[];
-    sheetCampaignDetail: ({
         columns: string[];
-        data: any[][];
-    } | {
-        columns: any[];
         data: string[][];
     })[];
+    sheetCampaignDetail: {
+        columns: string[];
+        data: (string | number | undefined)[][];
+    }[];
 };

package/lib/ACM-AXN/ScheduleCompletionRate/DataSetConfig.js

@@ -15,18 +15,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigs = void 0;
 var lodash_1 = __importDefault(require("lodash"));
 var moment_1 = __importDefault(require("moment"));
-var DataSetConfigs = function (exportData, t, startDate, endDate) {
+var i18n_1 = __importDefault(require("../../i18n"));
+var DataSetConfigs = function (exportData, startDate, endDate) {
+    // check NaN and Infinity
+    var checkNumber = function (value) {
+        return !isNaN(value) && Number.isFinite(value) ? value : 0;
+    };
     var sheetByCampaign = __spreadArray([
         {
             columns: [
                 '#',
-                t('Schedule.CampaignName'),
-                t('Schedule.StartDate'),
-                t('Schedule.EndDate'),
-                t('Schedule.Date'),
-                t('Schedule.Estimate'),
-                t('Schedule.Reality'),
-                "".concat(t('Schedule.CompletionRate'), "(%)"),
+                i18n_1.default.t('Schedule.CampaignName'),
+                i18n_1.default.t('Schedule.StartDate'),
+                i18n_1.default.t('Schedule.EndDate'),
+                i18n_1.default.t('Schedule.Date'),
+                i18n_1.default.t('Schedule.Estimate'),
+                i18n_1.default.t('Schedule.Reality'),
+                "".concat(i18n_1.default.t('Schedule.CompletionRate'), "(%)"),
             ],
             data: [['', '', '', '', '', '', '', '']],
         }
@@ -101,15 +106,15 @@ var DataSetConfigs = function (exportData, t, startDate, endDate) {
                         style: { font: { sz: '13' } },
                     },
                     {
-                        value: item.totalQuantity,
+                        value: (item === null || item === void 0 ? void 0 : item.totalQuantity) || 0,
                         style: { font: { sz: '12' } },
                     },
                     {
-                        value: item.totalRun,
+                        value: (item === null || item === void 0 ? void 0 : item.totalRun) || 0,
                         style: { font: { sz: '12' } },
                     },
                     {
-                        value: item.rate,
+                        value: checkNumber((item === null || item === void 0 ? void 0 : item.rate) || 0),
                         style: { font: { sz: '12' } },
                     },
                 ];
@@ -120,7 +125,7 @@ var DataSetConfigs = function (exportData, t, startDate, endDate) {
                     { value: '', style: { font: { sz: '13' } } },
                     { value: '', style: { font: { sz: '13' } } },
                     {
-                        value: t('Schedule.Total'),
+                        value: i18n_1.default.t('Schedule.Total'),
                         style: { font: { sz: '13', bold: true } },
                     },
                     {
@@ -132,7 +137,7 @@ var DataSetConfigs = function (exportData, t, startDate, endDate) {
                         style: { font: { sz: '12', bold: true } },
                     },
                     {
-                        value: totalRate,
+                        value: checkNumber(totalRate || 0),
                         style: { font: { sz: '12', bold: true } },
                     },
                 ],
@@ -143,14 +148,14 @@ var DataSetConfigs = function (exportData, t, startDate, endDate) {
         {
             columns: [
                 '#',
-                t('Schedule.CampaignName'),
-                t('Schedule.StartDate'),
-                t('Schedule.EndDate'),
-                t('Schedule.DataFromDateToDate'),
-                t('Schedule.Place'),
-                t('Schedule.Estimate'),
-                t('Schedule.Reality'),
-                "".concat(t('Schedule.CompletionRate'), "(%)"),
+                i18n_1.default.t('Schedule.CampaignName'),
+                i18n_1.default.t('Schedule.StartDate'),
+                i18n_1.default.t('Schedule.EndDate'),
+                i18n_1.default.t('Schedule.DataFromDateToDate'),
+                i18n_1.default.t('Schedule.Place'),
+                i18n_1.default.t('Schedule.Estimate'),
+                i18n_1.default.t('Schedule.Reality'),
+                "".concat(i18n_1.default.t('Schedule.CompletionRate'), "(%)"),
             ],
             data: [['', '', '', '', '', '', '', '', '']],
         }
@@ -196,7 +201,7 @@ var DataSetConfigs = function (exportData, t, startDate, endDate) {
                     '',
                     '',
                     '',
-                    t('Schedule.Total'),
+                    i18n_1.default.t('Schedule.Total'),
                     sumTotalQuantity,
                     sumTotalRun,
                     totalRate,