@undp/carbon-library 1.0.135-CARBON-343.5 → 1.0.135-CARBON-343.7

package/dist/cjs/index.js

@@ -23624,7 +23624,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) {
@@ -23710,6 +23710,9 @@ 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 = {
@@ -23719,7 +23722,10 @@ var NdcDetailsComponent = function (props) {
                 end: selectedPeriod.current.end,
                 children: ndcDetailsTableContent(),
             };
-            var existingIndex = periodItemsRef.current.findIndex(function (item) { return item.start === newPeriodItem_1.start || item.end === newPeriodItem_1.end; });
+            var existingIndex = periodItemsRef.current.findIndex(function (item) {
+                return inRange(newPeriodItem_1.start, item.start, item.end) ||
+                    inRange(newPeriodItem_1.end, item.start, item.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);
@@ -23734,6 +23740,11 @@ var NdcDetailsComponent = function (props) {
             }
         }
     };
+    React.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()),
@@ -23743,9 +23754,9 @@ var NdcDetailsComponent = function (props) {
     };
     function addNewPeriodContent() {
         return (React.createElement("div", null,
-            React.createElement(antd.Row, null,
+            React.createElement(antd.Row, { justify: "center" },
                 React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
-            React.createElement(antd.Row, { className: "mg-top-1" },
+            React.createElement(antd.Row, { className: "mg-top-1", justify: "center" },
                 React.createElement("div", { className: "steps-actions" },
                     React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
                     React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
@@ -23794,8 +23805,9 @@ var NdcDetailsComponent = function (props) {
         selectedTab !== "add_new" && (React.createElement("div", null,
             React.createElement("div", null,
                 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" },
-                        React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "primary", style: {
+                        React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
                                 marginBottom: 16,
+                                width: '100%'
                             } }, t("ndc:addNdcAction")))); } }))))));
 };