@undp/carbon-library 1.0.284-CARBON-406.6 → 1.0.284-CARBON-406.7

package/dist/esm/index.js

@@ -26903,7 +26903,7 @@ var NdcDetailsComponent = function (props) {
             return isSubNdcActionsEditable(record);
         }
     };
-    var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
+    var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
         ? ndcActionsList.filter(function (ndcDetail) {
             return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
                 ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -27651,10 +27651,12 @@ 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: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
-        React.createElement("div", null, selectedPeriod.key === "add_new"
-            ? addNewPeriodContent()
-            : mainNdcActionTableContent()),
+            React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
+        React.createElement("div", null, selectedPeriod
+            ? selectedPeriod.key === "add_new"
+                ? addNewPeriodContent()
+                : mainNdcActionTableContent()
+            : ""),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
 };