@undp/carbon-library 1.0.135-CARBON-343.11 → 1.0.135-CARBON-343.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +47 -27
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +47 -27
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -23608,7 +23608,7 @@ var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reve
|
|
23608
23608
|
styleInject(css_248z$4);
|
23609
23609
|
|
23610
23610
|
var NdcDetailsComponent = function (props) {
|
23611
|
-
var t = props.t; props.useConnection;
|
23611
|
+
var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
|
23612
23612
|
var RangePicker = DatePicker.RangePicker;
|
23613
23613
|
var _a = useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
|
23614
23614
|
var _b = useState(false), loading = _b[0]; _b[1];
|
@@ -23616,6 +23616,19 @@ var NdcDetailsComponent = function (props) {
|
|
23616
23616
|
var _c = useState([]), periodItems = _c[0], setPeriodItems = _c[1];
|
23617
23617
|
var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
|
23618
23618
|
var selectedPeriod = useRef({});
|
23619
|
+
var userInfoState = useUserContext().userInfoState;
|
23620
|
+
var isAddRangeVisible = function () {
|
23621
|
+
return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
|
23622
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT) &&
|
23623
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
23624
|
+
};
|
23625
|
+
var isAddNdcActionVisible = function () {
|
23626
|
+
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
23627
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
23628
|
+
};
|
23629
|
+
var inRange = function (num, min, max) {
|
23630
|
+
return num >= min && num <= max;
|
23631
|
+
};
|
23619
23632
|
var handleSave = function (row) {
|
23620
23633
|
var newData = __spreadArray([], ndcDetailsData, true);
|
23621
23634
|
var index = newData.findIndex(function (item) { return row.key === item.key; });
|
@@ -23624,7 +23637,16 @@ var NdcDetailsComponent = function (props) {
|
|
23624
23637
|
setNdcDetailsData(newData);
|
23625
23638
|
};
|
23626
23639
|
var getNdcDetailsForPeriod = function () {
|
23627
|
-
|
23640
|
+
var range = selectedTab.split("-");
|
23641
|
+
if (range.length > 1) {
|
23642
|
+
var filteredData = ndcDetailsData.filter(function (item) {
|
23643
|
+
return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
|
23644
|
+
});
|
23645
|
+
return filteredData;
|
23646
|
+
}
|
23647
|
+
else {
|
23648
|
+
return [];
|
23649
|
+
}
|
23628
23650
|
};
|
23629
23651
|
var defaultColumns = [
|
23630
23652
|
{
|
@@ -23693,9 +23715,6 @@ var NdcDetailsComponent = function (props) {
|
|
23693
23715
|
);
|
23694
23716
|
}
|
23695
23717
|
var onCancelPeriod = function () { };
|
23696
|
-
var inRange = function (num, min, max) {
|
23697
|
-
return num >= min && num <= max;
|
23698
|
-
};
|
23699
23718
|
var onAddNewPeriod = function () {
|
23700
23719
|
if (selectedPeriod && selectedPeriod.current) {
|
23701
23720
|
var newPeriodItem_1 = {
|
@@ -23756,8 +23775,8 @@ var NdcDetailsComponent = function (props) {
|
|
23756
23775
|
kpi: 25,
|
23757
23776
|
},
|
23758
23777
|
{
|
23759
|
-
startDate: new Date("
|
23760
|
-
endDate: new Date("2019-
|
23778
|
+
startDate: new Date("2019-03-25"),
|
23779
|
+
endDate: new Date("2019-08-25"),
|
23761
23780
|
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
23762
23781
|
kpi: 10500,
|
23763
23782
|
},
|
@@ -23781,11 +23800,6 @@ var NdcDetailsComponent = function (props) {
|
|
23781
23800
|
},
|
23782
23801
|
];
|
23783
23802
|
var initialPeriods = [
|
23784
|
-
{
|
23785
|
-
key: "add_new",
|
23786
|
-
label: "Add New",
|
23787
|
-
children: addNewPeriodContent(),
|
23788
|
-
},
|
23789
23803
|
{
|
23790
23804
|
key: "2019-2020",
|
23791
23805
|
label: "2019-2020",
|
@@ -23794,18 +23808,22 @@ var NdcDetailsComponent = function (props) {
|
|
23794
23808
|
children: ndcDetailsTableContent(),
|
23795
23809
|
},
|
23796
23810
|
{
|
23797
|
-
key: "
|
23798
|
-
label: "
|
23799
|
-
start:
|
23800
|
-
end:
|
23811
|
+
key: "2021-2023",
|
23812
|
+
label: "2021-2023",
|
23813
|
+
start: 2021,
|
23814
|
+
end: 2021,
|
23801
23815
|
children: ndcDetailsTableContent(),
|
23802
|
-
}
|
23816
|
+
},
|
23803
23817
|
];
|
23804
|
-
({
|
23805
|
-
|
23806
|
-
|
23807
|
-
|
23808
|
-
|
23818
|
+
if (isAddRangeVisible()) {
|
23819
|
+
initialPeriods.unshift({
|
23820
|
+
key: "add_new",
|
23821
|
+
label: "Add New",
|
23822
|
+
start: 0,
|
23823
|
+
end: 0,
|
23824
|
+
children: addNewPeriodContent(),
|
23825
|
+
});
|
23826
|
+
}
|
23809
23827
|
setPeriodItems(initialPeriods);
|
23810
23828
|
periodItemsRef.current = initialPeriods;
|
23811
23829
|
setNdcDetailsData(defaultNdcDetails);
|
@@ -23820,11 +23838,13 @@ var NdcDetailsComponent = function (props) {
|
|
23820
23838
|
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
23821
23839
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
23822
23840
|
React.createElement("div", null,
|
23823
|
-
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
|
23824
|
-
React.createElement(
|
23825
|
-
|
23826
|
-
|
23827
|
-
|
23841
|
+
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
|
23842
|
+
return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
|
23843
|
+
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
23844
|
+
marginBottom: 16,
|
23845
|
+
width: "100%",
|
23846
|
+
} }, t("ndc:addNdcAction"))));
|
23847
|
+
} }))))));
|
23828
23848
|
};
|
23829
23849
|
|
23830
23850
|
var ImgWithFallback = function (_a) {
|