@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.
- package/dist/cjs/index.js +49 -13
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts +7 -0
- package/dist/esm/index.js +50 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Definitions/Definitions/programme.definitions.d.ts +7 -0
- package/dist/index.d.ts +8 -1
- package/package.json +1 -1
@@ -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,
|
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(["
|
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("
|
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 !== "
|
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 &&
|
1496
|
-
|
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
|
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=\"
|
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
|
2147
|
-
|
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:
|
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
|
-
|
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
|