@undp/carbon-library 1.0.30 → 1.0.32

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.
@@ -5,6 +5,12 @@ export declare enum ProgrammeStage {
5
5
  Authorised = "Authorised",
6
6
  Rejected = "Rejected"
7
7
  }
8
+ export declare enum ProgrammeStageMRV {
9
+ AwaitingAuthorization = "Pending",
10
+ Authorised = "Authorised",
11
+ Approved = "Approved",
12
+ Rejected = "Rejected"
13
+ }
8
14
  export declare enum Role {
9
15
  Root = "Root",
10
16
  Admin = "Admin",
@@ -49,6 +55,7 @@ export declare const getStageEnumVal: (value: string) => string;
49
55
  export declare const getCreditStageVal: (value: string) => string;
50
56
  export declare const getStageTransferEnumVal: (value: string, transfer: ProgrammeTransfer) => string;
51
57
  export declare const getStageTagType: (stage: ProgrammeStage) => "error" | "processing" | "default";
58
+ export declare const getStageTagTypeMRV: (stage: ProgrammeStageMRV) => "purple" | "error" | "processing" | "default";
52
59
  export declare const getTransferStageTagType: (stage: CreditTransferStage, transfer: ProgrammeTransfer) => "orange" | "purple" | "error" | "processing" | "default" | "success";
53
60
  export declare class UnitField {
54
61
  unit: string;
package/dist/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, ExperimentOutlined, UploadOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
2
- import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Card, Skeleton, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
2
+ import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
3
3
  import React, { useState, useEffect, useRef } from 'react';
4
4
  import { DateTime } from 'luxon';
5
5
  import { Buffer } from 'buffer';
@@ -155,6 +155,13 @@ var ProgrammeStage;
155
155
  ProgrammeStage["Rejected"] = "Rejected";
156
156
  // Frozen = 'Frozen',
157
157
  })(ProgrammeStage || (ProgrammeStage = {}));
158
+ var ProgrammeStageMRV;
159
+ (function (ProgrammeStageMRV) {
160
+ ProgrammeStageMRV["AwaitingAuthorization"] = "Pending";
161
+ ProgrammeStageMRV["Authorised"] = "Authorised";
162
+ ProgrammeStageMRV["Approved"] = "Approved";
163
+ ProgrammeStageMRV["Rejected"] = "Rejected";
164
+ })(ProgrammeStageMRV || (ProgrammeStageMRV = {}));
158
165
  // export enum ProgrammeTransferStage {
159
166
  // APPROVED = 'Approved',
160
167
  // REJECTED = 'Rejected',
@@ -248,6 +255,18 @@ var getStageTagType = function (stage) {
248
255
  return "default";
249
256
  }
250
257
  };
258
+ var getStageTagTypeMRV = function (stage) {
259
+ switch (getStageEnumVal(stage)) {
260
+ case ProgrammeStageMRV.AwaitingAuthorization:
261
+ return "error";
262
+ case ProgrammeStageMRV.Authorised:
263
+ return "processing";
264
+ case ProgrammeStageMRV.Approved:
265
+ return "purple";
266
+ default:
267
+ return "default";
268
+ }
269
+ };
251
270
  var getTransferStageTagType = function (stage, transfer) {
252
271
  // if (transfer.isRetirement) {
253
272
  // switch (getStageEnumVal(stage)) {
@@ -783,12 +802,19 @@ var AddNewCompanyComponent = function (props) {
783
802
  return [4 /*yield*/, post("national/organisation/regions", {
784
803
  page: 1,
785
804
  size: 100,
805
+ filterAnd: [
806
+ {
807
+ key: "lang",
808
+ operation: "=",
809
+ value: "en",
810
+ },
811
+ ],
786
812
  })];
787
813
  case 2:
788
814
  response = _a.sent();
789
815
  if (response.data) {
790
816
  regionNames = response.data.map(function (item) { return item.regionName; });
791
- setRegionsList(__spreadArray(["National"], regionNames, true));
817
+ setRegionsList(__spreadArray([t("national")], regionNames, true));
792
818
  }
793
819
  return [3 /*break*/, 5];
794
820
  case 3:
@@ -836,9 +862,9 @@ var AddNewCompanyComponent = function (props) {
836
862
  nextOne(values);
837
863
  };
838
864
  var onChangeRegion = function (values) {
839
- if (values.includes("National")) {
865
+ if (values.includes(t("national"))) {
840
866
  var buyerCountryValues = regionsList;
841
- var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== "National"; });
867
+ var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== t("national"); });
842
868
  formOne.setFieldValue("regions", __spreadArray([], newBuyerValues, true));
843
869
  }
844
870
  };
@@ -1492,8 +1518,11 @@ var CompanyProfileComponent = function (props) {
1492
1518
  !isLoading &&
1493
1519
  parseInt(companyDetails.state) !== 1 ? (React.createElement(Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
1494
1520
  ability.can(Action.Update, plainToClass(Company, companyDetails)) &&
1495
- !isLoading && companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
1496
- React.createElement("div", { className: "content-body" },
1521
+ !isLoading &&
1522
+ companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
1523
+ !companyDetails && (React.createElement("div", { className: "content-body" },
1524
+ React.createElement(Skeleton, { active: true }))),
1525
+ companyDetails && (React.createElement("div", { className: "content-body" },
1497
1526
  React.createElement(Row, { gutter: 16 },
1498
1527
  React.createElement(Col, { md: 24, lg: 8 },
1499
1528
  React.createElement(Card, { className: "card-container" },
@@ -1551,7 +1580,9 @@ var CompanyProfileComponent = function (props) {
1551
1580
  : "-")),
1552
1581
  parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
1553
1582
  React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
1554
- React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
1583
+ React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
1584
+ ? companyDetails.remarks
1585
+ : "-"))) : ("")))))))),
1555
1586
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
1556
1587
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
1557
1588
  };
@@ -2109,7 +2140,7 @@ var UserManagementComponent = function (props) {
2109
2140
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
2110
2141
  };
2111
2142
 
2112
- 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";
2143
+ 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=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\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";
2113
2144
  styleInject(css_248z$9);
2114
2145
 
2115
2146
  var ProgrammeManagementColumns;
@@ -2129,7 +2160,7 @@ var ProgrammeManagementColumns;
2129
2160
 
2130
2161
  var Search = Input.Search;
2131
2162
  var ProgrammeManagementComponent = function (props) {
2132
- var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme;
2163
+ var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme;
2133
2164
  var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
2134
2165
  var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
2135
2166
  var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -2143,8 +2174,9 @@ var ProgrammeManagementComponent = function (props) {
2143
2174
  var _l = useState(), sortOrder = _l[0], setSortOrder = _l[1];
2144
2175
  var _m = useState(), sortField = _m[0], setSortField = _m[1];
2145
2176
  var userInfoState = useUserContext().userInfoState;
2146
- var statusOptions = Object.keys(ProgrammeStage).map(function (k, index) { return ({
2147
- label: Object.values(ProgrammeStage)[index],
2177
+ var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStage;
2178
+ var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
2179
+ label: Object.values(stageObject)[index],
2148
2180
  value: k,
2149
2181
  }); });
2150
2182
  var _o = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _o[0], setSelectedStatus = _o[1];
@@ -2232,7 +2264,7 @@ var ProgrammeManagementComponent = function (props) {
2232
2264
  sorter: true,
2233
2265
  align: "center",
2234
2266
  render: function (item) {
2235
- return (React.createElement(Tag, { className: "clickable", color: getStageTagType(item) }, getStageEnumVal(item)));
2267
+ return (React.createElement(Tag, { className: "clickable", color: getStageTagTypeMRV(item) }, getStageEnumVal(item)));
2236
2268
  },
2237
2269
  onCell: function (record, rowIndex) {
2238
2270
  return {
@@ -4967,7 +4999,10 @@ var UserProfileComponent = function (props) {
4967
4999
  onNavigateUpdateUser(organisationDetails, userDetails);
4968
5000
  } }, t("userProfile:edit"))),
4969
5001
  React.createElement(LanguageSelection, { i18n: i18n })))),
4970
- React.createElement("div", { className: "content-body" },
5002
+ !userDetails ||
5003
+ (!organisationDetails && (React.createElement("div", { className: "content-body" },
5004
+ React.createElement(Skeleton, { active: true })))),
5005
+ userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
4971
5006
  React.createElement(Row, { gutter: 16 },
4972
5007
  React.createElement(Col, { md: 24, lg: 8 },
4973
5008
  React.createElement(Card, { className: "card-container" },
@@ -5045,7 +5080,7 @@ var UserProfileComponent = function (props) {
5045
5080
  React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
5046
5081
  React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
5047
5082
  ? organisationDetails.creditBalance
5048
- : "-"))))))))));
5083
+ : "-")))))))))));
5049
5084
  };
5050
5085
 
5051
5086
  var css_248z$1 = ".legend-item-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n margin-left: 0.75rem; }\n .legend-item-container .text {\n margin-left: 0.2rem; }\n";
@@ -5333,5 +5368,5 @@ var ProgrammeTransfer = /** @class */ (function () {
5333
5368
  return ProgrammeTransfer;
5334
5369
  }());
5335
5370
 
5336
- export { AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole$1 as CompanyRole, ConfigurationSettingsType, CreditTransferStage, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, ProfileIcon, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeTransfer, ProgrammeViewComponent, RetireType, Role, RoleIcon, SectoralScope, StasticCard, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTransferEnumVal, getTransferStageTagType, isBase64, sumArray };
5371
+ export { AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole$1 as CompanyRole, ConfigurationSettingsType, CreditTransferStage, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, ProfileIcon, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RetireType, Role, RoleIcon, SectoralScope, StasticCard, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getTransferStageTagType, isBase64, sumArray };
5337
5372
  //# sourceMappingURL=index.js.map