@undp/carbon-library 1.0.135-CARBON-343.6 → 1.0.135-CARBON-343.8

package/dist/esm/index.js

@@ -23604,7 +23604,7 @@ var EditableCell = function (_a) {
     return React.createElement("td", __assign({}, restProps), childNode);
 };
 
-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";
+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";
 styleInject(css_248z$4);
 
 var NdcDetailsComponent = function (props) {
@@ -23690,9 +23690,6 @@ var NdcDetailsComponent = function (props) {
         );
     }
     var onCancelPeriod = function () { };
-    var inRange = function (num, min, max) {
-        return num >= min && num <= max;
-    };
     var onAddNewPeriod = function () {
         if (selectedPeriod && selectedPeriod.current) {
             var newPeriodItem_1 = {
@@ -23702,10 +23699,7 @@ var NdcDetailsComponent = function (props) {
                 end: selectedPeriod.current.end,
                 children: ndcDetailsTableContent(),
             };
-            var existingIndex = periodItemsRef.current.findIndex(function (item) {
-                return inRange(newPeriodItem_1.start, item.start, item.end) ||
-                    inRange(newPeriodItem_1.end, item.start, item.end);
-            });
+            var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
             if (existingIndex === -1) {
                 setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [newPeriodItem_1], false); });
                 periodItemsRef.current = __spreadArray(__spreadArray([], periodItemsRef.current, true), [newPeriodItem_1], false);
@@ -23720,6 +23714,11 @@ var NdcDetailsComponent = function (props) {
             }
         }
     };
+    useEffect(function () {
+        if (periodItems && periodItems.length > 1) {
+            setSelectedTab(periodItems[periodItems.length - 1].key);
+        }
+    }, [periodItems]);
     var onDateRangeChanged = function (range) {
         var period = {
             start: Number(moment(range[0]).year()),
@@ -23776,12 +23775,13 @@ var NdcDetailsComponent = function (props) {
                     React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
                     React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
         React.createElement("div", null,
-            React.createElement(Tabs, { centered: true, defaultActiveKey: "1", items: periodItems, onChange: onTabChange })),
+            React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
         selectedTab !== "add_new" && (React.createElement("div", null,
             React.createElement("div", null,
                 React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcDetailsData, columns: columns, footer: function () { return (React.createElement(Row, { justify: "center" },
-                        React.createElement(Button, { onClick: onAddNewNdcDetail, type: "primary", style: {
+                        React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
                                 marginBottom: 16,
+                                width: '100%'
                             } }, t("ndc:addNdcAction")))); } }))))));
 };