versacall-dashboards-library-react 2.0.39 → 2.0.41

package/dist/components/DashboardsMainFreehand/DashboardsMainFreehand.js

@@ -4,39 +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 _reactIntl = require("react-intl");
-
 var _functions = require("../../functions");
-
 var _DashboardsStatusBar = _interopRequireDefault(require("../DashboardsStatusBar"));
-
 var _DashboardsEditor = _interopRequireDefault(require("../DashboardsEditor"));
-
 var _DashboardsViewer = _interopRequireDefault(require("../DashboardsViewer"));
-
 var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
-
-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 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 = 'DashboardsMainFreehand';
-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 = 'DashboardsMainFreehand';
+const style = {
   root: {
     position: 'absolute',
     width: '100%',
@@ -52,9 +37,8 @@ var style = {
     position: 'relative'
   }
 };
-
 function findDependencies(text) {
-  var dependencies = {
+  let dependencies = {
     found: false,
     list: []
   };
@@ -65,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}`);
@@ -89,13 +70,11 @@ function replaceText(text, variables, calculated = true) {
       missingDependencies = missingDependencies.filter(missingDependency => missingDependency !== variable.name);
     });
   }
-
   return {
     text: newText,
     missingDependencies: missingDependencies.length
   };
 }
-
 class DashboardsMainFreehand extends _react.Component {
   constructor() {
     super();
@@ -109,82 +88,68 @@ class DashboardsMainFreehand extends _react.Component {
       newCellIndex: 1
     };
   }
-
   componentDidMount() {
     this.updateWindowInnerDimensionsBinded = this.updateWindowInnerDimensions.bind(this);
     window.addEventListener('resize', this.updateWindowInnerDimensionsBinded);
     this.updateWindowInnerDimensionsBinded();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.freehandDashboard.ratio.stretch !== this.props.freehandDashboard.ratio.stretch || prevProps.freehandDashboard.ratio.width !== this.props.freehandDashboard.ratio.width || prevProps.freehandDashboard.ratio.height !== this.props.freehandDashboard.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.freehandDashboard.ratio.stretch) {
       viewWidth = previewWidth;
       viewHeight = previewHeight;
     } else {
       viewHeight = Math.floor(viewWidth / this.props.freehandDashboard.ratio.width * this.props.freehandDashboard.ratio.height);
-
       if (viewHeight > allowedHeight) {
         viewHeight = allowedHeight;
         viewWidth = Math.floor(viewHeight / this.props.freehandDashboard.ratio.height * this.props.freehandDashboard.ratio.width);
       }
     }
-
     return {
       viewWidth: viewWidth,
       viewHeight: viewHeight
     };
   }
-
   updateViewDimensionsToState() {
     this.setState(prevState => _objectSpread({}, this.updateViewDimensions(prevState.previewWidth, prevState.previewHeight)));
   }
-
   updateFreehandDashboard(values) {
     if (this.props.updateFreehandDashboard) {
       this.props.updateFreehandDashboard(values);
     }
   }
-
   updateSelected(index) {
     if (this.props.updateSelected) {
       this.props.updateSelected({
@@ -194,10 +159,11 @@ class DashboardsMainFreehand extends _react.Component {
       });
     }
   }
-
   addCell() {
-    var newCellIndex = this.state.newCellIndex;
-    var cells = JSON.parse(JSON.stringify(this.props.freehandDashboard.cells));
+    const {
+      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)));
     this.updateFreehandDashboard({
       cells: cells
@@ -207,96 +173,79 @@ class DashboardsMainFreehand extends _react.Component {
       newCellIndex: newCellIndex + 1
     });
   }
-
   moveCells(direction) {
-    var cells = JSON.parse(JSON.stringify(this.props.freehandDashboard.cells));
-
+    const cells = JSON.parse(JSON.stringify(this.props.freehandDashboard.cells));
     switch (direction) {
       case 'left':
         cells[this.props.selected.cells[0]].x--;
         break;
-
       case 'right':
         cells[this.props.selected.cells[0]].x++;
         break;
-
       case 'up':
         cells[this.props.selected.cells[0]].y--;
         break;
-
       case 'down':
         cells[this.props.selected.cells[0]].y++;
         break;
-
       default:
     }
-
     this.updateFreehandDashboard({
       cells: cells
     });
   }
-
   render() {
-    var methodName = 'render()';
-    var _this$props = this.props,
-        core = _this$props.core,
-        intl = _this$props.intl,
-        styles = _this$props.styles,
-        widgets = _this$props.widgets,
-        viewers = _this$props.viewers,
-        variables = _this$props.variables,
-        showEditor = _this$props.showEditor,
-        viewColor = _this$props.viewColor,
-        previewColor = _this$props.previewColor,
-        freehandDashboard = _this$props.freehandDashboard,
-        selected = _this$props.selected;
-    var _this$state = this.state,
-        viewWidth = _this$state.viewWidth,
-        viewHeight = _this$state.viewHeight,
-        previewHeight = _this$state.previewHeight;
-    var freehandDashboardProcessed = JSON.parse(JSON.stringify(freehandDashboard));
-    var variablesProcessed = (0, _functions.calculateDashboardVariables)(variables, freehandDashboardProcessed.variables);
+    const methodName = 'render()';
+    const {
+      core,
+      intl,
+      styles,
+      widgets,
+      viewers,
+      variables,
+      showEditor,
+      viewColor,
+      previewColor,
+      freehandDashboard,
+      selected
+    } = this.props;
+    const {
+      viewWidth,
+      viewHeight,
+      previewHeight
+    } = this.state;
+    const freehandDashboardProcessed = JSON.parse(JSON.stringify(freehandDashboard));
+    const variablesProcessed = (0, _functions.calculateDashboardVariables)(variables, freehandDashboardProcessed.variables);
     freehandDashboardProcessed.cells = freehandDashboardProcessed.cells.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 _i = 0; _i < newCell.styleConditions.length; _i++) {
-          var replacedText = replaceText(newCell.styleConditions[_i].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[_i].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[_i].style);
+                newCell.custom.style = _objectSpread(_objectSpread({}, newCell.custom.style), newCell.styleConditions[i].style);
                 break;
               }
             } catch (error) {
@@ -304,36 +253,30 @@ class DashboardsMainFreehand extends _react.Component {
             }
           }
         }
-
-        for (var _i2 = 0; _i2 < newCell.contentConditions.length; _i2++) {
-          var _replacedText = replaceText(newCell.contentConditions[_i2].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[_i2].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);
         }
-
         if (newCell.content.type === 'url') {
           newCell.content.url = replaceText(newCell.content.url, variablesProcessed, false).text;
         }
       }
-
       return newCell;
     });
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -370,14 +313,12 @@ class DashboardsMainFreehand extends _react.Component {
       justifyContent: freehandDashboard.ratio.horizontalAlignment,
       showEditor: showEditor
     }, /*#__PURE__*/_react.default.createElement("div", null, freehandDashboardProcessed.cells.map((cell, index) => {
-      var isSelected = showEditor && selected.cells.includes("".concat(index));
-      var widget = cell.content.type === 'widget' ? widgets.find(aWidget => aWidget.id === cell.content.id) : null;
-      var viewer = null;
-
+      const isSelected = showEditor && selected.cells.includes("".concat(index));
+      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("div", {
         role: "button",
         tabIndex: index,
@@ -392,7 +333,6 @@ class DashboardsMainFreehand extends _react.Component {
         },
         onClick: event => {
           this.updateSelected(["".concat(index)]);
-
           if (!showEditor && cell.actionType && this.props.onCellAction) {
             event.stopPropagation();
             this.props.onCellAction(event, index, cell);
@@ -424,9 +364,7 @@ class DashboardsMainFreehand extends _react.Component {
       height: Math.floor(previewHeight * 0.05)
     })) : null));
   }
-
 }
-
 DashboardsMainFreehand.propTypes = {
   intl: _propTypes.default.shape().isRequired,
   showEditor: _propTypes.default.bool,
@@ -460,7 +398,4 @@ DashboardsMainFreehand.defaultProps = {
   },
   onCellAction: null
 };
-
-var _default = (0, _reactIntl.injectIntl)((0, _versacallCoreLibraryReact.withCore)(DashboardsMainFreehand));
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)((0, _versacallCoreLibraryReact.withCore)(DashboardsMainFreehand));

package/dist/components/DashboardsMainFreehand/index.js

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