versacall-dashboards-library-react 2.0.29 → 2.0.31

package/dist/components/DashboardsCell/DashboardsCell.js

@@ -19,6 +19,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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; }
+
 // import BackgroundTransparencyImage from '../../images/BackgroundTransparency.png';
 var style = {
   root: {
@@ -34,6 +40,49 @@ var style = {
   }
 };
 
+function formatAnimationName(name) {
+  /* let nameAdjusted = name.split(' ').join('_');
+  nameAdjusted = nameAdjusted.toLowerCase();
+  nameAdjusted = nameAdjusted.split('');
+  let newName = '';
+  nameAdjusted.forEach(character => { if (/[a-z0-9_]+/.exec(character) !== null) newName += character; }); */
+  var code = '';
+  var addUnderscore = false;
+  var haveLetterOrDigit = false; // const isLetter = char => (/[a-zA-Z]+/.exec(char) !== null);
+  // const isDigit = char => (/[0-9]+/.exec(char) !== null);
+
+  var isLetterOrDigit = char => /[a-zA-Z0-9]+/.exec(char) !== null; // eslint-disable-next-line no-restricted-syntax
+
+
+  var _iterator = _createForOfIteratorHelper(name),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var char = _step.value;
+
+      if (isLetterOrDigit(char)) {
+        haveLetterOrDigit = true;
+
+        if (addUnderscore) {
+          addUnderscore = false;
+          code += '_';
+        }
+
+        code += char;
+      } else if (haveLetterOrDigit) {
+        addUnderscore = true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return code.toLowerCase();
+}
+
 function DashboardsCell(props) {
   var widget = props.widget,
       viewer = props.viewer,
@@ -56,7 +105,8 @@ function DashboardsCell(props) {
   } */
 
   if (styles.backgroundColor && styles.backgroundColorFade && styles.backgroundColorFade !== 'none') {
-    var name = "backgroundColorFade".concat(styles.backgroundColor.replace(/[., ()]+/g, '')).concat(styles.backgroundColorFade.replace(/[., ()]+/g, ''));
+    // const name = `backgroundColorFade${styles.backgroundColor.replace(/[., ()]+/g, '')}${styles.backgroundColorFade.replace(/[., ()]+/g, '')}`;
+    var name = formatAnimationName("backgroundColorFade_".concat(styles.backgroundColor, "_").concat(styles.backgroundColorFade));
     var canAddRule = true;
 
     for (var i = 0; i < document.styleSheets[0].cssRules.length; i++) {
@@ -72,7 +122,7 @@ function DashboardsCell(props) {
 
     backgroundColorFadeStyle = {
       animationName: name,
-      animationDuration: '1s',
+      animationDuration: styles.fadeDuration ? styles.fadeDuration : '1s',
       animationIterationCount: 'infinite'
     };
   }
@@ -99,7 +149,8 @@ function DashboardsCell(props) {
   var colorFadeStyle = {};
 
   if (styles.color && styles.colorFade && styles.colorFade !== 'none') {
-    var _name = "colorFade".concat(styles.color.replace(/[., ()]+/g, '')).concat(styles.colorFade.replace(/[., ()]+/g, ''));
+    // const name = `colorFade${styles.color.replace(/[., ()]+/g, '')}${styles.colorFade.replace(/[., ()]+/g, '')}`;
+    var _name = formatAnimationName("colorFade_".concat(styles.color, "_").concat(styles.colorFade));
 
     var _canAddRule = true;
 
@@ -116,7 +167,7 @@ function DashboardsCell(props) {
 
     colorFadeStyle = {
       animationName: _name,
-      animationDuration: '1s',
+      animationDuration: styles.fadeDuration ? styles.fadeDuration : '1s',
       animationIterationCount: 'infinite'
     };
   }

package/dist/components/DashboardsMainTable/DashboardsMainTable.js

@@ -543,7 +543,8 @@ class DashboardsMainTable extends _react.Component {
       viewHeight: viewHeight,
       previewColor: previewColor,
       alignItems: tableDashboard.ratio.verticalAlignment,
-      justifyContent: tableDashboard.ratio.horizontalAlignment
+      justifyContent: tableDashboard.ratio.horizontalAlignment,
+      showEditor: showEditor
     }, /*#__PURE__*/_react.default.createElement(_DashboardsGrid.default, {
       gap: gap,
       selected: selected,

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Dashboards Library React",
     "applicationType": "react-library",
-    "build": 29
+    "build": 31
   },
   "name": "versacall-dashboards-library-react",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "description": "Versacall Dashboards Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -51,7 +51,7 @@
     "react-router-dom": "^4.3.1",
     "react-scripts": "2.1.8",
     "react-testing-library": "^6.0.1",
-    "versacall-core-library-react": "^2.0.28"
+    "versacall-core-library-react": "^2.0.63"
   },
   "peerDependencies": {
     "@material-ui/core": "^4.12.1",