@undp/carbon-library 1.0.150-CARBON-343.1 → 1.0.150-CARBON-343.2

package/dist/esm/index.js

@@ -24508,6 +24508,7 @@ var NdcDetailsComponent = function (props) {
     var selectedPeriod = useRef({});
     var addedNdcDetailId = useRef(0);
     var selectedNdcDetail = useRef({});
+    var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
     var userInfoState = useUserContext().userInfoState;
     var isAddRangeVisible = function () {
         return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
@@ -24618,6 +24619,7 @@ var NdcDetailsComponent = function (props) {
         }
         ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
         setNdcDetailsData(ndcDetailsData);
+        setTableKey(function (key) { return key + 1; });
     }
     var components = {
         body: {
@@ -24803,7 +24805,7 @@ var NdcDetailsComponent = function (props) {
             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: getNdcDetailsForPeriod(), columns: columns, expandable: {
+                React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
                         expandedRowRender: function (record) { return getSubNdcActionContent(record); },
                     }, footer: function () {
                         return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },