@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 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='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";
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 && checkedValues.length < Object.keys(statusOptions).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: 'currentStage',
2123
- operation: 'in',
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('programme:title'),
2139
- dataIndex: 'title',
2141
+ title: t("programme:title"),
2142
+ dataIndex: "title",
2140
2143
  key: exports.ProgrammeManagementColumns.title,
2141
2144
  sorter: true,
2142
- align: 'left',
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('common:company'),
2156
- dataIndex: 'company',
2158
+ title: t("common:company"),
2159
+ dataIndex: "company",
2157
2160
  key: exports.ProgrammeManagementColumns.company,
2158
- align: 'left',
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: 'flex', alignItems: 'center' } }, elements);
2168
+ return (React.createElement("div", { style: { display: "flex", alignItems: "center" } }, elements));
2166
2169
  },
2167
2170
  },
2168
2171
  {
2169
- title: t('programme:sector'),
2170
- dataIndex: 'sector',
2172
+ title: t("programme:sector"),
2173
+ dataIndex: "sector",
2171
2174
  sorter: true,
2172
2175
  key: exports.ProgrammeManagementColumns.sector,
2173
- align: 'left',
2176
+ align: "left",
2174
2177
  },
2175
2178
  {
2176
- title: t('programme:status'),
2177
- dataIndex: 'currentStage',
2179
+ title: t("programme:status"),
2180
+ dataIndex: "currentStage",
2178
2181
  key: exports.ProgrammeManagementColumns.currentStage,
2179
2182
  sorter: true,
2180
- align: 'center',
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('programme:issued'),
2195
- dataIndex: 'creditIssued',
2197
+ title: t("programme:issued"),
2198
+ dataIndex: "creditIssued",
2196
2199
  key: exports.ProgrammeManagementColumns.creditIssued,
2197
2200
  sorter: true,
2198
- align: 'right',
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('programme:balance'),
2205
- dataIndex: 'creditBalance',
2207
+ title: t("programme:balance"),
2208
+ dataIndex: "creditBalance",
2206
2209
  key: exports.ProgrammeManagementColumns.creditBalance,
2207
2210
  sorter: true,
2208
- align: 'right',
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('programme:transferred'),
2215
- dataIndex: 'creditTransferred',
2217
+ title: t("programme:transferred"),
2218
+ dataIndex: "creditTransferred",
2216
2219
  key: exports.ProgrammeManagementColumns.creditTransferred,
2217
2220
  sorter: true,
2218
- align: 'right',
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 ? addCommSep(sumArray(item)) : '-';
2232
+ return item ? item : "-";
2221
2233
  },
2222
2234
  },
2223
2235
  {
2224
- title: t('programme:certifiers'),
2225
- dataIndex: 'certifierId',
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: 'left',
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('programme:serialNoh'),
2252
- dataIndex: 'serialNo',
2272
+ title: t("programme:serialNoh"),
2273
+ dataIndex: "serialNo",
2253
2274
  key: exports.ProgrammeManagementColumns.serialNo,
2254
- align: 'left',
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: 'title',
2273
- operation: 'like',
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 === 'certifierId' ? 'certifierId[1]' : 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: 'programmeId',
2287
- order: 'DESC',
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('national/programme/query', {
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('Error in getting programme', error_1);
2328
+ console.log("Error in getting programme", error_1);
2308
2329
  antd.message.open({
2309
- type: 'error',
2330
+ type: "error",
2310
2331
  content: error_1.message,
2311
2332
  duration: 3,
2312
- style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
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 === 'ascend' ? 'ASC' : sorter.order === 'descend' ? 'DESC' : undefined);
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: "body-title" }, t('programme:viewProgrammes')),
2350
- React.createElement("div", { className: "body-sub-title" }, t('programme:desc'))),
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('programme:all')),
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: 'companyId',
2364
- operation: 'ANY',
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('view:seeMine'))),
2397
+ } }, t("view:seeMine"))),
2369
2398
  React.createElement("div", { className: "search-bar" },
2370
- React.createElement(Search, { onPressEnter: onSearch, placeholder: "".concat(t('programme:searchByName')), allowClear: true,
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) { return handleTableChange(val, 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 ? t('programme:noProgrammes') : null })),
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;