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

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) {
@@ -23720,6 +23720,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()),
@@ -23729,9 +23734,9 @@ var NdcDetailsComponent = function (props) {
     };
     function addNewPeriodContent() {
         return (React.createElement("div", null,
-            React.createElement(Row, null,
+            React.createElement(Row, { justify: "center" },
                 React.createElement(RangePicker, { onChange: onDateRangeChanged, picker: "year" })),
-            React.createElement(Row, { className: "mg-top-1" },
+            React.createElement(Row, { className: "mg-top-1", justify: "center" },
                 React.createElement("div", { className: "steps-actions" },
                     React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
                     React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
@@ -23780,8 +23785,9 @@ var NdcDetailsComponent = function (props) {
         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")))); } }))))));
 };