versacall-dashboards-library-react 2.0.43 → 2.0.45

package/dist/components/DashboardsGrid/DashboardsGrid.js

@@ -9,11 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _functions = require("../../functions");
 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); }
 class DashboardsGrid extends _react.Component {
   updateSelected(event, select) {
     if (this.props.updateSelected && this.props.showEditor) {
@@ -73,11 +68,12 @@ class DashboardsGrid extends _react.Component {
         role: "button",
         tabIndex: 0,
         key: String(index),
-        style: _objectSpread(_objectSpread({}, style.root), {}, {
+        style: {
+          ...style.root,
           borderStyle: isSelected ? 'dashed' : 'none',
-          gridColumn: "span ".concat(child.props.cell.columnSpan),
-          gridRow: "span ".concat(child.props.cell.rowSpan)
-        }),
+          gridColumn: `span ${child.props.cell.columnSpan}`,
+          gridRow: `span ${child.props.cell.rowSpan}`
+        },
         onClick: event => this.updateSelected(event, [{
           row: row,
           column: column,

package/dist/components/DashboardsMainFreehand/DashboardsMainFreehand.js

@@ -15,11 +15,6 @@ var _DashboardsViewer = _interopRequireDefault(require("../DashboardsViewer"));
 var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
 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 = 'DashboardsMainFreehand';
 const style = {
   root: {
@@ -50,7 +45,7 @@ function findDependencies(text) {
       };
     }
     if (acc.found && /[A-Z0-9_]/.test(curr)) {
-      acc.list[acc.list.length - 1] = "".concat(acc.list[acc.list.length - 1]).concat(curr);
+      acc.list[acc.list.length - 1] = `${acc.list[acc.list.length - 1]}${curr}`;
       return acc;
     }
     acc.found = false;
@@ -66,7 +61,7 @@ function replaceText(text, variables) {
   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}`);
-      newText = newText.split("~".concat(variable.name)).join("".concat(calculated && variable.calculated !== '' ? variable.calculated : variable.value));
+      newText = newText.split(`~${variable.name}`).join(`${calculated && variable.calculated !== '' ? variable.calculated : variable.value}`);
       missingDependencies = missingDependencies.filter(missingDependency => missingDependency !== variable.name);
     });
   }
@@ -114,10 +109,11 @@ class DashboardsMainFreehand extends _react.Component {
         if (prevState.previewWidth !== Math.floor(size.width) || prevState.previewHeight !== Math.floor(size.height)) {
           const previewWidth = Math.floor(size.width);
           const previewHeight = Math.floor(size.height);
-          return _objectSpread({
+          return {
             previewWidth: previewWidth,
-            previewHeight: previewHeight
-          }, this.updateViewDimensions(previewWidth, previewHeight));
+            previewHeight: previewHeight,
+            ...this.updateViewDimensions(previewWidth, previewHeight)
+          };
         }
         return null;
       });
@@ -143,7 +139,9 @@ class DashboardsMainFreehand extends _react.Component {
     };
   }
   updateViewDimensionsToState() {
-    this.setState(prevState => _objectSpread({}, this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)));
+    this.setState(prevState => ({
+      ...this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)
+    }));
   }
   updateFreehandDashboard(values) {
     if (this.props.updateFreehandDashboard) {
@@ -164,11 +162,11 @@ class DashboardsMainFreehand extends _react.Component {
       newCellIndex
     } = this.state;
     const cells = JSON.parse(JSON.stringify(this.props.freehandDashboard.cells));
-    cells.push((0, _functions.generateFreehandCell)(10, 10, 10, 50, 50, "New Cell ".concat(newCellIndex)));
+    cells.push((0, _functions.generateFreehandCell)(10, 10, 10, 50, 50, `New Cell ${newCellIndex}`));
     this.updateFreehandDashboard({
       cells: cells
     });
-    this.updateSelected(["".concat(cells.length - 1)]);
+    this.updateSelected([`${cells.length - 1}`]);
     this.setState({
       newCellIndex: newCellIndex + 1
     });
@@ -227,11 +225,17 @@ class DashboardsMainFreehand extends _react.Component {
         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);
+            newCell.custom.style = {
+              ...newCell.custom.style,
+              ...findStyle.options
+            };
           }
         }
       }
-      newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.style);
+      newCell.custom.style = {
+        ...newCell.custom.style,
+        ...newCell.style
+      };
       if (!showEditor) {
         for (let i = 0; i < newCell.styleConditions.length; i++) {
           const replacedText = replaceText(newCell.styleConditions[i].condition, variablesProcessed);
@@ -242,14 +246,20 @@ class DashboardsMainFreehand extends _react.Component {
                 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 = {
+                      ...newCell.custom.style,
+                      ...findStyle.options
+                    };
                   }
                 });
-                newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.styleConditions[i].style);
+                newCell.custom.style = {
+                  ...newCell.custom.style,
+                  ...newCell.styleConditions[i].style
+                };
                 break;
               }
             } catch (error) {
-              core.log('error', namespace, methodName, "Error window.eval(".concat(replacedText.text, ")"));
+              core.log('error', namespace, methodName, `Error window.eval(${replacedText.text})`);
             }
           }
         }
@@ -263,7 +273,7 @@ class DashboardsMainFreehand extends _react.Component {
                 break;
               }
             } catch (error) {
-              core.log('error', namespace, methodName, "Error window.eval(".concat(replacedText.text, ")"));
+              core.log('error', namespace, methodName, `Error window.eval(${replacedText.text})`);
             }
           }
         }
@@ -298,9 +308,10 @@ class DashboardsMainFreehand extends _react.Component {
       updateSelected: _selected => this.updateSelected(_selected),
       showSelected: true
     }, /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.preview), {}, {
+      style: {
+        ...style.preview,
         height: freehandDashboard.showFooter ? '95%' : '100%'
-      }),
+      },
       ref: element => {
         this.updateElementDimensions(element);
       }
@@ -313,7 +324,7 @@ class DashboardsMainFreehand extends _react.Component {
       justifyContent: freehandDashboard.ratio.horizontalAlignment,
       showEditor: showEditor
     }, /*#__PURE__*/_react.default.createElement("div", null, freehandDashboardProcessed.cells.map((cell, index) => {
-      const isSelected = showEditor && selected.cells.includes("".concat(index));
+      const isSelected = showEditor && selected.cells.includes(`${index}`);
       const widget = cell.content.type === 'widget' ? widgets.find(aWidget => aWidget.id === cell.content.id) : null;
       let viewer = null;
       if (widget && widget.plugInType !== 'component') {
@@ -325,20 +336,20 @@ class DashboardsMainFreehand extends _react.Component {
         key: String(index),
         style: {
           position: 'absolute',
-          width: "".concat(cell.width, "%"),
-          height: "".concat(cell.height, "%"),
-          top: "".concat(cell.y, "%"),
-          left: "".concat(cell.x, "%"),
+          width: `${cell.width}%`,
+          height: `${cell.height}%`,
+          top: `${cell.y}%`,
+          left: `${cell.x}%`,
           zIndex: cell.z
         },
         onClick: event => {
-          this.updateSelected(["".concat(index)]);
+          this.updateSelected([`${index}`]);
           if (!showEditor && cell.actionType && this.props.onCellAction) {
             event.stopPropagation();
             this.props.onCellAction(event, index, cell);
           }
         },
-        onKeyPress: event => this.updateSelected(["".concat(index)])
+        onKeyPress: event => this.updateSelected([`${index}`])
       }, /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
         cell: cell,
         widget: widget,

package/dist/components/DashboardsMainMessaging/DashboardsMainMessaging.js

@@ -14,11 +14,6 @@ var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
 var _DashboardsGrid = _interopRequireDefault(require("../DashboardsGrid"));
 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 style = {
   root: {
     position: 'absolute',
@@ -76,10 +71,11 @@ class DashboardsMainMessaging extends _react.Component {
         if (prevState.previewWidth !== Math.floor(size.width) || prevState.previewHeight !== Math.floor(size.height)) {
           const previewWidth = Math.floor(size.width);
           const previewHeight = Math.floor(size.height);
-          return _objectSpread({
+          return {
             previewWidth: previewWidth,
-            previewHeight: previewHeight
-          }, this.updateViewDimensions(previewWidth, previewHeight));
+            previewHeight: previewHeight,
+            ...this.updateViewDimensions(previewWidth, previewHeight)
+          };
         }
         return null;
       });
@@ -105,7 +101,9 @@ class DashboardsMainMessaging extends _react.Component {
     };
   }
   updateViewDimensionsToState() {
-    this.setState(prevState => _objectSpread({}, this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)));
+    this.setState(prevState => ({
+      ...this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)
+    }));
   }
   getParentEvents(eventId) {
     const {
@@ -217,7 +215,14 @@ class DashboardsMainMessaging extends _react.Component {
           default:
             break;
         }
-        processedEvent.custom.style = _objectSpread(_objectSpread({}, defaultActiveStyleId ? _objectSpread({}, defaultActiveStyleId.options) : {}), newStyle ? _objectSpread({}, newStyle.options) : {});
+        processedEvent.custom.style = {
+          ...(defaultActiveStyleId ? {
+            ...defaultActiveStyleId.options
+          } : {}),
+          ...(newStyle ? {
+            ...newStyle.options
+          } : {})
+        };
         let newMessageProceessed = String(processedEvent.messageProceessed);
         let textVariables = {
           active: false,
@@ -234,14 +239,14 @@ class DashboardsMainMessaging extends _react.Component {
           }
           if (acc.active) {
             if (/[A-Z0-9_(]/.test(curr)) {
-              acc.list[acc.list.length - 1] = "".concat(acc.list[acc.list.length - 1]).concat(curr === '(' ? "\\".concat(curr) : curr);
+              acc.list[acc.list.length - 1] = `${acc.list[acc.list.length - 1]}${curr === '(' ? `\\${curr}` : curr}`;
               if (curr === '(') {
                 acc.activeInput = true;
               }
               return acc;
             }
             if (acc.activeInput && /[A-Z0-9a-z )]/.test(curr)) {
-              acc.list[acc.list.length - 1] = "".concat(acc.list[acc.list.length - 1]).concat(curr === ')' ? "\\".concat(curr) : curr);
+              acc.list[acc.list.length - 1] = `${acc.list[acc.list.length - 1]}${curr === ')' ? `\\${curr}` : curr}`;
               if (curr !== ')') {
                 return acc;
               }
@@ -274,7 +279,7 @@ class DashboardsMainMessaging extends _react.Component {
             case 'DATE_TIME':
               {
                 const datetime = new Date(processedEvent.respondDateTime ? processedEvent.respondDateTime : processedEvent.startDateTime);
-                replaceValue = "".concat(intl.formatDate(datetime), " ").concat(intl.formatTime(datetime));
+                replaceValue = `${intl.formatDate(datetime)} ${intl.formatTime(datetime)}`;
                 break;
               }
             case 'DATE':
@@ -286,7 +291,7 @@ class DashboardsMainMessaging extends _react.Component {
             case 'START_DATE_TIME':
               {
                 const datetime = new Date(processedEvent.startDateTime);
-                replaceValue = "".concat(intl.formatDate(datetime), " ").concat(intl.formatTime(datetime));
+                replaceValue = `${intl.formatDate(datetime)} ${intl.formatTime(datetime)}`;
                 break;
               }
             case 'ELAPSED_TIME':
@@ -354,7 +359,7 @@ class DashboardsMainMessaging extends _react.Component {
               }
           }
           if (canReplace) {
-            newMessageProceessed = newMessageProceessed.replace(new RegExp("~".concat(textVariable)), "".concat(replaceValue));
+            newMessageProceessed = newMessageProceessed.replace(new RegExp(`~${textVariable}`), `${replaceValue}`);
           }
         }
         processedEvent.messageProceessed = newMessageProceessed;
@@ -395,9 +400,10 @@ class DashboardsMainMessaging extends _react.Component {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: style.root
     }, /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.preview), {}, {
+      style: {
+        ...style.preview,
         height: messagingDashboard.showFooter ? '95%' : '100%'
-      }),
+      },
       ref: element => {
         this.updateElementDimensions(element);
       }
@@ -423,7 +429,7 @@ class DashboardsMainMessaging extends _react.Component {
     }, []).map((event, index) => {
       if (messagingDashboardProcessed.showElapsedTime && index % 2 !== 0) {
         return /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
-          key: String("1-".concat(index)),
+          key: String(`1-${index}`),
           cell: {
             columnSpan: 1,
             rowSpan: 1,
@@ -431,18 +437,20 @@ class DashboardsMainMessaging extends _react.Component {
               type: 'text',
               text: event.startDateTimeFormatted
             },
-            custom: _objectSpread(_objectSpread({}, event.custom), {}, {
-              style: _objectSpread({
+            custom: {
+              ...event.custom,
+              style: {
                 backgroundColor: 'white',
                 justifyContent: 'center',
-                alignItems: 'center'
-              }, event.custom.style)
-            })
+                alignItems: 'center',
+                ...event.custom.style
+              }
+            }
           }
         });
       }
       return /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
-        key: String("1-".concat(index)),
+        key: String(`1-${index}`),
         cell: {
           columnSpan: 1,
           rowSpan: 1,
@@ -450,12 +458,14 @@ class DashboardsMainMessaging extends _react.Component {
             type: 'text',
             text: event.messageProceessed
           },
-          custom: _objectSpread(_objectSpread({}, event.custom), {}, {
-            style: _objectSpread({
+          custom: {
+            ...event.custom,
+            style: {
               backgroundColor: 'white',
-              alignItems: 'center'
-            }, event.custom.style)
-          })
+              alignItems: 'center',
+              ...event.custom.style
+            }
+          }
         }
       });
     }) : Array.from({
@@ -470,11 +480,14 @@ class DashboardsMainMessaging extends _react.Component {
         custom: {
           viewWidth: viewWidth,
           viewHeight: viewHeight,
-          style: _objectSpread({
+          style: {
             backgroundColor: 'white',
             justifyContent: 'center',
-            alignItems: 'center'
-          }, styleId ? _objectSpread({}, styleId.options) : {})
+            alignItems: 'center',
+            ...(styleId ? {
+              ...styleId.options
+            } : {})
+          }
         }
       }
     }))))), messagingDashboard.showFooter ? /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/DashboardsMainTable/DashboardsMainTable.js

@@ -15,11 +15,6 @@ var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
 var _DashboardsGrid = _interopRequireDefault(require("../DashboardsGrid"));
 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: {
@@ -50,7 +45,7 @@ function findDependencies(text) {
       };
     }
     if (acc.found && /[A-Z0-9_]/.test(curr)) {
-      acc.list[acc.list.length - 1] = "".concat(acc.list[acc.list.length - 1]).concat(curr);
+      acc.list[acc.list.length - 1] = `${acc.list[acc.list.length - 1]}${curr}`;
       return acc;
     }
     acc.found = false;
@@ -66,7 +61,7 @@ function replaceText(text, variables) {
   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}`);
-      newText = newText.split("~".concat(variable.name)).join("".concat(calculated && variable.calculated !== '' ? variable.calculated : variable.value));
+      newText = newText.split(`~${variable.name}`).join(`${calculated && variable.calculated !== '' ? variable.calculated : variable.value}`);
       missingDependencies = missingDependencies.filter(missingDependency => missingDependency !== variable.name);
     });
   }
@@ -119,10 +114,11 @@ class DashboardsMainTable extends _react.Component {
         if (prevState.previewWidth !== Math.floor(size.width) || prevState.previewHeight !== Math.floor(size.height)) {
           const previewWidth = Math.floor(size.width);
           const previewHeight = Math.floor(size.height);
-          return _objectSpread({
+          return {
             previewWidth: previewWidth,
-            previewHeight: previewHeight
-          }, this.updateViewDimensions(previewWidth, previewHeight));
+            previewHeight: previewHeight,
+            ...this.updateViewDimensions(previewWidth, previewHeight)
+          };
         }
         return null;
       });
@@ -148,12 +144,14 @@ class DashboardsMainTable extends _react.Component {
     };
   }
   updateViewDimensionsToState() {
-    this.setState(prevState => _objectSpread({}, this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)));
+    this.setState(prevState => ({
+      ...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"), '')
+      gridTemplateRows: this.props.tableDashboard.rowProperties.reduce((acc, row) => `${acc} ${row.height}fr`, ''),
+      gridTemplateColumns: this.props.tableDashboard.columnProperties.reduce((acc, column) => `${acc} ${column.width}fr`, '')
     });
   }
   updateTableDashboard(values) {
@@ -211,7 +209,8 @@ class DashboardsMainTable extends _react.Component {
       switch (direction) {
         case 'up':
           if (index > 0) {
-            selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
+            selected.cells = selected.cells.map(cell => ({
+              ...cell,
               row: cell.row - 1,
               index: cell.index - columnProperties.length
             }));
@@ -221,7 +220,8 @@ class DashboardsMainTable extends _react.Component {
           break;
         case 'down':
           if (index < rowProperties.length) {
-            selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
+            selected.cells = selected.cells.map(cell => ({
+              ...cell,
               row: cell.row + 1,
               index: cell.index + columnProperties.length
             }));
@@ -238,7 +238,8 @@ class DashboardsMainTable extends _react.Component {
       switch (direction) {
         case 'left':
           if (index > 0) {
-            selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
+            selected.cells = selected.cells.map(cell => ({
+              ...cell,
               column: cell.column - 1,
               index: cell.index - 1
             }));
@@ -248,7 +249,8 @@ class DashboardsMainTable extends _react.Component {
           break;
         case 'right':
           if (index < columnProperties.length) {
-            selected.cells = selected.cells.map(cell => _objectSpread(_objectSpread({}, cell), {}, {
+            selected.cells = selected.cells.map(cell => ({
+              ...cell,
               column: cell.column + 1,
               index: cell.index + 1
             }));
@@ -353,11 +355,17 @@ class DashboardsMainTable extends _react.Component {
         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);
+            newCell.custom.style = {
+              ...newCell.custom.style,
+              ...findStyle.options
+            };
           }
         }
       }
-      newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.style);
+      newCell.custom.style = {
+        ...newCell.custom.style,
+        ...newCell.style
+      };
       if (!showEditor) {
         for (let i = 0; i < newCell.styleConditions.length; i++) {
           const replacedText = replaceText(newCell.styleConditions[i].condition, variablesProcessed);
@@ -368,14 +376,20 @@ class DashboardsMainTable extends _react.Component {
                 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 = {
+                      ...newCell.custom.style,
+                      ...findStyle.options
+                    };
                   }
                 });
-                newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.styleConditions[i].style);
+                newCell.custom.style = {
+                  ...newCell.custom.style,
+                  ...newCell.styleConditions[i].style
+                };
                 break;
               }
             } catch (error) {
-              core.log('error', namespace, methodName, "Error window.eval(".concat(replacedText.text, ")"));
+              core.log('error', namespace, methodName, `Error window.eval(${replacedText.text})`);
             }
           }
         }
@@ -389,7 +403,7 @@ class DashboardsMainTable extends _react.Component {
                 break;
               }
             } catch (error) {
-              core.log('error', namespace, methodName, "Error window.eval(".concat(replacedText.text, ")"));
+              core.log('error', namespace, methodName, `Error window.eval(${replacedText.text})`);
             }
           }
         }
@@ -425,9 +439,10 @@ class DashboardsMainTable extends _react.Component {
       showSelectRows: true,
       showSelectAll: true
     }, /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread(_objectSpread({}, style.preview), {}, {
+      style: {
+        ...style.preview,
         height: tableDashboard.showFooter ? '95%' : '100%'
-      }),
+      },
       ref: element => {
         this.updateElementDimensions(element);
       }
@@ -459,7 +474,7 @@ class DashboardsMainTable extends _react.Component {
         widget: widget,
         viewer: viewer,
         showEditor: showEditor,
-        key: "".concat(cell.column, "-").concat(cell.row)
+        key: `${cell.column}-${cell.row}`
       });
     })))), tableDashboard.showFooter ? /*#__PURE__*/_react.default.createElement("div", {
       style: {

package/dist/components/DashboardsPreview/DashboardsPreview.js

@@ -9,11 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BackgroundTransparency = _interopRequireDefault(require("../../images/BackgroundTransparency.png"));
 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 style = {
   outside: {
     position: 'relative',
@@ -22,7 +17,7 @@ const style = {
     backgroundRepeat: 'repeat',
     overflow: 'hidden',
     backgroundColor: '#ffffff',
-    backgroundImage: "url(".concat(_BackgroundTransparency.default, ")")
+    backgroundImage: `url(${_BackgroundTransparency.default})`
   },
   inside: {
     position: 'relative',
@@ -70,13 +65,14 @@ class DashboardsPreview extends _react.Component {
         this.element = element;
         return this.element;
       },
-      style: _objectSpread(_objectSpread({}, style.outside), {}, {
+      style: {
+        ...style.outside,
         width: width,
         height: height,
         margin: margin,
         padding: padding,
         fontSize: fontSize
-      })
+      }
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: style.inside
     }, this.props.children));