@undp/carbon-library 1.0.16 → 1.0.18
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 +93 -60
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Programme/ProgrammeManagement/programmeManagementComponent.d.ts +3 -3
- package/dist/cjs/types/Definitions/Enums/programme.management.columns.enum.d.ts +3 -1
- package/dist/esm/index.js +93 -60
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Programme/ProgrammeManagement/programmeManagementComponent.d.ts +3 -3
- package/dist/esm/types/Definitions/Enums/programme.management.columns.enum.d.ts +3 -1
- package/dist/index.d.ts +3 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
@@ -2059,7 +2059,7 @@ var UserManagementComponent = function (props) {
|
|
2059
2059
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
2060
2060
|
};
|
2061
2061
|
|
2062
|
-
var css_248z$9 = ".programme-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value
|
2062
|
+
var css_248z$9 = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Issued\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
|
2063
2063
|
styleInject(css_248z$9);
|
2064
2064
|
|
2065
2065
|
exports.ProgrammeManagementColumns = void 0;
|
@@ -2073,11 +2073,13 @@ exports.ProgrammeManagementColumns = void 0;
|
|
2073
2073
|
ProgrammeManagementColumns[ProgrammeManagementColumns["creditTransferred"] = 6] = "creditTransferred";
|
2074
2074
|
ProgrammeManagementColumns[ProgrammeManagementColumns["certifierId"] = 7] = "certifierId";
|
2075
2075
|
ProgrammeManagementColumns[ProgrammeManagementColumns["serialNo"] = 8] = "serialNo";
|
2076
|
+
ProgrammeManagementColumns[ProgrammeManagementColumns["emissionsReductionExpected"] = 9] = "emissionsReductionExpected";
|
2077
|
+
ProgrammeManagementColumns[ProgrammeManagementColumns["emissionsReductionAchieved"] = 10] = "emissionsReductionAchieved";
|
2076
2078
|
})(exports.ProgrammeManagementColumns || (exports.ProgrammeManagementColumns = {}));
|
2077
2079
|
|
2078
2080
|
var Search = antd.Input.Search;
|
2079
2081
|
var ProgrammeManagementComponent = function (props) {
|
2080
|
-
var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
2082
|
+
var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme;
|
2081
2083
|
var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
|
2082
2084
|
var _b = React.useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
|
2083
2085
|
var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
|
@@ -2103,7 +2105,8 @@ var ProgrammeManagementComponent = function (props) {
|
|
2103
2105
|
console.log(checkedValues);
|
2104
2106
|
if (checkedValues !== selectedStatus) {
|
2105
2107
|
setSelectedStatus(checkedValues);
|
2106
|
-
setIndeterminate(!!checkedValues.length &&
|
2108
|
+
setIndeterminate(!!checkedValues.length &&
|
2109
|
+
checkedValues.length < Object.keys(statusOptions).length);
|
2107
2110
|
setCheckAll(checkedValues.length === Object.keys(statusOptions).length);
|
2108
2111
|
}
|
2109
2112
|
if (checkedValues.length === 0) {
|
@@ -2119,8 +2122,8 @@ var ProgrammeManagementComponent = function (props) {
|
|
2119
2122
|
// },
|
2120
2123
|
// ]);
|
2121
2124
|
setStatusFilter({
|
2122
|
-
key:
|
2123
|
-
operation:
|
2125
|
+
key: "currentStage",
|
2126
|
+
operation: "in",
|
2124
2127
|
value: checkedValues,
|
2125
2128
|
});
|
2126
2129
|
return [2 /*return*/];
|
@@ -2135,11 +2138,11 @@ var ProgrammeManagementComponent = function (props) {
|
|
2135
2138
|
};
|
2136
2139
|
var columns = [
|
2137
2140
|
{
|
2138
|
-
title: t(
|
2139
|
-
dataIndex:
|
2141
|
+
title: t("programme:title"),
|
2142
|
+
dataIndex: "title",
|
2140
2143
|
key: exports.ProgrammeManagementColumns.title,
|
2141
2144
|
sorter: true,
|
2142
|
-
align:
|
2145
|
+
align: "left",
|
2143
2146
|
render: function (item) {
|
2144
2147
|
return React.createElement("span", { className: "clickable" }, item);
|
2145
2148
|
},
|
@@ -2152,32 +2155,32 @@ var ProgrammeManagementComponent = function (props) {
|
|
2152
2155
|
},
|
2153
2156
|
},
|
2154
2157
|
{
|
2155
|
-
title: t(
|
2156
|
-
dataIndex:
|
2158
|
+
title: t("common:company"),
|
2159
|
+
dataIndex: "company",
|
2157
2160
|
key: exports.ProgrammeManagementColumns.company,
|
2158
|
-
align:
|
2161
|
+
align: "left",
|
2159
2162
|
render: function (item, itemObj) {
|
2160
2163
|
var elements = item.map(function (obj) {
|
2161
2164
|
return (React.createElement(antd.Tooltip, { title: obj.name, color: TooltipColor, key: TooltipColor },
|
2162
2165
|
React.createElement("div", null,
|
2163
2166
|
React.createElement(ProfileIcon, { icon: obj.logo, bg: getCompanyBgColor(obj.companyRole), name: obj.name }))));
|
2164
2167
|
});
|
2165
|
-
return React.createElement("div", { style: { display:
|
2168
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, elements));
|
2166
2169
|
},
|
2167
2170
|
},
|
2168
2171
|
{
|
2169
|
-
title: t(
|
2170
|
-
dataIndex:
|
2172
|
+
title: t("programme:sector"),
|
2173
|
+
dataIndex: "sector",
|
2171
2174
|
sorter: true,
|
2172
2175
|
key: exports.ProgrammeManagementColumns.sector,
|
2173
|
-
align:
|
2176
|
+
align: "left",
|
2174
2177
|
},
|
2175
2178
|
{
|
2176
|
-
title: t(
|
2177
|
-
dataIndex:
|
2179
|
+
title: t("programme:status"),
|
2180
|
+
dataIndex: "currentStage",
|
2178
2181
|
key: exports.ProgrammeManagementColumns.currentStage,
|
2179
2182
|
sorter: true,
|
2180
|
-
align:
|
2183
|
+
align: "center",
|
2181
2184
|
render: function (item) {
|
2182
2185
|
return (React.createElement(antd.Tag, { className: "clickable", color: getStageTagType(item) }, getStageEnumVal(item)));
|
2183
2186
|
},
|
@@ -2191,44 +2194,62 @@ var ProgrammeManagementComponent = function (props) {
|
|
2191
2194
|
},
|
2192
2195
|
},
|
2193
2196
|
{
|
2194
|
-
title: t(
|
2195
|
-
dataIndex:
|
2197
|
+
title: t("programme:issued"),
|
2198
|
+
dataIndex: "creditIssued",
|
2196
2199
|
key: exports.ProgrammeManagementColumns.creditIssued,
|
2197
2200
|
sorter: true,
|
2198
|
-
align:
|
2201
|
+
align: "right",
|
2199
2202
|
render: function (item) {
|
2200
|
-
return item ? addCommSep(Number(item)) :
|
2203
|
+
return item ? addCommSep(Number(item)) : "-";
|
2201
2204
|
},
|
2202
2205
|
},
|
2203
2206
|
{
|
2204
|
-
title: t(
|
2205
|
-
dataIndex:
|
2207
|
+
title: t("programme:balance"),
|
2208
|
+
dataIndex: "creditBalance",
|
2206
2209
|
key: exports.ProgrammeManagementColumns.creditBalance,
|
2207
2210
|
sorter: true,
|
2208
|
-
align:
|
2211
|
+
align: "right",
|
2209
2212
|
render: function (item) {
|
2210
|
-
return item ? addCommSep(Number(item)) :
|
2213
|
+
return item ? addCommSep(Number(item)) : "-";
|
2211
2214
|
},
|
2212
2215
|
},
|
2213
2216
|
{
|
2214
|
-
title: t(
|
2215
|
-
dataIndex:
|
2217
|
+
title: t("programme:transferred"),
|
2218
|
+
dataIndex: "creditTransferred",
|
2216
2219
|
key: exports.ProgrammeManagementColumns.creditTransferred,
|
2217
2220
|
sorter: true,
|
2218
|
-
align:
|
2221
|
+
align: "right",
|
2222
|
+
render: function (item) {
|
2223
|
+
return item ? addCommSep(sumArray(item)) : "-";
|
2224
|
+
},
|
2225
|
+
},
|
2226
|
+
{
|
2227
|
+
title: t("programme:emissionsReductionExpected"),
|
2228
|
+
dataIndex: "emissionsReductionExpected",
|
2229
|
+
key: exports.ProgrammeManagementColumns.emissionsReductionExpected,
|
2230
|
+
align: "right",
|
2219
2231
|
render: function (item) {
|
2220
|
-
return item ?
|
2232
|
+
return item ? item : "-";
|
2221
2233
|
},
|
2222
2234
|
},
|
2223
2235
|
{
|
2224
|
-
title: t(
|
2225
|
-
dataIndex:
|
2236
|
+
title: t("programme:emissionsReductionAchieved"),
|
2237
|
+
dataIndex: "emissionsReductionAchieved",
|
2238
|
+
key: exports.ProgrammeManagementColumns.emissionsReductionAchieved,
|
2239
|
+
align: "right",
|
2240
|
+
render: function (item) {
|
2241
|
+
return item ? item : "-";
|
2242
|
+
},
|
2243
|
+
},
|
2244
|
+
{
|
2245
|
+
title: t("programme:certifiers"),
|
2246
|
+
dataIndex: "certifierId",
|
2226
2247
|
key: exports.ProgrammeManagementColumns.certifierId,
|
2227
|
-
align:
|
2248
|
+
align: "left",
|
2228
2249
|
sorter: true,
|
2229
2250
|
render: function (item, itemObj) {
|
2230
2251
|
if (item === null) {
|
2231
|
-
return;
|
2252
|
+
return "-";
|
2232
2253
|
}
|
2233
2254
|
var cMap = {};
|
2234
2255
|
for (var _i = 0, _a = itemObj.certifier; _i < _a.length; _i++) {
|
@@ -2248,10 +2269,10 @@ var ProgrammeManagementComponent = function (props) {
|
|
2248
2269
|
},
|
2249
2270
|
},
|
2250
2271
|
{
|
2251
|
-
title: t(
|
2252
|
-
dataIndex:
|
2272
|
+
title: t("programme:serialNoh"),
|
2273
|
+
dataIndex: "serialNo",
|
2253
2274
|
key: exports.ProgrammeManagementColumns.serialNo,
|
2254
|
-
align:
|
2275
|
+
align: "left",
|
2255
2276
|
},
|
2256
2277
|
].filter(function (column) { return visibleColumns.includes(column.key); });
|
2257
2278
|
var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
|
@@ -2267,30 +2288,30 @@ var ProgrammeManagementComponent = function (props) {
|
|
2267
2288
|
if (statusFilter) {
|
2268
2289
|
filter.push(statusFilter);
|
2269
2290
|
}
|
2270
|
-
if (search && search !==
|
2291
|
+
if (search && search !== "") {
|
2271
2292
|
filter.push({
|
2272
|
-
key:
|
2273
|
-
operation:
|
2293
|
+
key: "title",
|
2294
|
+
operation: "like",
|
2274
2295
|
value: "".concat(search, "%"),
|
2275
2296
|
});
|
2276
2297
|
}
|
2277
2298
|
if (sortOrder && sortField) {
|
2278
2299
|
sort = {
|
2279
|
-
key: sortField ===
|
2300
|
+
key: sortField === "certifierId" ? "certifierId[1]" : sortField,
|
2280
2301
|
order: sortOrder,
|
2281
2302
|
nullFirst: false,
|
2282
2303
|
};
|
2283
2304
|
}
|
2284
2305
|
else {
|
2285
2306
|
sort = {
|
2286
|
-
key:
|
2287
|
-
order:
|
2307
|
+
key: "programmeId",
|
2308
|
+
order: "DESC",
|
2288
2309
|
};
|
2289
2310
|
}
|
2290
2311
|
_a.label = 1;
|
2291
2312
|
case 1:
|
2292
2313
|
_a.trys.push([1, 3, , 4]);
|
2293
|
-
return [4 /*yield*/, post(
|
2314
|
+
return [4 /*yield*/, post("national/programme/query", {
|
2294
2315
|
page: currentPage,
|
2295
2316
|
size: pageSize,
|
2296
2317
|
filterAnd: filter,
|
@@ -2304,12 +2325,12 @@ var ProgrammeManagementComponent = function (props) {
|
|
2304
2325
|
return [3 /*break*/, 4];
|
2305
2326
|
case 3:
|
2306
2327
|
error_1 = _a.sent();
|
2307
|
-
console.log(
|
2328
|
+
console.log("Error in getting programme", error_1);
|
2308
2329
|
antd.message.open({
|
2309
|
-
type:
|
2330
|
+
type: "error",
|
2310
2331
|
content: error_1.message,
|
2311
2332
|
duration: 3,
|
2312
|
-
style: { textAlign:
|
2333
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
2313
2334
|
});
|
2314
2335
|
setLoading(false);
|
2315
2336
|
return [3 /*break*/, 4];
|
@@ -2340,19 +2361,27 @@ var ProgrammeManagementComponent = function (props) {
|
|
2340
2361
|
};
|
2341
2362
|
var handleTableChange = function (pag, sorter) {
|
2342
2363
|
console.log(pag, sorter);
|
2343
|
-
setSortOrder(sorter.order ===
|
2364
|
+
setSortOrder(sorter.order === "ascend"
|
2365
|
+
? "ASC"
|
2366
|
+
: sorter.order === "descend"
|
2367
|
+
? "DESC"
|
2368
|
+
: undefined);
|
2344
2369
|
setSortField(sorter.columnKey);
|
2345
2370
|
// setCurrentPage(1);
|
2346
2371
|
};
|
2347
2372
|
return (React.createElement("div", { className: "content-container programme-management" },
|
2348
|
-
React.createElement("div", { className: "title-bar" },
|
2349
|
-
React.createElement("div", { className: "
|
2350
|
-
|
2373
|
+
React.createElement("div", { className: "programme-title-bar" },
|
2374
|
+
React.createElement("div", { className: "title-bar" },
|
2375
|
+
React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
|
2376
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
|
2377
|
+
React.createElement("div", { className: "actions" },
|
2378
|
+
React.createElement("div", { className: "action-bar" },
|
2379
|
+
React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme"))))),
|
2351
2380
|
React.createElement("div", { className: "content-card" },
|
2352
2381
|
React.createElement(antd.Row, { className: "table-actions-section" },
|
2353
2382
|
React.createElement(antd.Col, { lg: { span: 16 }, md: { span: 16 } },
|
2354
2383
|
React.createElement("div", { className: "action-bar" },
|
2355
|
-
React.createElement(antd.Checkbox, { className: "all-check", disabled: loading, indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, t(
|
2384
|
+
React.createElement(antd.Checkbox, { className: "all-check", disabled: loading, indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, t("programme:all")),
|
2356
2385
|
React.createElement(antd.Checkbox.Group, { disabled: loading, options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
|
2357
2386
|
React.createElement(antd.Col, { lg: { span: 8 }, md: { span: 8 } },
|
2358
2387
|
React.createElement("div", { className: "filter-section" },
|
@@ -2360,17 +2389,17 @@ var ProgrammeManagementComponent = function (props) {
|
|
2360
2389
|
React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
|
2361
2390
|
return setDataFilter(v.target.checked
|
2362
2391
|
? {
|
2363
|
-
key:
|
2364
|
-
operation:
|
2392
|
+
key: "companyId",
|
2393
|
+
operation: "ANY",
|
2365
2394
|
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
2366
2395
|
}
|
2367
2396
|
: undefined);
|
2368
|
-
} }, t(
|
2397
|
+
} }, t("view:seeMine"))),
|
2369
2398
|
React.createElement("div", { className: "search-bar" },
|
2370
|
-
React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t(
|
2399
|
+
React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t("programme:searchByName")), allowClear: true,
|
2371
2400
|
// onChange={(e) => setSearchText(e.target.value)}
|
2372
2401
|
onChange: function (e) {
|
2373
|
-
return e.target.value ===
|
2402
|
+
return e.target.value === ""
|
2374
2403
|
? setSearch(e.target.value)
|
2375
2404
|
: setSearchText(e.target.value);
|
2376
2405
|
}, onSearch: setSearch, style: { width: 265 } }))))),
|
@@ -2384,10 +2413,14 @@ var ProgrammeManagementComponent = function (props) {
|
|
2384
2413
|
showQuickJumper: true,
|
2385
2414
|
showSizeChanger: true,
|
2386
2415
|
onChange: onChange,
|
2387
|
-
}, onChange: function (val, filter, sorter) {
|
2416
|
+
}, onChange: function (val, filter, sorter) {
|
2417
|
+
return handleTableChange(val, sorter);
|
2418
|
+
},
|
2388
2419
|
// scroll={{ x: 1500 }}
|
2389
2420
|
locale: {
|
2390
|
-
emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
2421
|
+
emptyText: (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
2422
|
+
? t("programme:noProgrammes")
|
2423
|
+
: null })),
|
2391
2424
|
} })))))));
|
2392
2425
|
};
|
2393
2426
|
|
@@ -4840,9 +4873,9 @@ var UserProfileComponent = function (props) {
|
|
4840
4873
|
var removeUserInfo = useUserContext().removeUserInfo;
|
4841
4874
|
var _c = React.useState(false), isLoading = _c[0], setIsLoading = _c[1];
|
4842
4875
|
var signOut = function () {
|
4843
|
-
onNavigateLogin();
|
4844
4876
|
updateToken();
|
4845
4877
|
removeUserInfo();
|
4878
|
+
onNavigateLogin();
|
4846
4879
|
};
|
4847
4880
|
var getUserProfileDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
4848
4881
|
var response;
|