logitude-dashboard-library 3.2.22 → 3.2.23

package/dist/index.js

@@ -1168,6 +1168,10 @@ var TableChart = function TableChart(props) {
       objectTableName = _useState9[0],
       setObjectTableName = _useState9[1];
 
+  var _useState10 = React.useState(null),
+      triggerId = _useState10[0],
+      setTriggerId = _useState10[1];
+
   React.useEffect(function () {
     var _props$customChartPro;
 
@@ -1182,8 +1186,33 @@ var TableChart = function TableChart(props) {
 
       if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widgetRefData$curren = widgetRefData.current) === null || _widgetRefData$curren === void 0 ? void 0 : _widgetRefData$curren.key)) return;
       setWidget(_extends({}, updatedWidget));
+      setTriggerId(uuid.v4());
     });
   }, []);
+  React.useEffect(function () {
+    if (triggerId != null) {
+      ReOrderColumns(widget === null || widget === void 0 ? void 0 : widget.Columns);
+    }
+  }, [triggerId]);
+
+  var ReOrderColumns = function ReOrderColumns(updatedWidgetColumns) {
+    if (updatedWidgetColumns == null || updatedWidgetColumns == undefined || typeof updatedWidgetColumns == 'string' && (updatedWidgetColumns === null || updatedWidgetColumns === void 0 ? void 0 : updatedWidgetColumns.length) == 0) {
+      return;
+    }
+
+    var updatedWidgetColumnsData = JSON.parse(updatedWidgetColumns);
+    var _updatedTableColumns = [];
+    updatedWidgetColumnsData.forEach(function (c) {
+      var col = tableColumns.find(function (f) {
+        return f.Id == c.Id;
+      });
+
+      if (col) {
+        _updatedTableColumns.push(col);
+      }
+    });
+    setTableColumns([].concat(_updatedTableColumns));
+  };
 
   var getObjectTableName = function getObjectTableName(widget) {
     var dashboardAnalyticsService = new DashboardAnalyticsService();