@undp/carbon-library 1.0.52 → 1.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js
CHANGED
|
@@ -150,21 +150,23 @@ var RoleIcon = function (props) {
|
|
|
150
150
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
|
151
151
|
};
|
|
152
152
|
|
|
153
|
-
var AdminBGColor =
|
|
154
|
-
var AdminColor =
|
|
155
|
-
var RootBGColor =
|
|
156
|
-
var RootColor =
|
|
157
|
-
var ManagerBGColor =
|
|
158
|
-
var ManagerColor =
|
|
159
|
-
var ViewBGColor =
|
|
160
|
-
var ViewColor =
|
|
161
|
-
var GovBGColor =
|
|
162
|
-
var GovColor =
|
|
163
|
-
var DevBGColor =
|
|
164
|
-
var DevColor =
|
|
165
|
-
var
|
|
166
|
-
var
|
|
167
|
-
var
|
|
153
|
+
var AdminBGColor = "rgba(255, 166, 166, 0.42)";
|
|
154
|
+
var AdminColor = "#D12800";
|
|
155
|
+
var RootBGColor = "rgba(255, 0, 229, 0.15)";
|
|
156
|
+
var RootColor = "#DB00FF";
|
|
157
|
+
var ManagerBGColor = "rgba(96, 27, 209, 0.13)";
|
|
158
|
+
var ManagerColor = "#75009E";
|
|
159
|
+
var ViewBGColor = "rgba(176, 190, 197, 0.23)";
|
|
160
|
+
var ViewColor = "#707070";
|
|
161
|
+
var GovBGColor = "rgba(185, 226, 244, 0.56)";
|
|
162
|
+
var GovColor = "#16B1FF";
|
|
163
|
+
var DevBGColor = "rgba(254, 241, 173, 0.55)";
|
|
164
|
+
var DevColor = "#FFA070";
|
|
165
|
+
var MinBGColor = "rgba(198, 144, 251, 0.12)";
|
|
166
|
+
var MinColor = "#9155fd";
|
|
167
|
+
var CertBGColor = "rgba(128, 255, 0, 0.12)";
|
|
168
|
+
var CertColor = "#519E4F";
|
|
169
|
+
var TooltipColor = "#6ACDFF";
|
|
168
170
|
|
|
169
171
|
exports.ProgrammeStage = void 0;
|
|
170
172
|
(function (ProgrammeStage) {
|
|
@@ -499,8 +501,8 @@ var CompanyManagementComponent = function (props) {
|
|
|
499
501
|
};
|
|
500
502
|
var getCompanyRoleComponent = function (item) {
|
|
501
503
|
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
|
|
502
|
-
item ===
|
|
503
|
-
item ===
|
|
504
|
+
item === exports.CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === exports.CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === exports.CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(icons.AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
505
|
+
item === exports.CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
|
|
504
506
|
};
|
|
505
507
|
var handleFilterVisibleChange = function () {
|
|
506
508
|
setFilterVisible(true);
|
|
@@ -711,6 +713,7 @@ var CompanyManagementComponent = function (props) {
|
|
|
711
713
|
React.createElement(antd.Space, { direction: "vertical" },
|
|
712
714
|
React.createElement(antd.Radio, { value: "All" }, t("company:all")),
|
|
713
715
|
React.createElement(antd.Radio, { value: "Government" }, t("company:gov")),
|
|
716
|
+
React.createElement(antd.Radio, { value: "Ministry" }, t("company:min")),
|
|
714
717
|
React.createElement(antd.Radio, { value: "ProgrammeDeveloper" }, t("company:developer")),
|
|
715
718
|
React.createElement(antd.Radio, { value: "Certifier" }, t("company:certifier")))))),
|
|
716
719
|
},
|
|
@@ -1844,8 +1847,8 @@ var UserManagementComponent = function (props) {
|
|
|
1844
1847
|
? item === null || item === void 0 ? void 0 : item.companyRole
|
|
1845
1848
|
: null;
|
|
1846
1849
|
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } },
|
|
1847
|
-
role ===
|
|
1848
|
-
role ===
|
|
1850
|
+
role === exports.CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === exports.CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : role === exports.CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(icons.AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
1851
|
+
role === exports.CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, "Developer")) : (React.createElement("div", null, role))));
|
|
1849
1852
|
};
|
|
1850
1853
|
var deleteUser = function (record) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1851
1854
|
var response, temp, index, error_1;
|
|
@@ -2244,6 +2247,7 @@ var UserManagementComponent = function (props) {
|
|
|
2244
2247
|
React.createElement(antd.Space, { direction: "vertical" },
|
|
2245
2248
|
React.createElement(antd.Radio, { value: "All" }, "All"),
|
|
2246
2249
|
React.createElement(antd.Radio, { value: "Government" }, "Government"),
|
|
2250
|
+
React.createElement(antd.Radio, { value: "Ministry" }, "Ministry"),
|
|
2247
2251
|
React.createElement(antd.Radio, { value: "ProgrammeDeveloper" }, "Developer"),
|
|
2248
2252
|
React.createElement(antd.Radio, { value: "Certifier" }, "Certifier"))))),
|
|
2249
2253
|
},
|
|
@@ -2337,15 +2341,17 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2337
2341
|
var _k = React.useState(), dataFilter = _k[0], setDataFilter = _k[1];
|
|
2338
2342
|
var _l = React.useState(), sortOrder = _l[0], setSortOrder = _l[1];
|
|
2339
2343
|
var _m = React.useState(), sortField = _m[0], setSortField = _m[1];
|
|
2344
|
+
var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
|
2345
|
+
var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
|
2340
2346
|
var userInfoState = useUserContext().userInfoState;
|
|
2341
2347
|
var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStage;
|
|
2342
2348
|
var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
|
|
2343
2349
|
label: Object.values(stageObject)[index],
|
|
2344
2350
|
value: k,
|
|
2345
2351
|
}); });
|
|
2346
|
-
var
|
|
2347
|
-
var
|
|
2348
|
-
var
|
|
2352
|
+
var _q = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _q[0], setSelectedStatus = _q[1];
|
|
2353
|
+
var _r = React.useState(false), indeterminate = _r[0], setIndeterminate = _r[1];
|
|
2354
|
+
var _s = React.useState(true), checkAll = _s[0], setCheckAll = _s[1];
|
|
2349
2355
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2350
2356
|
return __generator(this, function (_a) {
|
|
2351
2357
|
console.log(checkedValues);
|
|
@@ -2522,12 +2528,13 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2522
2528
|
},
|
|
2523
2529
|
].filter(function (column) { return visibleColumns.includes(column.key); });
|
|
2524
2530
|
var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
2525
|
-
var filter, sort, response, error_1;
|
|
2531
|
+
var filter, filterOr, sort, response, error_1;
|
|
2526
2532
|
return __generator(this, function (_a) {
|
|
2527
2533
|
switch (_a.label) {
|
|
2528
2534
|
case 0:
|
|
2529
2535
|
setLoading(true);
|
|
2530
2536
|
filter = [];
|
|
2537
|
+
filterOr = [];
|
|
2531
2538
|
if (dataFilter) {
|
|
2532
2539
|
filter.push(dataFilter);
|
|
2533
2540
|
}
|
|
@@ -2541,6 +2548,15 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2541
2548
|
value: "".concat(search, "%"),
|
|
2542
2549
|
});
|
|
2543
2550
|
}
|
|
2551
|
+
if (ministryLevelFilter) {
|
|
2552
|
+
ministrySectoralScope === null || ministrySectoralScope === void 0 ? void 0 : ministrySectoralScope.map(function (secScope) {
|
|
2553
|
+
filterOr.push({
|
|
2554
|
+
key: "sectoralScope",
|
|
2555
|
+
operation: "=",
|
|
2556
|
+
value: secScope,
|
|
2557
|
+
});
|
|
2558
|
+
});
|
|
2559
|
+
}
|
|
2544
2560
|
if (sortOrder && sortField) {
|
|
2545
2561
|
sort = {
|
|
2546
2562
|
key: sortField === "certifierId" ? "certifierId[1]" : sortField,
|
|
@@ -2561,6 +2577,7 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2561
2577
|
page: currentPage,
|
|
2562
2578
|
size: pageSize,
|
|
2563
2579
|
filterAnd: filter,
|
|
2580
|
+
filterOr: filterOr,
|
|
2564
2581
|
sort: sort,
|
|
2565
2582
|
})];
|
|
2566
2583
|
case 2:
|
|
@@ -2584,6 +2601,47 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2584
2601
|
}
|
|
2585
2602
|
});
|
|
2586
2603
|
}); };
|
|
2604
|
+
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
2605
|
+
var response, error_2;
|
|
2606
|
+
var _a, _b, _c, _d, _e, _f;
|
|
2607
|
+
return __generator(this, function (_g) {
|
|
2608
|
+
switch (_g.label) {
|
|
2609
|
+
case 0:
|
|
2610
|
+
setLoading(true);
|
|
2611
|
+
_g.label = 1;
|
|
2612
|
+
case 1:
|
|
2613
|
+
_g.trys.push([1, 3, , 4]);
|
|
2614
|
+
return [4 /*yield*/, post("national/user/query", {
|
|
2615
|
+
page: 1,
|
|
2616
|
+
size: 10,
|
|
2617
|
+
filterAnd: [
|
|
2618
|
+
{
|
|
2619
|
+
key: "id",
|
|
2620
|
+
operation: "=",
|
|
2621
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.id,
|
|
2622
|
+
},
|
|
2623
|
+
],
|
|
2624
|
+
})];
|
|
2625
|
+
case 2:
|
|
2626
|
+
response = _g.sent();
|
|
2627
|
+
if (response && response.data) {
|
|
2628
|
+
if (((_a = response === null || response === void 0 ? void 0 : response.data[0]) === null || _a === void 0 ? void 0 : _a.companyRole) === exports.CompanyRole.MINISTRY &&
|
|
2629
|
+
((_b = response === null || response === void 0 ? void 0 : response.data[0]) === null || _b === void 0 ? void 0 : _b.company) &&
|
|
2630
|
+
((_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)) {
|
|
2631
|
+
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);
|
|
2632
|
+
}
|
|
2633
|
+
}
|
|
2634
|
+
setLoading(false);
|
|
2635
|
+
return [3 /*break*/, 4];
|
|
2636
|
+
case 3:
|
|
2637
|
+
error_2 = _g.sent();
|
|
2638
|
+
console.log("Error in getting users", error_2);
|
|
2639
|
+
setLoading(false);
|
|
2640
|
+
return [3 /*break*/, 4];
|
|
2641
|
+
case 4: return [2 /*return*/];
|
|
2642
|
+
}
|
|
2643
|
+
});
|
|
2644
|
+
}); };
|
|
2587
2645
|
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
2588
2646
|
return __generator(this, function (_a) {
|
|
2589
2647
|
setSearch(searchText);
|
|
@@ -2600,7 +2658,19 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2600
2658
|
}, [statusFilter, dataFilter]);
|
|
2601
2659
|
React.useEffect(function () {
|
|
2602
2660
|
getAllProgramme();
|
|
2603
|
-
}, [
|
|
2661
|
+
}, [
|
|
2662
|
+
currentPage,
|
|
2663
|
+
pageSize,
|
|
2664
|
+
sortField,
|
|
2665
|
+
sortOrder,
|
|
2666
|
+
search,
|
|
2667
|
+
ministryLevelFilter,
|
|
2668
|
+
]);
|
|
2669
|
+
React.useEffect(function () {
|
|
2670
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
|
2671
|
+
getUserDetails();
|
|
2672
|
+
}
|
|
2673
|
+
}, []);
|
|
2604
2674
|
var onChange = function (page, size) {
|
|
2605
2675
|
setCurrentPage(page);
|
|
2606
2676
|
setPageSize(size);
|
|
@@ -2633,14 +2703,26 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
2633
2703
|
React.createElement("div", { className: "filter-section" },
|
|
2634
2704
|
React.createElement("div", { className: "search-filter" },
|
|
2635
2705
|
React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2706
|
+
if (userInfoState.companyRole === exports.CompanyRole.MINISTRY) {
|
|
2707
|
+
if (v.target.checked) {
|
|
2708
|
+
setMinistryLevelFilter(true);
|
|
2709
|
+
}
|
|
2710
|
+
else {
|
|
2711
|
+
setMinistryLevelFilter(false);
|
|
2641
2712
|
}
|
|
2642
|
-
|
|
2643
|
-
|
|
2713
|
+
}
|
|
2714
|
+
else {
|
|
2715
|
+
setDataFilter(v.target.checked
|
|
2716
|
+
? {
|
|
2717
|
+
key: "companyId",
|
|
2718
|
+
operation: "ANY",
|
|
2719
|
+
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
|
2720
|
+
}
|
|
2721
|
+
: undefined);
|
|
2722
|
+
}
|
|
2723
|
+
} }, userInfoState.companyRole === exports.CompanyRole.MINISTRY
|
|
2724
|
+
? t("view:ministryLevel")
|
|
2725
|
+
: t("view:seeMine"))),
|
|
2644
2726
|
React.createElement("div", { className: "search-bar" },
|
|
2645
2727
|
React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t("programme:searchByName")), allowClear: true,
|
|
2646
2728
|
// onChange={(e) => setSearchText(e.target.value)}
|
|
@@ -5182,6 +5264,15 @@ var UserProfileComponent = function (props) {
|
|
|
5182
5264
|
}
|
|
5183
5265
|
});
|
|
5184
5266
|
}); };
|
|
5267
|
+
var getEnumKeysFromValues = function (values) {
|
|
5268
|
+
var enumKeys = [];
|
|
5269
|
+
for (var key in exports.SectoralScope) {
|
|
5270
|
+
if (values.includes(exports.SectoralScope[key])) {
|
|
5271
|
+
enumKeys.push(key);
|
|
5272
|
+
}
|
|
5273
|
+
}
|
|
5274
|
+
return enumKeys;
|
|
5275
|
+
};
|
|
5185
5276
|
React.useEffect(function () {
|
|
5186
5277
|
getUserProfileDetails();
|
|
5187
5278
|
}, []);
|
|
@@ -5252,6 +5343,18 @@ var UserProfileComponent = function (props) {
|
|
|
5252
5343
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
|
|
5253
5344
|
React.createElement(antd.Col, { span: 12, className: "field-value" },
|
|
5254
5345
|
React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
|
|
5346
|
+
(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
|
|
5347
|
+
exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
5348
|
+
React.createElement(antd.Row, { className: "field" },
|
|
5349
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
|
|
5350
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
|
|
5351
|
+
? organisationDetails.nameOfMinister
|
|
5352
|
+
: "-")),
|
|
5353
|
+
React.createElement(antd.Row, { className: "field" },
|
|
5354
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
|
|
5355
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
|
|
5356
|
+
? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
|
|
5357
|
+
: "-")))),
|
|
5255
5358
|
React.createElement(antd.Row, { className: "field" },
|
|
5256
5359
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
|
|
5257
5360
|
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
|