@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/types/Components/Programme/ProgrammeManagement/programmeManagementComponent.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from
|
2
|
-
import
|
3
|
-
import
|
1
|
+
import React from "react";
|
2
|
+
import "./programmeManagementComponent.scss";
|
3
|
+
import "../../../Styles/common.table.scss";
|
4
4
|
export declare const ProgrammeManagementComponent: (props: any) => React.JSX.Element;
|
package/dist/esm/index.js
CHANGED
@@ -2039,7 +2039,7 @@ var UserManagementComponent = function (props) {
|
|
2039
2039
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
2040
2040
|
};
|
2041
2041
|
|
2042
|
-
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
|
2042
|
+
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";
|
2043
2043
|
styleInject(css_248z$9);
|
2044
2044
|
|
2045
2045
|
var ProgrammeManagementColumns;
|
@@ -2053,11 +2053,13 @@ var ProgrammeManagementColumns;
|
|
2053
2053
|
ProgrammeManagementColumns[ProgrammeManagementColumns["creditTransferred"] = 6] = "creditTransferred";
|
2054
2054
|
ProgrammeManagementColumns[ProgrammeManagementColumns["certifierId"] = 7] = "certifierId";
|
2055
2055
|
ProgrammeManagementColumns[ProgrammeManagementColumns["serialNo"] = 8] = "serialNo";
|
2056
|
+
ProgrammeManagementColumns[ProgrammeManagementColumns["emissionsReductionExpected"] = 9] = "emissionsReductionExpected";
|
2057
|
+
ProgrammeManagementColumns[ProgrammeManagementColumns["emissionsReductionAchieved"] = 10] = "emissionsReductionAchieved";
|
2056
2058
|
})(ProgrammeManagementColumns || (ProgrammeManagementColumns = {}));
|
2057
2059
|
|
2058
2060
|
var Search = Input.Search;
|
2059
2061
|
var ProgrammeManagementComponent = function (props) {
|
2060
|
-
var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
2062
|
+
var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme;
|
2061
2063
|
var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
|
2062
2064
|
var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
|
2063
2065
|
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
@@ -2083,7 +2085,8 @@ var ProgrammeManagementComponent = function (props) {
|
|
2083
2085
|
console.log(checkedValues);
|
2084
2086
|
if (checkedValues !== selectedStatus) {
|
2085
2087
|
setSelectedStatus(checkedValues);
|
2086
|
-
setIndeterminate(!!checkedValues.length &&
|
2088
|
+
setIndeterminate(!!checkedValues.length &&
|
2089
|
+
checkedValues.length < Object.keys(statusOptions).length);
|
2087
2090
|
setCheckAll(checkedValues.length === Object.keys(statusOptions).length);
|
2088
2091
|
}
|
2089
2092
|
if (checkedValues.length === 0) {
|
@@ -2099,8 +2102,8 @@ var ProgrammeManagementComponent = function (props) {
|
|
2099
2102
|
// },
|
2100
2103
|
// ]);
|
2101
2104
|
setStatusFilter({
|
2102
|
-
key:
|
2103
|
-
operation:
|
2105
|
+
key: "currentStage",
|
2106
|
+
operation: "in",
|
2104
2107
|
value: checkedValues,
|
2105
2108
|
});
|
2106
2109
|
return [2 /*return*/];
|
@@ -2115,11 +2118,11 @@ var ProgrammeManagementComponent = function (props) {
|
|
2115
2118
|
};
|
2116
2119
|
var columns = [
|
2117
2120
|
{
|
2118
|
-
title: t(
|
2119
|
-
dataIndex:
|
2121
|
+
title: t("programme:title"),
|
2122
|
+
dataIndex: "title",
|
2120
2123
|
key: ProgrammeManagementColumns.title,
|
2121
2124
|
sorter: true,
|
2122
|
-
align:
|
2125
|
+
align: "left",
|
2123
2126
|
render: function (item) {
|
2124
2127
|
return React.createElement("span", { className: "clickable" }, item);
|
2125
2128
|
},
|
@@ -2132,32 +2135,32 @@ var ProgrammeManagementComponent = function (props) {
|
|
2132
2135
|
},
|
2133
2136
|
},
|
2134
2137
|
{
|
2135
|
-
title: t(
|
2136
|
-
dataIndex:
|
2138
|
+
title: t("common:company"),
|
2139
|
+
dataIndex: "company",
|
2137
2140
|
key: ProgrammeManagementColumns.company,
|
2138
|
-
align:
|
2141
|
+
align: "left",
|
2139
2142
|
render: function (item, itemObj) {
|
2140
2143
|
var elements = item.map(function (obj) {
|
2141
2144
|
return (React.createElement(Tooltip, { title: obj.name, color: TooltipColor, key: TooltipColor },
|
2142
2145
|
React.createElement("div", null,
|
2143
2146
|
React.createElement(ProfileIcon, { icon: obj.logo, bg: getCompanyBgColor(obj.companyRole), name: obj.name }))));
|
2144
2147
|
});
|
2145
|
-
return React.createElement("div", { style: { display:
|
2148
|
+
return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, elements));
|
2146
2149
|
},
|
2147
2150
|
},
|
2148
2151
|
{
|
2149
|
-
title: t(
|
2150
|
-
dataIndex:
|
2152
|
+
title: t("programme:sector"),
|
2153
|
+
dataIndex: "sector",
|
2151
2154
|
sorter: true,
|
2152
2155
|
key: ProgrammeManagementColumns.sector,
|
2153
|
-
align:
|
2156
|
+
align: "left",
|
2154
2157
|
},
|
2155
2158
|
{
|
2156
|
-
title: t(
|
2157
|
-
dataIndex:
|
2159
|
+
title: t("programme:status"),
|
2160
|
+
dataIndex: "currentStage",
|
2158
2161
|
key: ProgrammeManagementColumns.currentStage,
|
2159
2162
|
sorter: true,
|
2160
|
-
align:
|
2163
|
+
align: "center",
|
2161
2164
|
render: function (item) {
|
2162
2165
|
return (React.createElement(Tag, { className: "clickable", color: getStageTagType(item) }, getStageEnumVal(item)));
|
2163
2166
|
},
|
@@ -2171,44 +2174,62 @@ var ProgrammeManagementComponent = function (props) {
|
|
2171
2174
|
},
|
2172
2175
|
},
|
2173
2176
|
{
|
2174
|
-
title: t(
|
2175
|
-
dataIndex:
|
2177
|
+
title: t("programme:issued"),
|
2178
|
+
dataIndex: "creditIssued",
|
2176
2179
|
key: ProgrammeManagementColumns.creditIssued,
|
2177
2180
|
sorter: true,
|
2178
|
-
align:
|
2181
|
+
align: "right",
|
2179
2182
|
render: function (item) {
|
2180
|
-
return item ? addCommSep(Number(item)) :
|
2183
|
+
return item ? addCommSep(Number(item)) : "-";
|
2181
2184
|
},
|
2182
2185
|
},
|
2183
2186
|
{
|
2184
|
-
title: t(
|
2185
|
-
dataIndex:
|
2187
|
+
title: t("programme:balance"),
|
2188
|
+
dataIndex: "creditBalance",
|
2186
2189
|
key: ProgrammeManagementColumns.creditBalance,
|
2187
2190
|
sorter: true,
|
2188
|
-
align:
|
2191
|
+
align: "right",
|
2189
2192
|
render: function (item) {
|
2190
|
-
return item ? addCommSep(Number(item)) :
|
2193
|
+
return item ? addCommSep(Number(item)) : "-";
|
2191
2194
|
},
|
2192
2195
|
},
|
2193
2196
|
{
|
2194
|
-
title: t(
|
2195
|
-
dataIndex:
|
2197
|
+
title: t("programme:transferred"),
|
2198
|
+
dataIndex: "creditTransferred",
|
2196
2199
|
key: ProgrammeManagementColumns.creditTransferred,
|
2197
2200
|
sorter: true,
|
2198
|
-
align:
|
2201
|
+
align: "right",
|
2199
2202
|
render: function (item) {
|
2200
|
-
return item ? addCommSep(sumArray(item)) :
|
2203
|
+
return item ? addCommSep(sumArray(item)) : "-";
|
2201
2204
|
},
|
2202
2205
|
},
|
2203
2206
|
{
|
2204
|
-
title: t(
|
2205
|
-
dataIndex:
|
2207
|
+
title: t("programme:emissionsReductionExpected"),
|
2208
|
+
dataIndex: "emissionsReductionExpected",
|
2209
|
+
key: ProgrammeManagementColumns.emissionsReductionExpected,
|
2210
|
+
align: "right",
|
2211
|
+
render: function (item) {
|
2212
|
+
return item ? item : "-";
|
2213
|
+
},
|
2214
|
+
},
|
2215
|
+
{
|
2216
|
+
title: t("programme:emissionsReductionAchieved"),
|
2217
|
+
dataIndex: "emissionsReductionAchieved",
|
2218
|
+
key: ProgrammeManagementColumns.emissionsReductionAchieved,
|
2219
|
+
align: "right",
|
2220
|
+
render: function (item) {
|
2221
|
+
return item ? item : "-";
|
2222
|
+
},
|
2223
|
+
},
|
2224
|
+
{
|
2225
|
+
title: t("programme:certifiers"),
|
2226
|
+
dataIndex: "certifierId",
|
2206
2227
|
key: ProgrammeManagementColumns.certifierId,
|
2207
|
-
align:
|
2228
|
+
align: "left",
|
2208
2229
|
sorter: true,
|
2209
2230
|
render: function (item, itemObj) {
|
2210
2231
|
if (item === null) {
|
2211
|
-
return;
|
2232
|
+
return "-";
|
2212
2233
|
}
|
2213
2234
|
var cMap = {};
|
2214
2235
|
for (var _i = 0, _a = itemObj.certifier; _i < _a.length; _i++) {
|
@@ -2228,10 +2249,10 @@ var ProgrammeManagementComponent = function (props) {
|
|
2228
2249
|
},
|
2229
2250
|
},
|
2230
2251
|
{
|
2231
|
-
title: t(
|
2232
|
-
dataIndex:
|
2252
|
+
title: t("programme:serialNoh"),
|
2253
|
+
dataIndex: "serialNo",
|
2233
2254
|
key: ProgrammeManagementColumns.serialNo,
|
2234
|
-
align:
|
2255
|
+
align: "left",
|
2235
2256
|
},
|
2236
2257
|
].filter(function (column) { return visibleColumns.includes(column.key); });
|
2237
2258
|
var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
|
@@ -2247,30 +2268,30 @@ var ProgrammeManagementComponent = function (props) {
|
|
2247
2268
|
if (statusFilter) {
|
2248
2269
|
filter.push(statusFilter);
|
2249
2270
|
}
|
2250
|
-
if (search && search !==
|
2271
|
+
if (search && search !== "") {
|
2251
2272
|
filter.push({
|
2252
|
-
key:
|
2253
|
-
operation:
|
2273
|
+
key: "title",
|
2274
|
+
operation: "like",
|
2254
2275
|
value: "".concat(search, "%"),
|
2255
2276
|
});
|
2256
2277
|
}
|
2257
2278
|
if (sortOrder && sortField) {
|
2258
2279
|
sort = {
|
2259
|
-
key: sortField ===
|
2280
|
+
key: sortField === "certifierId" ? "certifierId[1]" : sortField,
|
2260
2281
|
order: sortOrder,
|
2261
2282
|
nullFirst: false,
|
2262
2283
|
};
|
2263
2284
|
}
|
2264
2285
|
else {
|
2265
2286
|
sort = {
|
2266
|
-
key:
|
2267
|
-
order:
|
2287
|
+
key: "programmeId",
|
2288
|
+
order: "DESC",
|
2268
2289
|
};
|
2269
2290
|
}
|
2270
2291
|
_a.label = 1;
|
2271
2292
|
case 1:
|
2272
2293
|
_a.trys.push([1, 3, , 4]);
|
2273
|
-
return [4 /*yield*/, post(
|
2294
|
+
return [4 /*yield*/, post("national/programme/query", {
|
2274
2295
|
page: currentPage,
|
2275
2296
|
size: pageSize,
|
2276
2297
|
filterAnd: filter,
|
@@ -2284,12 +2305,12 @@ var ProgrammeManagementComponent = function (props) {
|
|
2284
2305
|
return [3 /*break*/, 4];
|
2285
2306
|
case 3:
|
2286
2307
|
error_1 = _a.sent();
|
2287
|
-
console.log(
|
2308
|
+
console.log("Error in getting programme", error_1);
|
2288
2309
|
message.open({
|
2289
|
-
type:
|
2310
|
+
type: "error",
|
2290
2311
|
content: error_1.message,
|
2291
2312
|
duration: 3,
|
2292
|
-
style: { textAlign:
|
2313
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
2293
2314
|
});
|
2294
2315
|
setLoading(false);
|
2295
2316
|
return [3 /*break*/, 4];
|
@@ -2320,19 +2341,27 @@ var ProgrammeManagementComponent = function (props) {
|
|
2320
2341
|
};
|
2321
2342
|
var handleTableChange = function (pag, sorter) {
|
2322
2343
|
console.log(pag, sorter);
|
2323
|
-
setSortOrder(sorter.order ===
|
2344
|
+
setSortOrder(sorter.order === "ascend"
|
2345
|
+
? "ASC"
|
2346
|
+
: sorter.order === "descend"
|
2347
|
+
? "DESC"
|
2348
|
+
: undefined);
|
2324
2349
|
setSortField(sorter.columnKey);
|
2325
2350
|
// setCurrentPage(1);
|
2326
2351
|
};
|
2327
2352
|
return (React.createElement("div", { className: "content-container programme-management" },
|
2328
|
-
React.createElement("div", { className: "title-bar" },
|
2329
|
-
React.createElement("div", { className: "
|
2330
|
-
|
2353
|
+
React.createElement("div", { className: "programme-title-bar" },
|
2354
|
+
React.createElement("div", { className: "title-bar" },
|
2355
|
+
React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
|
2356
|
+
React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
|
2357
|
+
React.createElement("div", { className: "actions" },
|
2358
|
+
React.createElement("div", { className: "action-bar" },
|
2359
|
+
React.createElement(Button, { type: "primary", size: "large", block: true, icon: React.createElement(PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme"))))),
|
2331
2360
|
React.createElement("div", { className: "content-card" },
|
2332
2361
|
React.createElement(Row, { className: "table-actions-section" },
|
2333
2362
|
React.createElement(Col, { lg: { span: 16 }, md: { span: 16 } },
|
2334
2363
|
React.createElement("div", { className: "action-bar" },
|
2335
|
-
React.createElement(Checkbox, { className: "all-check", disabled: loading, indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, t(
|
2364
|
+
React.createElement(Checkbox, { className: "all-check", disabled: loading, indeterminate: indeterminate, onChange: onCheckAllChange, checked: checkAll, defaultChecked: true }, t("programme:all")),
|
2336
2365
|
React.createElement(Checkbox.Group, { disabled: loading, options: statusOptions, defaultValue: statusOptions.map(function (e) { return e.value; }), value: selectedStatus, onChange: onStatusQuery }))),
|
2337
2366
|
React.createElement(Col, { lg: { span: 8 }, md: { span: 8 } },
|
2338
2367
|
React.createElement("div", { className: "filter-section" },
|
@@ -2340,17 +2369,17 @@ var ProgrammeManagementComponent = function (props) {
|
|
2340
2369
|
React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
2341
2370
|
return setDataFilter(v.target.checked
|
2342
2371
|
? {
|
2343
|
-
key:
|
2344
|
-
operation:
|
2372
|
+
key: "companyId",
|
2373
|
+
operation: "ANY",
|
2345
2374
|
value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
|
2346
2375
|
}
|
2347
2376
|
: undefined);
|
2348
|
-
} }, t(
|
2377
|
+
} }, t("view:seeMine"))),
|
2349
2378
|
React.createElement("div", { className: "search-bar" },
|
2350
|
-
React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t(
|
2379
|
+
React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t("programme:searchByName")), allowClear: true,
|
2351
2380
|
// onChange={(e) => setSearchText(e.target.value)}
|
2352
2381
|
onChange: function (e) {
|
2353
|
-
return e.target.value ===
|
2382
|
+
return e.target.value === ""
|
2354
2383
|
? setSearch(e.target.value)
|
2355
2384
|
: setSearchText(e.target.value);
|
2356
2385
|
}, onSearch: setSearch, style: { width: 265 } }))))),
|
@@ -2364,10 +2393,14 @@ var ProgrammeManagementComponent = function (props) {
|
|
2364
2393
|
showQuickJumper: true,
|
2365
2394
|
showSizeChanger: true,
|
2366
2395
|
onChange: onChange,
|
2367
|
-
}, onChange: function (val, filter, sorter) {
|
2396
|
+
}, onChange: function (val, filter, sorter) {
|
2397
|
+
return handleTableChange(val, sorter);
|
2398
|
+
},
|
2368
2399
|
// scroll={{ x: 1500 }}
|
2369
2400
|
locale: {
|
2370
|
-
emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
2401
|
+
emptyText: (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: tableData.length === 0
|
2402
|
+
? t("programme:noProgrammes")
|
2403
|
+
: null })),
|
2371
2404
|
} })))))));
|
2372
2405
|
};
|
2373
2406
|
|