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

package/dist/cjs/index.js

@@ -24528,6 +24528,7 @@ var NdcDetailsComponent = function (props) {
     var selectedPeriod = React.useRef({});
     var addedNdcDetailId = React.useRef(0);
     var selectedNdcDetail = React.useRef({});
+    var _e = React.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) === exports.CompanyRole.MINISTRY ||
@@ -24638,6 +24639,7 @@ var NdcDetailsComponent = function (props) {
         }
         ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
         setNdcDetailsData(ndcDetailsData);
+        setTableKey(function (key) { return key + 1; });
     }
     var components = {
         body: {
@@ -24823,7 +24825,7 @@ var NdcDetailsComponent = function (props) {
             React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
         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: getNdcDetailsForPeriod(), columns: columns, expandable: {
+                React.createElement(antd.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(antd.Row, { justify: "center" },