@undp/carbon-library 1.0.52 → 1.0.54
Sign up to get free protection for your applications and to get access to all the features.
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
|
},
|
@@ -1770,7 +1773,7 @@ var CompanyProfileComponent = function (props) {
|
|
1770
1773
|
React.createElement(antd.Row, { className: "field" },
|
1771
1774
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
|
1772
1775
|
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
1773
|
-
? companyDetails.creditBalance
|
1776
|
+
? addCommSep(companyDetails.creditBalance)
|
1774
1777
|
: "-")),
|
1775
1778
|
parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
|
1776
1779
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
|
@@ -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
|
@@ -5278,7 +5381,7 @@ var UserProfileComponent = function (props) {
|
|
5278
5381
|
React.createElement(antd.Row, { className: "field" },
|
5279
5382
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
|
5280
5383
|
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
|
5281
|
-
? organisationDetails.creditBalance
|
5384
|
+
? addCommSep(organisationDetails.creditBalance)
|
5282
5385
|
: "-")))))))))));
|
5283
5386
|
};
|
5284
5387
|
|