@undp/carbon-library 1.0.151 → 1.0.152-CARBON-343.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +242 -135
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +14 -15
- package/dist/esm/index.js +244 -137
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +14 -15
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
@@ -24455,65 +24455,26 @@ var RegistryDashboardComponent = function (props) {
|
|
24455
24455
|
lastUpdateTransferLocations))))))))) : ("")));
|
24456
24456
|
};
|
24457
24457
|
|
24458
|
-
|
24459
|
-
var EditableRow = function (_a) {
|
24460
|
-
_a.index; var props = __rest(_a, ["index"]);
|
24461
|
-
var form = antd.Form.useForm()[0];
|
24462
|
-
return (React.createElement(antd.Form, { form: form, component: false },
|
24463
|
-
React.createElement(EditableContext.Provider, { value: form },
|
24464
|
-
React.createElement("tr", __assign({}, props)))));
|
24465
|
-
};
|
24458
|
+
React.createContext(null);
|
24466
24459
|
var EditableCell = function (_a) {
|
24467
|
-
var
|
24468
|
-
var
|
24469
|
-
|
24470
|
-
|
24471
|
-
|
24472
|
-
|
24473
|
-
|
24474
|
-
}
|
24475
|
-
}, [editing]);
|
24476
|
-
var toggleEdit = function () {
|
24477
|
-
var _a;
|
24478
|
-
setEditing(!editing);
|
24479
|
-
form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
|
24480
|
-
};
|
24481
|
-
var save = function () { return __awaiter(void 0, void 0, void 0, function () {
|
24482
|
-
var values, errInfo_1;
|
24483
|
-
return __generator(this, function (_a) {
|
24484
|
-
switch (_a.label) {
|
24485
|
-
case 0:
|
24486
|
-
_a.trys.push([0, 2, , 3]);
|
24487
|
-
return [4 /*yield*/, form.validateFields()];
|
24488
|
-
case 1:
|
24489
|
-
values = _a.sent();
|
24490
|
-
toggleEdit();
|
24491
|
-
handleSave(__assign(__assign({}, record), values));
|
24492
|
-
return [3 /*break*/, 3];
|
24493
|
-
case 2:
|
24494
|
-
errInfo_1 = _a.sent();
|
24495
|
-
console.log('Save failed:', errInfo_1);
|
24496
|
-
return [3 /*break*/, 3];
|
24497
|
-
case 3: return [2 /*return*/];
|
24498
|
-
}
|
24499
|
-
});
|
24500
|
-
}); };
|
24501
|
-
var childNode = children;
|
24502
|
-
if (editable) {
|
24503
|
-
childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex, rules: [
|
24504
|
-
{
|
24505
|
-
required: true,
|
24506
|
-
message: "".concat(title, " is required."),
|
24507
|
-
},
|
24508
|
-
] },
|
24509
|
-
React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
|
24510
|
-
}
|
24511
|
-
return React.createElement("td", __assign({}, restProps), childNode);
|
24460
|
+
var editing = _a.editing, dataIndex = _a.dataIndex, title = _a.title, inputType = _a.inputType; _a.record; _a.index; var children = _a.children, restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children"]);
|
24461
|
+
var inputNode = inputType === "number" ? React.createElement(antd.InputNumber, null) : React.createElement(antd.Input, null);
|
24462
|
+
return (React.createElement("td", __assign({}, restProps), editing ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
24463
|
+
{
|
24464
|
+
required: true,
|
24465
|
+
message: "Please Input ".concat(title, "!"),
|
24466
|
+
},
|
24467
|
+
] }, inputNode)) : (children)));
|
24512
24468
|
};
|
24513
24469
|
|
24514
24470
|
var css_248z$4 = ".ndc-steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .ndc-steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .ndc-steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .ndc-steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
24515
24471
|
styleInject(css_248z$4);
|
24516
24472
|
|
24473
|
+
var NdcActionType;
|
24474
|
+
(function (NdcActionType) {
|
24475
|
+
NdcActionType[NdcActionType["main"] = 0] = "main";
|
24476
|
+
NdcActionType[NdcActionType["sub"] = 1] = "sub";
|
24477
|
+
})(NdcActionType || (NdcActionType = {}));
|
24517
24478
|
var NdcDetailsComponent = function (props) {
|
24518
24479
|
var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
|
24519
24480
|
var RangePicker = antd.DatePicker.RangePicker;
|
@@ -24526,7 +24487,17 @@ var NdcDetailsComponent = function (props) {
|
|
24526
24487
|
var addedNdcDetailId = React.useRef(0);
|
24527
24488
|
var selectedNdcDetail = React.useRef({});
|
24528
24489
|
var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
|
24490
|
+
var form = antd.Form.useForm()[0];
|
24491
|
+
var _f = React.useState(""), editingKey = _f[0], setEditingKey = _f[1];
|
24529
24492
|
var userInfoState = useUserContext().userInfoState;
|
24493
|
+
var isEditing = function (record) { return record.key === editingKey; };
|
24494
|
+
var onEditRow = function (record) {
|
24495
|
+
form.setFieldsValue(__assign({ nationalPlanObj: "", kpi: "", ministry: "" }, record));
|
24496
|
+
setEditingKey(record.key);
|
24497
|
+
};
|
24498
|
+
var onEditCancel = function () {
|
24499
|
+
setEditingKey("");
|
24500
|
+
};
|
24530
24501
|
var isAddRangeVisible = function () {
|
24531
24502
|
return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
|
24532
24503
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
|
@@ -24536,20 +24507,66 @@ var NdcDetailsComponent = function (props) {
|
|
24536
24507
|
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
24537
24508
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
|
24538
24509
|
};
|
24539
|
-
var isAddSubNdcActionVisible = function () {
|
24540
|
-
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
|
24541
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
|
24542
|
-
};
|
24543
24510
|
var inRange = function (num, min, max) {
|
24544
24511
|
return num >= min && num <= max;
|
24545
24512
|
};
|
24546
|
-
var
|
24547
|
-
var
|
24548
|
-
|
24549
|
-
|
24550
|
-
|
24551
|
-
|
24552
|
-
|
24513
|
+
var onHandleSave = function (record) { return __awaiter(void 0, void 0, void 0, function () {
|
24514
|
+
var updatedNdcDetails, editedData, index, parentIndex, parentItem, itemIndex, errInfo_1;
|
24515
|
+
return __generator(this, function (_a) {
|
24516
|
+
switch (_a.label) {
|
24517
|
+
case 0:
|
24518
|
+
_a.trys.push([0, 2, , 3]);
|
24519
|
+
updatedNdcDetails = __spreadArray([], ndcDetailsData, true);
|
24520
|
+
return [4 /*yield*/, form.validateFields()];
|
24521
|
+
case 1:
|
24522
|
+
editedData = (_a.sent());
|
24523
|
+
if (record) {
|
24524
|
+
if (record.type === NdcActionType.main) {
|
24525
|
+
index = updatedNdcDetails.findIndex(function (item) { return record.key === item.key; });
|
24526
|
+
updatedNdcDetails.splice(index, 1, __assign(__assign({}, record), editedData));
|
24527
|
+
setNdcDetailsData(updatedNdcDetails);
|
24528
|
+
}
|
24529
|
+
else {
|
24530
|
+
parentIndex = updatedNdcDetails.findIndex(function (item) { return record.ndcActionId === item.key; });
|
24531
|
+
parentItem = updatedNdcDetails[parentIndex];
|
24532
|
+
if (parentItem) {
|
24533
|
+
if (parentItem.subNdcDetails) {
|
24534
|
+
itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return record.key === item.key; });
|
24535
|
+
if (itemIndex !== -1) {
|
24536
|
+
parentItem.subNdcDetails.splice(itemIndex, 1, __assign(__assign({}, record), editedData));
|
24537
|
+
}
|
24538
|
+
if (itemIndex + 1 === parentItem.subNdcDetails.length) {
|
24539
|
+
parentItem.subNdcDetails.push({
|
24540
|
+
key: ++addedNdcDetailId.current,
|
24541
|
+
ndcActionId: parentItem.key,
|
24542
|
+
type: NdcActionType.sub,
|
24543
|
+
startDate: new Date("2019-03-25"),
|
24544
|
+
endDate: new Date("2020-03-25"),
|
24545
|
+
nationalPlanObj: "",
|
24546
|
+
kpi: "",
|
24547
|
+
ministry: "",
|
24548
|
+
});
|
24549
|
+
}
|
24550
|
+
}
|
24551
|
+
updatedNdcDetails.splice(parentIndex, 1, __assign({}, parentItem));
|
24552
|
+
setNdcDetailsData(updatedNdcDetails);
|
24553
|
+
}
|
24554
|
+
}
|
24555
|
+
setEditingKey("");
|
24556
|
+
setTableKey(function (key) { return key + 1; });
|
24557
|
+
}
|
24558
|
+
else {
|
24559
|
+
throw new Error("Save failed");
|
24560
|
+
}
|
24561
|
+
return [3 /*break*/, 3];
|
24562
|
+
case 2:
|
24563
|
+
errInfo_1 = _a.sent();
|
24564
|
+
console.log("Validate Failed:", errInfo_1);
|
24565
|
+
return [3 /*break*/, 3];
|
24566
|
+
case 3: return [2 /*return*/];
|
24567
|
+
}
|
24568
|
+
});
|
24569
|
+
}); };
|
24553
24570
|
var getNdcDetailsForPeriod = function () {
|
24554
24571
|
var range = selectedTab.split("-");
|
24555
24572
|
if (range.length > 1) {
|
@@ -24578,6 +24595,9 @@ var NdcDetailsComponent = function (props) {
|
|
24578
24595
|
key: "nationalPlanObj",
|
24579
24596
|
align: "left",
|
24580
24597
|
editable: true,
|
24598
|
+
width: 800,
|
24599
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
|
24600
|
+
React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { className: "ant-input", disabled: true, type: "text" })))); },
|
24581
24601
|
},
|
24582
24602
|
{
|
24583
24603
|
title: t("ndc:ndcColumnsKpi"),
|
@@ -24585,6 +24605,9 @@ var NdcDetailsComponent = function (props) {
|
|
24585
24605
|
key: "kpi",
|
24586
24606
|
align: "left",
|
24587
24607
|
editable: true,
|
24608
|
+
width: 100,
|
24609
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
|
24610
|
+
React.createElement("span", null, record.kpi))) : (React.createElement("input", { className: "ant-input", disabled: true, type: "text" })))); },
|
24588
24611
|
},
|
24589
24612
|
{
|
24590
24613
|
title: "Ministry",
|
@@ -24592,6 +24615,19 @@ var NdcDetailsComponent = function (props) {
|
|
24592
24615
|
key: "ministry",
|
24593
24616
|
align: "left",
|
24594
24617
|
editable: true,
|
24618
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
|
24619
|
+
React.createElement("span", null, record.ministry))) : (React.createElement("input", { className: "ant-input", disabled: true, type: "text" })))); },
|
24620
|
+
},
|
24621
|
+
{
|
24622
|
+
title: "operation",
|
24623
|
+
dataIndex: "operation",
|
24624
|
+
render: function (_, record) {
|
24625
|
+
var editable = isEditing(record);
|
24626
|
+
return editable ? (React.createElement("span", null,
|
24627
|
+
React.createElement(antd.Typography.Link, { onClick: function () { return onHandleSave(record); }, style: { marginRight: 8 } }, "Save"),
|
24628
|
+
React.createElement(antd.Popconfirm, { title: "Sure to cancel?", onConfirm: onEditCancel },
|
24629
|
+
React.createElement("a", null, "Cancel")))) : (React.createElement(antd.Typography.Link, { disabled: editingKey !== "", onClick: function () { return onEditRow(record); } }, "Edit"));
|
24630
|
+
},
|
24595
24631
|
},
|
24596
24632
|
];
|
24597
24633
|
var columns = defaultColumns.map(function (col) {
|
@@ -24603,73 +24639,42 @@ var NdcDetailsComponent = function (props) {
|
|
24603
24639
|
editable: col.editable,
|
24604
24640
|
dataIndex: col.dataIndex,
|
24605
24641
|
title: col.title,
|
24606
|
-
|
24642
|
+
editing: isEditing(record),
|
24607
24643
|
}); } });
|
24608
24644
|
});
|
24609
24645
|
function onAddNewNdcDetail() {
|
24610
24646
|
var range = selectedTab.split("-");
|
24611
|
-
|
24647
|
+
var ndcActionId = ++addedNdcDetailId.current;
|
24612
24648
|
var newData = {
|
24613
|
-
key:
|
24649
|
+
key: ndcActionId,
|
24650
|
+
type: NdcActionType.main,
|
24614
24651
|
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
24615
24652
|
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
24616
24653
|
nationalPlanObj: t("ndc:enterNewPlanTxt"),
|
24617
24654
|
kpi: 0,
|
24618
24655
|
ministry: "Please add the Ministry name",
|
24656
|
+
subNdcDetails: [
|
24657
|
+
{
|
24658
|
+
key: ++addedNdcDetailId.current,
|
24659
|
+
ndcActionId: ndcActionId,
|
24660
|
+
type: NdcActionType.sub,
|
24661
|
+
startDate: new Date("2019-03-25"),
|
24662
|
+
endDate: new Date("2020-03-25"),
|
24663
|
+
nationalPlanObj: "",
|
24664
|
+
kpi: "",
|
24665
|
+
ministry: "",
|
24666
|
+
},
|
24667
|
+
],
|
24619
24668
|
};
|
24620
24669
|
setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
|
24621
24670
|
}
|
24622
|
-
function onAddNewSubNdcDetail() {
|
24623
|
-
var range = selectedTab.split("-");
|
24624
|
-
var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
|
24625
|
-
var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
|
24626
|
-
if (ndcDetail) {
|
24627
|
-
addedNdcDetailId.current = addedNdcDetailId.current + 1;
|
24628
|
-
var newData = {
|
24629
|
-
key: addedNdcDetailId.current,
|
24630
|
-
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
24631
|
-
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
24632
|
-
nationalPlanObj: t("ndc:enterNewPlanTxt"),
|
24633
|
-
kpi: 0,
|
24634
|
-
ministry: "Please add the Ministry name",
|
24635
|
-
};
|
24636
|
-
if (!ndcDetail.subNdcDetails) {
|
24637
|
-
ndcDetail.subNdcDetails = [];
|
24638
|
-
}
|
24639
|
-
ndcDetail.subNdcDetails.push(newData);
|
24640
|
-
}
|
24641
|
-
ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
|
24642
|
-
setNdcDetailsData(ndcDetailsData);
|
24643
|
-
setTableKey(function (key) { return key + 1; });
|
24644
|
-
}
|
24645
24671
|
var components = {
|
24646
24672
|
body: {
|
24647
|
-
row: EditableRow,
|
24648
24673
|
cell: EditableCell,
|
24649
24674
|
},
|
24650
24675
|
};
|
24651
|
-
//commented because rendering issue
|
24652
24676
|
function ndcDetailsTableContent() {
|
24653
|
-
return
|
24654
|
-
// <div>
|
24655
|
-
// <Button
|
24656
|
-
// onClick={onAddNewNdcDetail}
|
24657
|
-
// type="primary"
|
24658
|
-
// style={{
|
24659
|
-
// marginBottom: 16,
|
24660
|
-
// }}
|
24661
|
-
// >
|
24662
|
-
// Add a row
|
24663
|
-
// </Button>
|
24664
|
-
// <Table
|
24665
|
-
// components={components}
|
24666
|
-
// rowClassName={() => 'editable-row'}
|
24667
|
-
// bordered
|
24668
|
-
// dataSource={ndcDetailsData}
|
24669
|
-
// columns={columns}
|
24670
|
-
// />
|
24671
|
-
// </div>
|
24672
|
-
);
|
24677
|
+
return React.createElement("div", null);
|
24673
24678
|
}
|
24674
24679
|
var onCancelPeriod = function () { };
|
24675
24680
|
var onAddNewPeriod = function () {
|
@@ -24722,13 +24727,7 @@ var NdcDetailsComponent = function (props) {
|
|
24722
24727
|
}
|
24723
24728
|
function getSubNdcActionContent(record) {
|
24724
24729
|
selectedNdcDetail.current = record;
|
24725
|
-
return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false
|
24726
|
-
return isAddSubNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
|
24727
|
-
React.createElement(antd.Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
|
24728
|
-
marginBottom: 16,
|
24729
|
-
width: "100%",
|
24730
|
-
} }, t("ndc:addSubNdcAction"))));
|
24731
|
-
} }));
|
24730
|
+
return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
|
24732
24731
|
}
|
24733
24732
|
var onTabChange = function (key) {
|
24734
24733
|
setSelectedTab(key);
|
@@ -24737,53 +24736,160 @@ var NdcDetailsComponent = function (props) {
|
|
24737
24736
|
var defaultNdcDetails = [
|
24738
24737
|
{
|
24739
24738
|
key: 1,
|
24739
|
+
type: NdcActionType.main,
|
24740
24740
|
startDate: new Date("2019-03-25"),
|
24741
24741
|
endDate: new Date("2020-03-25"),
|
24742
24742
|
nationalPlanObj: "Enhance value addition in key growth opportunities",
|
24743
24743
|
kpi: 25,
|
24744
|
-
ministry: "Ministry of
|
24744
|
+
ministry: "Ministry of Environment",
|
24745
24745
|
subNdcDetails: [
|
24746
24746
|
{
|
24747
24747
|
key: 6,
|
24748
|
+
ndcActionId: 1,
|
24749
|
+
type: NdcActionType.sub,
|
24748
24750
|
startDate: new Date("2019-03-25"),
|
24749
24751
|
endDate: new Date("2020-03-25"),
|
24750
24752
|
nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
|
24751
24753
|
kpi: 25,
|
24752
24754
|
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
24753
24755
|
},
|
24756
|
+
{
|
24757
|
+
key: 7,
|
24758
|
+
ndcActionId: 1,
|
24759
|
+
type: NdcActionType.sub,
|
24760
|
+
startDate: new Date("2019-03-25"),
|
24761
|
+
endDate: new Date("2020-03-25"),
|
24762
|
+
nationalPlanObj: "",
|
24763
|
+
kpi: "",
|
24764
|
+
ministry: "",
|
24765
|
+
},
|
24754
24766
|
],
|
24755
24767
|
},
|
24756
24768
|
{
|
24757
24769
|
key: 2,
|
24770
|
+
type: NdcActionType.main,
|
24758
24771
|
startDate: new Date("2019-03-25"),
|
24759
24772
|
endDate: new Date("2019-08-25"),
|
24760
24773
|
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
24761
24774
|
kpi: 10500,
|
24762
|
-
ministry: "Ministry of
|
24775
|
+
ministry: "Ministry of Environment",
|
24776
|
+
subNdcDetails: [
|
24777
|
+
{
|
24778
|
+
key: 8,
|
24779
|
+
ndcActionId: 2,
|
24780
|
+
type: NdcActionType.sub,
|
24781
|
+
startDate: new Date("2019-03-25"),
|
24782
|
+
endDate: new Date("2020-03-25"),
|
24783
|
+
nationalPlanObj: "",
|
24784
|
+
kpi: "",
|
24785
|
+
ministry: "",
|
24786
|
+
},
|
24787
|
+
],
|
24788
|
+
},
|
24789
|
+
{
|
24790
|
+
key: 12,
|
24791
|
+
type: NdcActionType.main,
|
24792
|
+
startDate: new Date("2019-03-25"),
|
24793
|
+
endDate: new Date("2019-08-25"),
|
24794
|
+
nationalPlanObj: "Other",
|
24795
|
+
kpi: 10500,
|
24796
|
+
ministry: "Ministry of Environment",
|
24797
|
+
subNdcDetails: [
|
24798
|
+
{
|
24799
|
+
key: 8,
|
24800
|
+
ndcActionId: 12,
|
24801
|
+
type: NdcActionType.sub,
|
24802
|
+
startDate: new Date("2019-03-25"),
|
24803
|
+
endDate: new Date("2020-03-25"),
|
24804
|
+
nationalPlanObj: "",
|
24805
|
+
kpi: "",
|
24806
|
+
ministry: "",
|
24807
|
+
},
|
24808
|
+
],
|
24763
24809
|
},
|
24764
24810
|
{
|
24765
24811
|
key: 3,
|
24812
|
+
type: NdcActionType.main,
|
24766
24813
|
startDate: new Date("2021-03-25"),
|
24767
24814
|
endDate: new Date("2022-03-25"),
|
24768
24815
|
nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
|
24769
24816
|
kpi: 48,
|
24770
|
-
ministry: "Ministry of
|
24817
|
+
ministry: "Ministry of Environment",
|
24818
|
+
subNdcDetails: [
|
24819
|
+
{
|
24820
|
+
key: 9,
|
24821
|
+
ndcActionId: 3,
|
24822
|
+
type: NdcActionType.sub,
|
24823
|
+
startDate: new Date("2019-03-25"),
|
24824
|
+
endDate: new Date("2020-03-25"),
|
24825
|
+
nationalPlanObj: "",
|
24826
|
+
kpi: "",
|
24827
|
+
ministry: "",
|
24828
|
+
},
|
24829
|
+
],
|
24771
24830
|
},
|
24772
24831
|
{
|
24773
24832
|
key: 4,
|
24833
|
+
type: NdcActionType.main,
|
24774
24834
|
startDate: new Date("2022-03-25"),
|
24775
24835
|
endDate: new Date("2022-05-25"),
|
24776
24836
|
nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
|
24777
24837
|
kpi: 20,
|
24778
|
-
ministry: "Ministry of Environment
|
24838
|
+
ministry: "Ministry of Environment",
|
24839
|
+
subNdcDetails: [
|
24840
|
+
{
|
24841
|
+
key: 10,
|
24842
|
+
ndcActionId: 4,
|
24843
|
+
type: NdcActionType.sub,
|
24844
|
+
startDate: new Date("2019-03-25"),
|
24845
|
+
endDate: new Date("2020-03-25"),
|
24846
|
+
nationalPlanObj: "",
|
24847
|
+
kpi: "",
|
24848
|
+
ministry: "",
|
24849
|
+
},
|
24850
|
+
],
|
24779
24851
|
},
|
24780
24852
|
{
|
24781
24853
|
key: 5,
|
24854
|
+
type: NdcActionType.main,
|
24782
24855
|
startDate: new Date("2022-03-25"),
|
24783
24856
|
endDate: new Date("2023-03-25"),
|
24784
24857
|
nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
|
24785
24858
|
kpi: 10,
|
24786
|
-
ministry: "Ministry of
|
24859
|
+
ministry: "Ministry of Environment",
|
24860
|
+
subNdcDetails: [
|
24861
|
+
{
|
24862
|
+
key: 11,
|
24863
|
+
ndcActionId: 5,
|
24864
|
+
type: NdcActionType.sub,
|
24865
|
+
startDate: new Date("2019-03-25"),
|
24866
|
+
endDate: new Date("2020-03-25"),
|
24867
|
+
nationalPlanObj: "",
|
24868
|
+
kpi: "",
|
24869
|
+
ministry: "",
|
24870
|
+
},
|
24871
|
+
],
|
24872
|
+
},
|
24873
|
+
{
|
24874
|
+
key: 13,
|
24875
|
+
type: NdcActionType.main,
|
24876
|
+
startDate: new Date("2022-03-25"),
|
24877
|
+
endDate: new Date("2023-03-25"),
|
24878
|
+
nationalPlanObj: "Other",
|
24879
|
+
kpi: 10,
|
24880
|
+
ministry: "Ministry of Environment",
|
24881
|
+
subNdcDetails: [
|
24882
|
+
{
|
24883
|
+
key: 11,
|
24884
|
+
ndcActionId: 13,
|
24885
|
+
type: NdcActionType.sub,
|
24886
|
+
startDate: new Date("2019-03-25"),
|
24887
|
+
endDate: new Date("2020-03-25"),
|
24888
|
+
nationalPlanObj: "",
|
24889
|
+
kpi: "",
|
24890
|
+
ministry: "",
|
24891
|
+
},
|
24892
|
+
],
|
24787
24893
|
},
|
24788
24894
|
];
|
24789
24895
|
var initialPeriods = [
|
@@ -24826,17 +24932,18 @@ var NdcDetailsComponent = function (props) {
|
|
24826
24932
|
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
24827
24933
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
24828
24934
|
React.createElement("div", null,
|
24829
|
-
React.createElement(antd.
|
24830
|
-
|
24831
|
-
|
24832
|
-
|
24833
|
-
|
24834
|
-
|
24835
|
-
React.createElement(antd.
|
24836
|
-
|
24837
|
-
|
24838
|
-
|
24839
|
-
|
24935
|
+
React.createElement(antd.Form, { form: form, component: false },
|
24936
|
+
React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
|
24937
|
+
expandedRowRender: function (record) { return getSubNdcActionContent(record); },
|
24938
|
+
indentSize: 0,
|
24939
|
+
defaultExpandedRowKeys: [selectedNdcDetail.current.key],
|
24940
|
+
}, footer: function () {
|
24941
|
+
return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
|
24942
|
+
React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
24943
|
+
marginBottom: 16,
|
24944
|
+
width: "100%",
|
24945
|
+
} }, t("ndc:addNdcAction"))));
|
24946
|
+
} })))))));
|
24840
24947
|
};
|
24841
24948
|
|
24842
24949
|
var ImgWithFallback = function (_a) {
|