versacall-dashboards-library-react 2.0.39 → 2.0.41

package/dist/components/DashboardsMainTable/DashboardsMainTable.js

@@ -4,51 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _versacallCoreLibraryReact = require("versacall-core-library-react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _functions = require("../../functions");
-
 var _DashboardsStatusBar = _interopRequireDefault(require("../DashboardsStatusBar"));
-
 var _DashboardsEditor = _interopRequireDefault(require("../DashboardsEditor"));
-
 var _DashboardsViewer = _interopRequireDefault(require("../DashboardsViewer"));
-
 var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
-
 var _DashboardsGrid = _interopRequireDefault(require("../DashboardsGrid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var namespace = 'DashboardsMainTable';
-var style = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const namespace = 'DashboardsMainTable';
+const style = {
   root: {
     position: 'absolute',
     width: '100%',
@@ -64,9 +37,8 @@ var style = {
     position: 'relative'
   }
 };
-
 function findDependencies(text) {
-  var dependencies = {
+  let dependencies = {
     found: false,
     list: []
   };
@@ -77,23 +49,20 @@ function findDependencies(text) {
         list: [...acc.list, '']
       };
     }
-
     if (acc.found && /[A-Z0-9_]/.test(curr)) {
       acc.list[acc.list.length - 1] = "".concat(acc.list[acc.list.length - 1]).concat(curr);
       return acc;
     }
-
     acc.found = false;
     return acc;
   }, dependencies);
   return dependencies.list;
 }
-
-function replaceText(text, variables, calculated = true) {
-  var newText = String(text);
-  var dependencies = findDependencies(newText);
-  var missingDependencies = dependencies;
-
+function replaceText(text, variables) {
+  let calculated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let newText = String(text);
+  const dependencies = findDependencies(newText);
+  let missingDependencies = dependencies;
   if (dependencies.length > 0) {
     variables.filter(variable => dependencies.includes(variable.name)).forEach(variable => {
       // newText = newText.replace(new RegExp(`~${variable.name}`), `${calculated && variable.calculated !== '' ? variable.calculated : variable.value}`);
@@ -101,13 +70,11 @@ function replaceText(text, variables, calculated = true) {
       missingDependencies = missingDependencies.filter(missingDependency => missingDependency !== variable.name);
     });
   }
-
   return {
     text: newText,
     missingDependencies: missingDependencies.length
   };
 }
-
 class DashboardsMainTable extends _react.Component {
   constructor() {
     super();
@@ -122,128 +89,104 @@ class DashboardsMainTable extends _react.Component {
       gridTemplateColumns: 'auto'
     };
   }
-
   componentDidMount() {
     this.updateWindowInnerDimensionsBinded = this.updateWindowInnerDimensions.bind(this);
     window.addEventListener('resize', this.updateWindowInnerDimensionsBinded);
     this.updateWindowInnerDimensionsBinded();
     this.updateRowsAndColumns();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.tableDashboard.rowProperties !== this.props.tableDashboard.rowProperties || prevProps.tableDashboard.columnProperties !== this.props.tableDashboard.columnProperties) {
       this.updateRowsAndColumns();
     }
-
     if (prevProps.tableDashboard.ratio.stretch !== this.props.tableDashboard.ratio.stretch || prevProps.tableDashboard.ratio.width !== this.props.tableDashboard.ratio.width || prevProps.tableDashboard.ratio.height !== this.props.tableDashboard.ratio.height) {
       this.updateViewDimensionsToState();
     }
   }
-
   componentWillUnmount() {
     window.removeEventListener('resize', this.updateWindowInnerDimensionsBinded);
   }
-
   updateWindowInnerDimensions() {
     this.setState(prevState => prevState.windowInnerWidth !== window.innerWidth || prevState.windowInnerHeight !== window.innerHeight ? {
       windowInnerWidth: window.innerWidth,
       windowInnerHeight: window.innerHeight
     } : null);
   }
-
   updateElementDimensions(element) {
     if (element) {
       this.setState(prevState => {
-        var size = element.getBoundingClientRect();
-
+        const size = element.getBoundingClientRect();
         if (prevState.previewWidth !== Math.floor(size.width) || prevState.previewHeight !== Math.floor(size.height)) {
-          var previewWidth = Math.floor(size.width);
-          var previewHeight = Math.floor(size.height);
+          const previewWidth = Math.floor(size.width);
+          const previewHeight = Math.floor(size.height);
           return _objectSpread({
             previewWidth: previewWidth,
             previewHeight: previewHeight
           }, this.updateViewDimensions(previewWidth, previewHeight));
         }
-
         return null;
       });
     }
   }
-
   updateViewDimensions(previewWidth, previewHeight) {
-    var viewWidth = previewWidth;
-    var viewHeight = 0;
-    var allowedHeight = previewHeight;
-
+    let viewWidth = previewWidth;
+    let viewHeight = 0;
+    const allowedHeight = previewHeight;
     if (this.props.tableDashboard.ratio.stretch) {
       viewWidth = previewWidth;
       viewHeight = previewHeight;
     } else {
       viewHeight = Math.floor(viewWidth / this.props.tableDashboard.ratio.width * this.props.tableDashboard.ratio.height);
-
       if (viewHeight > allowedHeight) {
         viewHeight = allowedHeight;
         viewWidth = Math.floor(viewHeight / this.props.tableDashboard.ratio.height * this.props.tableDashboard.ratio.width);
       }
     }
-
     return {
       viewWidth: viewWidth,
       viewHeight: viewHeight
     };
   }
-
   updateViewDimensionsToState() {
     this.setState(prevState => _objectSpread({}, this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)));
   }
-
   updateRowsAndColumns() {
     this.setState({
       gridTemplateRows: this.props.tableDashboard.rowProperties.reduce((acc, row) => "".concat(acc, " ").concat(row.height, "fr"), ''),
       gridTemplateColumns: this.props.tableDashboard.columnProperties.reduce((acc, column) => "".concat(acc, " ").concat(column.width, "fr"), '')
     });
   }
-
   updateTableDashboard(values) {
     if (this.props.updateTableDashboard) {
       this.props.updateTableDashboard(values);
     }
   }
-
   updateSelected(selected) {
     if (this.props.updateSelected) {
       this.props.updateSelected(selected);
     }
   }
-
   addRowOrColumn(type) {
-    var cells = JSON.parse(JSON.stringify(this.props.tableDashboard.cells));
-    var rowProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.rowProperties));
-    var columnProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.columnProperties));
-
+    const cells = JSON.parse(JSON.stringify(this.props.tableDashboard.cells));
+    const rowProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.rowProperties));
+    const columnProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.columnProperties));
     switch (type) {
       case 'row':
         rowProperties.push({
           height: '100'
         });
-
-        for (var i = 0; i < columnProperties.length; i++) {
+        for (let i = 0; i < columnProperties.length; i++) {
           cells.push((0, _functions.generateTableCell)(rowProperties.length, i + 1, 1, 1));
         }
-
         break;
-
       default:
         columnProperties.push({
           width: '100'
         });
-
-        for (var _i = 0; _i < rowProperties.length; _i++) {
-          cells.push((0, _functions.generateTableCell)(_i + 1, columnProperties.length, 1, 1));
+        for (let i = 0; i < rowProperties.length; i++) {
+          cells.push((0, _functions.generateTableCell)(i + 1, columnProperties.length, 1, 1));
         }
-
     }
-
     cells.sort(_functions.sortCells);
     this.updateTableDashboard({
       cells: cells,
@@ -256,21 +199,15 @@ class DashboardsMainTable extends _react.Component {
       cells: []
     });
   }
-
   moveCells(direction) {
-    var cells = JSON.parse(JSON.stringify(this.props.tableDashboard.cells));
-    var rowProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.rowProperties));
-    var columnProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.columnProperties));
-    var initialSelected = JSON.parse(JSON.stringify(this.props.selected));
-    var selected = JSON.parse(JSON.stringify(this.props.selected));
-
+    const cells = JSON.parse(JSON.stringify(this.props.tableDashboard.cells));
+    const rowProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.rowProperties));
+    const columnProperties = JSON.parse(JSON.stringify(this.props.tableDashboard.columnProperties));
+    const initialSelected = JSON.parse(JSON.stringify(this.props.selected));
+    const selected = JSON.parse(JSON.stringify(this.props.selected));
     if (initialSelected.row > 0) {
-      var index = initialSelected.row - 1;
-
-      var _rowProperties$splice = rowProperties.splice(index, 1),
-          _rowProperties$splice2 = _slicedToArray(_rowProperties$splice, 1),
-          removedRowProperty = _rowProperties$splice2[0];
-
+      let index = initialSelected.row - 1;
+      const [removedRowProperty] = rowProperties.splice(index, 1);
       switch (direction) {
         case 'up':
           if (index > 0) {
@@ -281,9 +218,7 @@ class DashboardsMainTable extends _react.Component {
             selected.row--;
             index--;
           }
-
           break;
-
         case 'down':
           if (index < rowProperties.length) {
             selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
@@ -293,49 +228,37 @@ class DashboardsMainTable extends _react.Component {
             selected.row++;
             index++;
           }
-
           break;
-
         default:
       }
-
       rowProperties.splice(index, 0, removedRowProperty);
     } else if (initialSelected.column > 0) {
-      var _index = initialSelected.column - 1;
-
-      var _columnProperties$spl = columnProperties.splice(_index, 1),
-          _columnProperties$spl2 = _slicedToArray(_columnProperties$spl, 1),
-          removedColumnProperty = _columnProperties$spl2[0];
-
+      let index = initialSelected.column - 1;
+      const [removedColumnProperty] = columnProperties.splice(index, 1);
       switch (direction) {
         case 'left':
-          if (_index > 0) {
+          if (index > 0) {
             selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
               column: cell.column - 1,
               index: cell.index - 1
             }));
             selected.column--;
-            _index--;
+            index--;
           }
-
           break;
-
         case 'right':
-          if (_index < columnProperties.length) {
+          if (index < columnProperties.length) {
             selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
               column: cell.column + 1,
               index: cell.index + 1
             }));
             selected.column++;
-            _index++;
+            index++;
           }
-
           break;
-
         default:
       }
-
-      columnProperties.splice(_index, 0, removedColumnProperty);
+      columnProperties.splice(index, 0, removedColumnProperty);
     } else if (initialSelected.cells.length === 1) {
       switch (direction) {
         case 'up':
@@ -343,66 +266,51 @@ class DashboardsMainTable extends _react.Component {
             selected.cells[0].row--;
             selected.cells[0].index -= columnProperties.length;
           }
-
           break;
-
         case 'down':
           if (selected.cells[0].row < rowProperties.length) {
             selected.cells[0].row++;
             selected.cells[0].index += columnProperties.length;
           }
-
           break;
-
         case 'left':
           if (selected.cells[0].column - 1 > 0) {
             selected.cells[0].column--;
             selected.cells[0].index--;
           }
-
           break;
-
         case 'right':
           if (selected.cells[0].column < columnProperties.length) {
             selected.cells[0].column++;
             selected.cells[0].index++;
           }
-
           break;
-
         default:
       }
     }
-
-    var canMove = true;
-
-    for (var i = 0; i < selected.cells.length; i++) {
-      var currentCell = JSON.parse(JSON.stringify(cells[initialSelected.cells[i].index]));
-      var nextCell = JSON.parse(JSON.stringify(cells[selected.cells[i].index]));
-
+    let canMove = true;
+    for (let i = 0; i < selected.cells.length; i++) {
+      const currentCell = JSON.parse(JSON.stringify(cells[initialSelected.cells[i].index]));
+      const nextCell = JSON.parse(JSON.stringify(cells[selected.cells[i].index]));
       if (currentCell.rowSpan !== 1 || currentCell.columnSpan !== 1 || nextCell.rowSpan !== 1 || nextCell.columnSpan !== 1) {
         canMove = false;
         break;
       }
     }
-
     if (canMove) {
-      for (var _i2 = 0; _i2 < selected.cells.length; _i2++) {
-        var _currentCell = JSON.parse(JSON.stringify(cells[initialSelected.cells[_i2].index]));
-
-        var _nextCell = JSON.parse(JSON.stringify(cells[selected.cells[_i2].index]));
-
-        _nextCell.row = _currentCell.row;
-        _nextCell.column = _currentCell.column;
-        _currentCell.row = selected.cells[_i2].row;
-        _currentCell.column = selected.cells[_i2].column;
-        cells[initialSelected.cells[_i2].index] = _nextCell;
-        cells[selected.cells[_i2].index] = _currentCell;
+      for (let i = 0; i < selected.cells.length; i++) {
+        const currentCell = JSON.parse(JSON.stringify(cells[initialSelected.cells[i].index]));
+        const nextCell = JSON.parse(JSON.stringify(cells[selected.cells[i].index]));
+        nextCell.row = currentCell.row;
+        nextCell.column = currentCell.column;
+        currentCell.row = selected.cells[i].row;
+        currentCell.column = selected.cells[i].column;
+        cells[initialSelected.cells[i].index] = nextCell;
+        cells[selected.cells[i].index] = currentCell;
       }
     } else {
       return;
     }
-
     this.updateTableDashboard({
       cells: cells,
       rowProperties: rowProperties,
@@ -410,70 +318,60 @@ class DashboardsMainTable extends _react.Component {
     });
     this.updateSelected(selected);
   }
-
   render() {
-    var methodName = 'render()';
-    var _this$props = this.props,
-        core = _this$props.core,
-        styles = _this$props.styles,
-        widgets = _this$props.widgets,
-        viewers = _this$props.viewers,
-        gap = _this$props.gap,
-        variables = _this$props.variables,
-        showEditor = _this$props.showEditor,
-        viewColor = _this$props.viewColor,
-        previewColor = _this$props.previewColor,
-        tableDashboard = _this$props.tableDashboard,
-        selected = _this$props.selected;
-    var _this$state = this.state,
-        viewWidth = _this$state.viewWidth,
-        viewHeight = _this$state.viewHeight,
-        previewHeight = _this$state.previewHeight,
-        gridTemplateRows = _this$state.gridTemplateRows,
-        gridTemplateColumns = _this$state.gridTemplateColumns;
-    var tableDashboardProcessed = JSON.parse(JSON.stringify(tableDashboard));
-    var variablesProcessed = (0, _functions.calculateDashboardVariables)(variables, tableDashboardProcessed.variables);
+    const methodName = 'render()';
+    const {
+      core,
+      styles,
+      widgets,
+      viewers,
+      gap,
+      variables,
+      showEditor,
+      viewColor,
+      previewColor,
+      tableDashboard,
+      selected
+    } = this.props;
+    const {
+      viewWidth,
+      viewHeight,
+      previewHeight,
+      gridTemplateRows,
+      gridTemplateColumns
+    } = this.state;
+    const tableDashboardProcessed = JSON.parse(JSON.stringify(tableDashboard));
+    const variablesProcessed = (0, _functions.calculateDashboardVariables)(variables, tableDashboardProcessed.variables);
     tableDashboardProcessed.cells = tableDashboardProcessed.cells.filter(cell => !(cell.rowSpan === 0 || cell.columnSpan === 0)).map(cell => {
-      var newCell = JSON.parse(JSON.stringify(cell));
+      const newCell = JSON.parse(JSON.stringify(cell));
       newCell.custom = {
         viewWidth: viewWidth,
         viewHeight: viewHeight,
         style: {}
       };
-
       if (styles.length > 0 && newCell.styleIds.length > 0) {
-        var _loop = function _loop(i) {
-          var findStyle = styles.find(searchStyle => searchStyle.id === newCell.styleIds[i]);
-
+        for (let i = 0; i < newCell.styleIds.length; i++) {
+          const findStyle = styles.find(searchStyle => searchStyle.id === newCell.styleIds[i]);
           if (findStyle) {
             newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), findStyle.options);
           }
-        };
-
-        for (var i = 0; i < newCell.styleIds.length; i++) {
-          _loop(i);
         }
       }
-
       newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.style);
-
       if (!showEditor) {
-        for (var _i3 = 0; _i3 < newCell.styleConditions.length; _i3++) {
-          var replacedText = replaceText(newCell.styleConditions[_i3].condition, variablesProcessed);
-
+        for (let i = 0; i < newCell.styleConditions.length; i++) {
+          const replacedText = replaceText(newCell.styleConditions[i].condition, variablesProcessed);
           if (replacedText.missingDependencies === 0) {
             try {
               // eslint-disable-next-line no-eval
               if (window.eval(replacedText.text)) {
-                newCell.styleConditions[_i3].styleIds.forEach(styleId => {
-                  var findStyle = styles.find(aStyle => aStyle.id === styleId);
-
+                newCell.styleConditions[i].styleIds.forEach(styleId => {
+                  const findStyle = styles.find(aStyle => aStyle.id === styleId);
                   if (findStyle) {
                     newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), findStyle.options);
                   }
                 });
-
-                newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.styleConditions[_i3].style);
+                newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.styleConditions[i].style);
                 break;
               }
             } catch (error) {
@@ -481,32 +379,27 @@ class DashboardsMainTable extends _react.Component {
             }
           }
         }
-
-        for (var _i4 = 0; _i4 < newCell.contentConditions.length; _i4++) {
-          var _replacedText = replaceText(newCell.contentConditions[_i4].condition, variablesProcessed);
-
-          if (_replacedText.missingDependencies === 0) {
+        for (let i = 0; i < newCell.contentConditions.length; i++) {
+          const replacedText = replaceText(newCell.contentConditions[i].condition, variablesProcessed);
+          if (replacedText.missingDependencies === 0) {
             try {
               // eslint-disable-next-line no-eval
-              if (window.eval(_replacedText.text)) {
-                newCell.content = JSON.parse(JSON.stringify(newCell.contentConditions[_i4].content));
+              if (window.eval(replacedText.text)) {
+                newCell.content = JSON.parse(JSON.stringify(newCell.contentConditions[i].content));
                 break;
               }
             } catch (error) {
-              core.log('error', namespace, methodName, "Error window.eval(".concat(_replacedText.text, ")"));
+              core.log('error', namespace, methodName, "Error window.eval(".concat(replacedText.text, ")"));
             }
           }
         }
-
         if (newCell.content.type === 'text') {
           newCell.content.text = replaceText(newCell.content.text, variablesProcessed, false).text;
         }
-
         if (newCell.content.type === 'widget') {
           newCell.content.properties = JSON.parse(replaceText(JSON.stringify(newCell.content.properties), variablesProcessed).text);
         }
       }
-
       return newCell;
     });
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -556,13 +449,11 @@ class DashboardsMainTable extends _react.Component {
       columnProperties: tableDashboard.columnProperties,
       updateSelected: _selected => this.updateSelected(_selected)
     }, tableDashboardProcessed.cells.map(cell => {
-      var widget = cell.content.type === 'widget' ? widgets.find(aWidget => aWidget.id === cell.content.id) : null;
-      var viewer = null;
-
+      const widget = cell.content.type === 'widget' ? widgets.find(aWidget => aWidget.id === cell.content.id) : null;
+      let viewer = null;
       if (widget && widget.plugInType !== 'component') {
         viewer = viewers.find(aViewer => aViewer.metadata.plugInType === widget.plugInType);
       }
-
       return /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
         cell: cell,
         widget: widget,
@@ -578,9 +469,7 @@ class DashboardsMainTable extends _react.Component {
       height: Math.floor(previewHeight * 0.05)
     })) : null));
   }
-
 }
-
 DashboardsMainTable.propTypes = {
   gap: _propTypes.default.string,
   showEditor: _propTypes.default.bool,
@@ -620,7 +509,4 @@ DashboardsMainTable.defaultProps = {
     cells: []
   }
 };
-
-var _default = (0, _versacallCoreLibraryReact.withCore)(DashboardsMainTable);
-
-exports.default = _default;
+var _default = exports.default = (0, _versacallCoreLibraryReact.withCore)(DashboardsMainTable);

package/dist/components/DashboardsMainTable/index.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DashboardsMainTable.default;
   }
 });
-
 var _DashboardsMainTable = _interopRequireDefault(require("./DashboardsMainTable"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }