@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.
Files changed (8) hide show
  1. package/dist/cjs/index.js +49 -13
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +7 -0
  4. package/dist/esm/index.js +50 -15
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +7 -0
  7. package/dist/index.d.ts +8 -1
  8. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -175,6 +175,13 @@ exports.ProgrammeStage = void 0;
175
175
  ProgrammeStage["Rejected"] = "Rejected";
176
176
  // Frozen = 'Frozen',
177
177
  })(exports.ProgrammeStage || (exports.ProgrammeStage = {}));
178
+ exports.ProgrammeStageMRV = void 0;
179
+ (function (ProgrammeStageMRV) {
180
+ ProgrammeStageMRV["AwaitingAuthorization"] = "Pending";
181
+ ProgrammeStageMRV["Authorised"] = "Authorised";
182
+ ProgrammeStageMRV["Approved"] = "Approved";
183
+ ProgrammeStageMRV["Rejected"] = "Rejected";
184
+ })(exports.ProgrammeStageMRV || (exports.ProgrammeStageMRV = {}));
178
185
  // export enum ProgrammeTransferStage {
179
186
  // APPROVED = 'Approved',
180
187
  // REJECTED = 'Rejected',
@@ -268,6 +275,18 @@ var getStageTagType = function (stage) {
268
275
  return "default";
269
276
  }
270
277
  };
278
+ var getStageTagTypeMRV = function (stage) {
279
+ switch (getStageEnumVal(stage)) {
280
+ case exports.ProgrammeStageMRV.AwaitingAuthorization:
281
+ return "error";
282
+ case exports.ProgrammeStageMRV.Authorised:
283
+ return "processing";
284
+ case exports.ProgrammeStageMRV.Approved:
285
+ return "purple";
286
+ default:
287
+ return "default";
288
+ }
289
+ };
271
290
  var getTransferStageTagType = function (stage, transfer) {
272
291
  // if (transfer.isRetirement) {
273
292
  // switch (getStageEnumVal(stage)) {
@@ -803,12 +822,19 @@ var AddNewCompanyComponent = function (props) {
803
822
  return [4 /*yield*/, post("national/organisation/regions", {
804
823
  page: 1,
805
824
  size: 100,
825
+ filterAnd: [
826
+ {
827
+ key: "lang",
828
+ operation: "=",
829
+ value: "en",
830
+ },
831
+ ],
806
832
  })];
807
833
  case 2:
808
834
  response = _a.sent();
809
835
  if (response.data) {
810
836
  regionNames = response.data.map(function (item) { return item.regionName; });
811
- setRegionsList(__spreadArray(["National"], regionNames, true));
837
+ setRegionsList(__spreadArray([t("national")], regionNames, true));
812
838
  }
813
839
  return [3 /*break*/, 5];
814
840
  case 3:
@@ -856,9 +882,9 @@ var AddNewCompanyComponent = function (props) {
856
882
  nextOne(values);
857
883
  };
858
884
  var onChangeRegion = function (values) {
859
- if (values.includes("National")) {
885
+ if (values.includes(t("national"))) {
860
886
  var buyerCountryValues = regionsList;
861
- var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== "National"; });
887
+ var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== t("national"); });
862
888
  formOne.setFieldValue("regions", __spreadArray([], newBuyerValues, true));
863
889
  }
864
890
  };
@@ -1512,8 +1538,11 @@ var CompanyProfileComponent = function (props) {
1512
1538
  !isLoading &&
1513
1539
  parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
1514
1540
  ability.can(Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
1515
- !isLoading && companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
1516
- React.createElement("div", { className: "content-body" },
1541
+ !isLoading &&
1542
+ companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
1543
+ !companyDetails && (React.createElement("div", { className: "content-body" },
1544
+ React.createElement(antd.Skeleton, { active: true }))),
1545
+ companyDetails && (React.createElement("div", { className: "content-body" },
1517
1546
  React.createElement(antd.Row, { gutter: 16 },
1518
1547
  React.createElement(antd.Col, { md: 24, lg: 8 },
1519
1548
  React.createElement(antd.Card, { className: "card-container" },
@@ -1571,7 +1600,9 @@ var CompanyProfileComponent = function (props) {
1571
1600
  : "-")),
1572
1601
  parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
1573
1602
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
1574
- React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
1603
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
1604
+ ? companyDetails.remarks
1605
+ : "-"))) : ("")))))))),
1575
1606
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
1576
1607
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
1577
1608
  };
@@ -2129,7 +2160,7 @@ var UserManagementComponent = function (props) {
2129
2160
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
2130
2161
  };
2131
2162
 
2132
- 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";
2163
+ 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";
2133
2164
  styleInject(css_248z$9);
2134
2165
 
2135
2166
  exports.ProgrammeManagementColumns = void 0;
@@ -2149,7 +2180,7 @@ exports.ProgrammeManagementColumns = void 0;
2149
2180
 
2150
2181
  var Search = antd.Input.Search;
2151
2182
  var ProgrammeManagementComponent = function (props) {
2152
- var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme;
2183
+ var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme;
2153
2184
  var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
2154
2185
  var _b = React.useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
2155
2186
  var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
@@ -2163,8 +2194,9 @@ var ProgrammeManagementComponent = function (props) {
2163
2194
  var _l = React.useState(), sortOrder = _l[0], setSortOrder = _l[1];
2164
2195
  var _m = React.useState(), sortField = _m[0], setSortField = _m[1];
2165
2196
  var userInfoState = useUserContext().userInfoState;
2166
- var statusOptions = Object.keys(exports.ProgrammeStage).map(function (k, index) { return ({
2167
- label: Object.values(exports.ProgrammeStage)[index],
2197
+ var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStage;
2198
+ var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
2199
+ label: Object.values(stageObject)[index],
2168
2200
  value: k,
2169
2201
  }); });
2170
2202
  var _o = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _o[0], setSelectedStatus = _o[1];
@@ -2252,7 +2284,7 @@ var ProgrammeManagementComponent = function (props) {
2252
2284
  sorter: true,
2253
2285
  align: "center",
2254
2286
  render: function (item) {
2255
- return (React.createElement(antd.Tag, { className: "clickable", color: getStageTagType(item) }, getStageEnumVal(item)));
2287
+ return (React.createElement(antd.Tag, { className: "clickable", color: getStageTagTypeMRV(item) }, getStageEnumVal(item)));
2256
2288
  },
2257
2289
  onCell: function (record, rowIndex) {
2258
2290
  return {
@@ -4987,7 +5019,10 @@ var UserProfileComponent = function (props) {
4987
5019
  onNavigateUpdateUser(organisationDetails, userDetails);
4988
5020
  } }, t("userProfile:edit"))),
4989
5021
  React.createElement(LanguageSelection, { i18n: i18n })))),
4990
- React.createElement("div", { className: "content-body" },
5022
+ !userDetails ||
5023
+ (!organisationDetails && (React.createElement("div", { className: "content-body" },
5024
+ React.createElement(antd.Skeleton, { active: true })))),
5025
+ userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
4991
5026
  React.createElement(antd.Row, { gutter: 16 },
4992
5027
  React.createElement(antd.Col, { md: 24, lg: 8 },
4993
5028
  React.createElement(antd.Card, { className: "card-container" },
@@ -5065,7 +5100,7 @@ var UserProfileComponent = function (props) {
5065
5100
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
5066
5101
  React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
5067
5102
  ? organisationDetails.creditBalance
5068
- : "-"))))))))));
5103
+ : "-")))))))))));
5069
5104
  };
5070
5105
 
5071
5106
  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";
@@ -5384,6 +5419,7 @@ exports.getGeneralFields = getGeneralFields;
5384
5419
  exports.getRetirementTypeString = getRetirementTypeString;
5385
5420
  exports.getStageEnumVal = getStageEnumVal;
5386
5421
  exports.getStageTagType = getStageTagType;
5422
+ exports.getStageTagTypeMRV = getStageTagTypeMRV;
5387
5423
  exports.getStageTransferEnumVal = getStageTransferEnumVal;
5388
5424
  exports.getTransferStageTagType = getTransferStageTagType;
5389
5425
  exports.isBase64 = isBase64;