@undp/carbon-library 1.0.135-CARBON-343.6 → 1.0.135-CARBON-343.8
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +10 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +10 -10
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
@@ -23624,7 +23624,7 @@ var EditableCell = function (_a) {
|
|
23624
23624
|
return React.createElement("td", __assign({}, restProps), childNode);
|
23625
23625
|
};
|
23626
23626
|
|
23627
|
-
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
23627
|
+
var css_248z$4 = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .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 .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
|
23628
23628
|
styleInject(css_248z$4);
|
23629
23629
|
|
23630
23630
|
var NdcDetailsComponent = function (props) {
|
@@ -23710,9 +23710,6 @@ var NdcDetailsComponent = function (props) {
|
|
23710
23710
|
);
|
23711
23711
|
}
|
23712
23712
|
var onCancelPeriod = function () { };
|
23713
|
-
var inRange = function (num, min, max) {
|
23714
|
-
return num >= min && num <= max;
|
23715
|
-
};
|
23716
23713
|
var onAddNewPeriod = function () {
|
23717
23714
|
if (selectedPeriod && selectedPeriod.current) {
|
23718
23715
|
var newPeriodItem_1 = {
|
@@ -23722,10 +23719,7 @@ var NdcDetailsComponent = function (props) {
|
|
23722
23719
|
end: selectedPeriod.current.end,
|
23723
23720
|
children: ndcDetailsTableContent(),
|
23724
23721
|
};
|
23725
|
-
var existingIndex = periodItemsRef.current.findIndex(function (item) {
|
23726
|
-
return inRange(newPeriodItem_1.start, item.start, item.end) ||
|
23727
|
-
inRange(newPeriodItem_1.end, item.start, item.end);
|
23728
|
-
});
|
23722
|
+
var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
|
23729
23723
|
if (existingIndex === -1) {
|
23730
23724
|
setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
|
23731
23725
|
periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
|
@@ -23740,6 +23734,11 @@ var NdcDetailsComponent = function (props) {
|
|
23740
23734
|
}
|
23741
23735
|
}
|
23742
23736
|
};
|
23737
|
+
React.useEffect(function () {
|
23738
|
+
if (periodItems && periodItems.length > 1) {
|
23739
|
+
setSelectedTab(periodItems[periodItems.length - 1].key);
|
23740
|
+
}
|
23741
|
+
}, [periodItems]);
|
23743
23742
|
var onDateRangeChanged = function (range) {
|
23744
23743
|
var period = {
|
23745
23744
|
start: Number(moment(range[0]).year()),
|
@@ -23796,12 +23795,13 @@ var NdcDetailsComponent = function (props) {
|
|
23796
23795
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
23797
23796
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
23798
23797
|
React.createElement("div", null,
|
23799
|
-
React.createElement(antd.Tabs, { centered:
|
23798
|
+
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
23800
23799
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
23801
23800
|
React.createElement("div", null,
|
23802
23801
|
React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(antd.Row, { justify: "center" },
|
23803
|
-
React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "
|
23802
|
+
React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
23804
23803
|
marginBottom: 16,
|
23804
|
+
width: '100%'
|
23805
23805
|
} }, t("ndc:addNdcAction")))); } }))))));
|
23806
23806
|
};
|
23807
23807
|
|