@undp/carbon-library 1.0.52 → 1.0.53

package/dist/cjs/types/Styles/role.color.constants.d.ts

@@ -10,6 +10,8 @@ export declare const GovBGColor = "rgba(185, 226, 244, 0.56)";
 export declare const GovColor = "#16B1FF";
 export declare const DevBGColor = "rgba(254, 241, 173, 0.55)";
 export declare const DevColor = "#FFA070";
+export declare const MinBGColor = "rgba(198, 144, 251, 0.12)";
+export declare const MinColor = "#9155fd";
 export declare const CertBGColor = "rgba(128, 255, 0, 0.12)";
 export declare const CertColor = "#519E4F";
 export declare const TooltipColor = "#6ACDFF";

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, ExperimentOutlined, UploadOutlined, AuditOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
+import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
@@ -130,21 +130,23 @@ var RoleIcon = function (props) {
     return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
 };
 
-var AdminBGColor = 'rgba(255, 166, 166, 0.42)';
-var AdminColor = '#D12800';
-var RootBGColor = 'rgba(255, 0, 229, 0.15)';
-var RootColor = '#DB00FF';
-var ManagerBGColor = 'rgba(96, 27, 209, 0.13)';
-var ManagerColor = '#75009E';
-var ViewBGColor = 'rgba(176, 190, 197, 0.23)';
-var ViewColor = '#707070';
-var GovBGColor = 'rgba(185, 226, 244, 0.56)';
-var GovColor = '#16B1FF';
-var DevBGColor = 'rgba(254, 241, 173, 0.55)';
-var DevColor = '#FFA070';
-var CertBGColor = 'rgba(128, 255, 0, 0.12)';
-var CertColor = '#519E4F';
-var TooltipColor = '#6ACDFF';
+var AdminBGColor = "rgba(255, 166, 166, 0.42)";
+var AdminColor = "#D12800";
+var RootBGColor = "rgba(255, 0, 229, 0.15)";
+var RootColor = "#DB00FF";
+var ManagerBGColor = "rgba(96, 27, 209, 0.13)";
+var ManagerColor = "#75009E";
+var ViewBGColor = "rgba(176, 190, 197, 0.23)";
+var ViewColor = "#707070";
+var GovBGColor = "rgba(185, 226, 244, 0.56)";
+var GovColor = "#16B1FF";
+var DevBGColor = "rgba(254, 241, 173, 0.55)";
+var DevColor = "#FFA070";
+var MinBGColor = "rgba(198, 144, 251, 0.12)";
+var MinColor = "#9155fd";
+var CertBGColor = "rgba(128, 255, 0, 0.12)";
+var CertColor = "#519E4F";
+var TooltipColor = "#6ACDFF";
 
 var ProgrammeStage;
 (function (ProgrammeStage) {
@@ -479,8 +481,8 @@ var CompanyManagementComponent = function (props) {
     };
     var getCompanyRoleComponent = function (item) {
         return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
-            item === "Government" ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === "Certifier" ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
-            item === "ProgrammeDeveloper" ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
+            item === CompanyRole$1.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === CompanyRole$1.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === CompanyRole$1.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
+            item === CompanyRole$1.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
     };
     var handleFilterVisibleChange = function () {
         setFilterVisible(true);
@@ -691,6 +693,7 @@ var CompanyManagementComponent = function (props) {
                     React.createElement(Space, { direction: "vertical" },
                         React.createElement(Radio, { value: "All" }, t("company:all")),
                         React.createElement(Radio, { value: "Government" }, t("company:gov")),
+                        React.createElement(Radio, { value: "Ministry" }, t("company:min")),
                         React.createElement(Radio, { value: "ProgrammeDeveloper" }, t("company:developer")),
                         React.createElement(Radio, { value: "Certifier" }, t("company:certifier")))))),
         },
@@ -1824,8 +1827,8 @@ var UserManagementComponent = function (props) {
                 ? item === null || item === void 0 ? void 0 : item.companyRole
                 : null;
         return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
-            role === "Government" ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === "Certifier" ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
-            role === "ProgrammeDeveloper" ? (React.createElement("div", null, "Developer")) : (React.createElement("div", null, role))));
+            role === CompanyRole$1.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === CompanyRole$1.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : role === CompanyRole$1.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
+            role === CompanyRole$1.PROGRAMME_DEVELOPER ? (React.createElement("div", null, "Developer")) : (React.createElement("div", null, role))));
     };
     var deleteUser = function (record) { return __awaiter(void 0, void 0, void 0, function () {
         var response, temp, index, error_1;
@@ -2224,6 +2227,7 @@ var UserManagementComponent = function (props) {
                     React.createElement(Space, { direction: "vertical" },
                         React.createElement(Radio, { value: "All" }, "All"),
                         React.createElement(Radio, { value: "Government" }, "Government"),
+                        React.createElement(Radio, { value: "Ministry" }, "Ministry"),
                         React.createElement(Radio, { value: "ProgrammeDeveloper" }, "Developer"),
                         React.createElement(Radio, { value: "Certifier" }, "Certifier"))))),
         },
@@ -2317,15 +2321,17 @@ var ProgrammeManagementComponent = function (props) {
     var _k = useState(), dataFilter = _k[0], setDataFilter = _k[1];
     var _l = useState(), sortOrder = _l[0], setSortOrder = _l[1];
     var _m = useState(), sortField = _m[0], setSortField = _m[1];
+    var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
+    var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
     var userInfoState = useUserContext().userInfoState;
     var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStage;
     var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
         label: Object.values(stageObject)[index],
         value: k,
     }); });
-    var _o = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _o[0], setSelectedStatus = _o[1];
-    var _p = useState(false), indeterminate = _p[0], setIndeterminate = _p[1];
-    var _q = useState(true), checkAll = _q[0], setCheckAll = _q[1];
+    var _q = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
+    var _r = useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
+    var _s = useState(true), checkAll = _s[0], setCheckAll = _s[1];
     var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             console.log(checkedValues);
@@ -2502,12 +2508,13 @@ var ProgrammeManagementComponent = function (props) {
         },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var filter, sort, response, error_1;
+        var filter, filterOr, sort, response, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setLoading(true);
                     filter = [];
+                    filterOr = [];
                     if (dataFilter) {
                         filter.push(dataFilter);
                     }
@@ -2521,6 +2528,15 @@ var ProgrammeManagementComponent = function (props) {
                             value: "".concat(search, "%"),
                         });
                     }
+                    if (ministryLevelFilter) {
+                        ministrySectoralScope === null || ministrySectoralScope === void 0 ? void 0 : ministrySectoralScope.map(function (secScope) {
+                            filterOr.push({
+                                key: "sectoralScope",
+                                operation: "=",
+                                value: secScope,
+                            });
+                        });
+                    }
                     if (sortOrder && sortField) {
                         sort = {
                             key: sortField === "certifierId" ? "certifierId[1]" : sortField,
@@ -2541,6 +2557,7 @@ var ProgrammeManagementComponent = function (props) {
                             page: currentPage,
                             size: pageSize,
                             filterAnd: filter,
+                            filterOr: filterOr,
                             sort: sort,
                         })];
                 case 2:
@@ -2564,6 +2581,47 @@ var ProgrammeManagementComponent = function (props) {
             }
         });
     }); };
+    var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_2;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    setLoading(true);
+                    _g.label = 1;
+                case 1:
+                    _g.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/user/query", {
+                            page: 1,
+                            size: 10,
+                            filterAnd: [
+                                {
+                                    key: "id",
+                                    operation: "=",
+                                    value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _g.sent();
+                    if (response && response.data) {
+                        if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === CompanyRole$1.MINISTRY &&
+                            ((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
+                            ((_d = (_c = response === null || response === void 0 ? void 0 : response.data[0]) === null || _c === void 0 ? void 0 : _c.company) === null || _d === void 0 ? void 0 : _d.sectoralScope)) {
+                            setMinistrySectoralScope((_f = (_e = response === null || response === void 0 ? void 0 : response.data[0]) === null || _e === void 0 ? void 0 : _e.company) === null || _f === void 0 ? void 0 : _f.sectoralScope);
+                        }
+                    }
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _g.sent();
+                    console.log("Error in getting users", error_2);
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             setSearch(searchText);
@@ -2580,7 +2638,19 @@ var ProgrammeManagementComponent = function (props) {
     }, [statusFilter, dataFilter]);
     useEffect(function () {
         getAllProgramme();
-    }, [currentPage, pageSize, sortField, sortOrder, search]);
+    }, [
+        currentPage,
+        pageSize,
+        sortField,
+        sortOrder,
+        search,
+        ministryLevelFilter,
+    ]);
+    useEffect(function () {
+        if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole$1.MINISTRY) {
+            getUserDetails();
+        }
+    }, []);
     var onChange = function (page, size) {
         setCurrentPage(page);
         setPageSize(size);
@@ -2613,14 +2683,26 @@ var ProgrammeManagementComponent = function (props) {
                     React.createElement("div", { className: "filter-section" },
                         React.createElement("div", { className: "search-filter" },
                             React.createElement(Checkbox, { className: "label", onChange: function (v) {
-                                    return setDataFilter(v.target.checked
-                                        ? {
-                                            key: "companyId",
-                                            operation: "ANY",
-                                            value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
+                                    if (userInfoState.companyRole === CompanyRole$1.MINISTRY) {
+                                        if (v.target.checked) {
+                                            setMinistryLevelFilter(true);
+                                        }
+                                        else {
+                                            setMinistryLevelFilter(false);
                                         }
-                                        : undefined);
-                                } }, t("view:seeMine"))),
+                                    }
+                                    else {
+                                        setDataFilter(v.target.checked
+                                            ? {
+                                                key: "companyId",
+                                                operation: "ANY",
+                                                value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
+                                            }
+                                            : undefined);
+                                    }
+                                } }, userInfoState.companyRole === CompanyRole$1.MINISTRY
+                                ? t("view:ministryLevel")
+                                : t("view:seeMine"))),
                         React.createElement("div", { className: "search-bar" },
                             React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t("programme:searchByName")), allowClear: true, 
                                 // onChange={(e) => setSearchText(e.target.value)}
@@ -5162,6 +5244,15 @@ var UserProfileComponent = function (props) {
             }
         });
     }); };
+    var getEnumKeysFromValues = function (values) {
+        var enumKeys = [];
+        for (var key in SectoralScope) {
+            if (values.includes(SectoralScope[key])) {
+                enumKeys.push(key);
+            }
+        }
+        return enumKeys;
+    };
     useEffect(function () {
         getUserProfileDetails();
     }, []);
@@ -5232,6 +5323,18 @@ var UserProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
                                     React.createElement(Col, { span: 12, className: "field-value" },
                                         React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
+                                (organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
+                                    CompanyRole$1.MINISTRY && (React.createElement(React.Fragment, null,
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
+                                            ? organisationDetails.nameOfMinister
+                                            : "-")),
+                                    React.createElement(Row, { className: "field" },
+                                        React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
+                                        React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
+                                            ? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
+                                            : "-")))),
                                 React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
                                     React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email