@undp/carbon-library 1.0.17 → 1.0.18
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +92 -59
- 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 +92 -59
- 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",
|
2219
2222
|
render: function (item) {
|
2220
|
-
return item ? addCommSep(sumArray(item)) :
|
2223
|
+
return item ? addCommSep(sumArray(item)) : "-";
|
2221
2224
|
},
|
2222
2225
|
},
|
2223
2226
|
{
|
2224
|
-
title: t(
|
2225
|
-
dataIndex:
|
2227
|
+
title: t("programme:emissionsReductionExpected"),
|
2228
|
+
dataIndex: "emissionsReductionExpected",
|
2229
|
+
key: exports.ProgrammeManagementColumns.emissionsReductionExpected,
|
2230
|
+
align: "right",
|
2231
|
+
render: function (item) {
|
2232
|
+
return item ? item : "-";
|
2233
|
+
},
|
2234
|
+
},
|
2235
|
+
{
|
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
|
|