versacall-dashboards-library-react 2.0.44 → 2.0.46

package/dist/components/DashboardsCell/DashboardsCell.js

@@ -8,11 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _versacallCoreLibraryReact = require("versacall-core-library-react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 // import BackgroundTransparencyImage from '../../images/BackgroundTransparency.png';
 
 const style = {
@@ -65,11 +60,14 @@ function DashboardsCell(props) {
     core,
     showEditor
   } = props;
-  const spanStyle = _objectSpread(_objectSpread({}, style.root), {}, {
-    gridColumn: "span ".concat(cell.columnSpan),
-    gridRow: "span ".concat(cell.rowSpan)
-  });
-  const styles = _objectSpread({}, cell.custom.style);
+  const spanStyle = {
+    ...style.root,
+    gridColumn: `span ${cell.columnSpan}`,
+    gridRow: `span ${cell.rowSpan}`
+  };
+  const styles = {
+    ...cell.custom.style
+  };
   let backgroundColorFadeStyle = {};
   // NOTE: Definitely don't want this when viewing... It is debatable if we want it will editing.  Could
   // through an "&& showEditor" in the below condition if we want it to show in edit mode.
@@ -78,7 +76,7 @@ function DashboardsCell(props) {
   } */
   if (styles.backgroundColor && styles.backgroundColorFade && styles.backgroundColorFade !== 'none') {
     // const name = `backgroundColorFade${styles.backgroundColor.replace(/[., ()]+/g, '')}${styles.backgroundColorFade.replace(/[., ()]+/g, '')}`;
-    const name = formatAnimationName("backgroundColorFade_".concat(styles.backgroundColor, "_").concat(styles.backgroundColorFade));
+    const name = formatAnimationName(`backgroundColorFade_${styles.backgroundColor}_${styles.backgroundColorFade}`);
     let canAddRule = true;
     for (let i = 0; i < document.styleSheets[0].cssRules.length; i++) {
       if (document.styleSheets[0].cssRules[i].name === name) {
@@ -87,7 +85,17 @@ function DashboardsCell(props) {
       }
     }
     if (canAddRule) {
-      document.styleSheets[0].insertRule("@-webkit-keyframes ".concat(name, " {\n          0% {\n            background-color: ").concat(styles.backgroundColor, ";\n          }\n          50% {\n            background-color: ").concat(styles.backgroundColorFade, ";\n          }\n          100% {\n            background-color: ").concat(styles.backgroundColor, ";\n          }\n        }"), document.styleSheets[0].cssRules.length);
+      document.styleSheets[0].insertRule(`@-webkit-keyframes ${name} {
+          0% {
+            background-color: ${styles.backgroundColor};
+          }
+          50% {
+            background-color: ${styles.backgroundColorFade};
+          }
+          100% {
+            background-color: ${styles.backgroundColor};
+          }
+        }`, document.styleSheets[0].cssRules.length);
     }
     backgroundColorFadeStyle = {
       animationName: name,
@@ -95,12 +103,13 @@ function DashboardsCell(props) {
       animationIterationCount: 'infinite'
     };
   }
-  const prepareMainStyle = _objectSpread(_objectSpread(_objectSpread({}, style.root), {}, {
-    borderWidth: (cell.custom.viewWidth <= cell.custom.viewHeight ? cell.custom.viewWidth : cell.custom.viewHeight) / 200 * Number(styles.borderSize ? styles.borderSize : 2)
-  }, backgroundColorFadeStyle), {}, {
-    padding: "".concat(styles.paddingVertical ? cell.custom.viewHeight / 200 * styles.paddingVertical : 0, "px ").concat(styles.paddingHorizontal ? cell.custom.viewWidth / 200 * styles.paddingHorizontal : 0, "px"),
+  const prepareMainStyle = {
+    ...style.root,
+    borderWidth: (cell.custom.viewWidth <= cell.custom.viewHeight ? cell.custom.viewWidth : cell.custom.viewHeight) / 200 * Number(styles.borderSize ? styles.borderSize : 2),
+    ...backgroundColorFadeStyle,
+    padding: `${styles.paddingVertical ? cell.custom.viewHeight / 200 * styles.paddingVertical : 0}px ${styles.paddingHorizontal ? cell.custom.viewWidth / 200 * styles.paddingHorizontal : 0}px`,
     fontSize: styles.fontSize ? styles.fontSize : '12%'
-  });
+  };
   if (cell.content.type !== 'text') {
     prepareMainStyle.fontSize = '0%';
   }
@@ -115,7 +124,7 @@ function DashboardsCell(props) {
   let colorFadeStyle = {};
   if (styles.color && styles.colorFade && styles.colorFade !== 'none') {
     // const name = `colorFade${styles.color.replace(/[., ()]+/g, '')}${styles.colorFade.replace(/[., ()]+/g, '')}`;
-    const name = formatAnimationName("colorFade_".concat(styles.color, "_").concat(styles.colorFade));
+    const name = formatAnimationName(`colorFade_${styles.color}_${styles.colorFade}`);
     let canAddRule = true;
     for (let i = 0; i < document.styleSheets[0].cssRules.length; i++) {
       if (document.styleSheets[0].cssRules[i].name === name) {
@@ -124,7 +133,17 @@ function DashboardsCell(props) {
       }
     }
     if (canAddRule) {
-      document.styleSheets[0].insertRule("@-webkit-keyframes ".concat(name, " {\n          0% {\n            color: ").concat(styles.color, ";\n          }\n          50% {\n            color: ").concat(styles.colorFade, ";\n          }\n          100% {\n            color: ").concat(styles.color, ";\n          }\n        }"), document.styleSheets[0].cssRules.length);
+      document.styleSheets[0].insertRule(`@-webkit-keyframes ${name} {
+          0% {
+            color: ${styles.color};
+          }
+          50% {
+            color: ${styles.colorFade};
+          }
+          100% {
+            color: ${styles.color};
+          }
+        }`, document.styleSheets[0].cssRules.length);
     }
     colorFadeStyle = {
       animationName: name,
@@ -132,17 +151,17 @@ function DashboardsCell(props) {
       animationIterationCount: 'infinite'
     };
   }
-  const contentStyle = _objectSpread(_objectSpread({
+  const contentStyle = {
     display: 'block',
     boxSizing: 'border-box',
     overflow: 'hidden',
-    color: styles.color ? styles.color : 'black'
-  }, colorFadeStyle), {}, {
+    color: styles.color ? styles.color : 'black',
+    ...colorFadeStyle,
     textDecoration: styles.textDecoration ? styles.textDecoration : 'none',
     width: cell.content.type === 'text' ? 'auto' : '100%',
     height: cell.content.type === 'text' ? 'auto' : '100%',
     textAlign: 'left'
-  });
+  };
   if (styles.justifyContent) {
     switch (styles.justifyContent) {
       case 'center':
@@ -171,7 +190,10 @@ function DashboardsCell(props) {
   delete styles.colorFade;
   delete styles.textDecoration;
   delete styles.objectFit;
-  const mainStyle = _objectSpread(_objectSpread({}, prepareMainStyle), styles);
+  const mainStyle = {
+    ...prepareMainStyle,
+    ...styles
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     style: spanStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -190,14 +212,14 @@ function DashboardsCell(props) {
     style: style.url
   }), cell.content.type === 'image' && cell.content.id && /*#__PURE__*/_react.default.createElement("img", {
     style: imageStyle,
-    src: "".concat(core.baseUrl, "/api/contentstorage/").concat(cell.content.id),
+    src: `${core.baseUrl}/api/contentstorage/${cell.content.id}`,
     alt: "altImg"
   }), cell.content.type === 'widget' && cell.content.id && widget && /*#__PURE__*/_react.default.createElement(_versacallCoreLibraryReact.CoreWidget, {
     sandbox: "allow-scripts allow-same-origin allow-popups",
     controller: {
       properties: cell.content.properties
     },
-    url: viewer ? "".concat(core.baseUrl).concat(viewer.metadata.url, "?type=widget&id=").concat(widget.id).concat(showEditor ? '&editor=true' : '', "&version=").concat(viewer.version) : "".concat(core.baseUrl).concat(widget.viewerUrl).concat(showEditor ? '&editor=true' : ''),
+    url: viewer ? `${core.baseUrl}${viewer.metadata.url}?type=widget&id=${widget.id}${showEditor ? '&editor=true' : ''}&version=${viewer.version}` : `${core.baseUrl}${widget.viewerUrl}${showEditor ? '&editor=true' : ''}`,
     withAuthentication: true,
     withOrganization: true
   })))));

package/dist/components/DashboardsCellContent/DashboardsCellContent.js

@@ -15,11 +15,6 @@ var _reactIntl = require("react-intl");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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 = {
   widget: {
     width: '100%',
@@ -196,14 +191,16 @@ class DashboardsCellContent extends _react.Component {
         shrink: true
       },
       updateValue: eventValue => this.props.updateValue({
-        content: _objectSpread(_objectSpread({}, value), {}, {
+        content: {
+          ...value,
           text: eventValue
-        })
+        }
       }),
       selectOption: eventOption => this.props.updateValue({
-        content: _objectSpread(_objectSpread({}, value), {}, {
-          text: "~".concat(eventOption.name)
-        })
+        content: {
+          ...value,
+          text: `~${eventOption.name}`
+        }
       }),
       fullWidth: true,
       multiline: true
@@ -221,9 +218,10 @@ class DashboardsCellContent extends _react.Component {
         shrink: true
       },
       onChange: event => this.props.updateValue({
-        content: _objectSpread(_objectSpread({}, value), {}, {
+        content: {
+          ...value,
           url: event.target.value
-        })
+        }
       }),
       fullWidth: true
     })), value.type === 'image' && /*#__PURE__*/_react.default.createElement(_Grid.default, {
@@ -242,9 +240,10 @@ class DashboardsCellContent extends _react.Component {
         shrink: true
       },
       onChange: event => this.props.updateValue({
-        content: _objectSpread(_objectSpread({}, value), {}, {
+        content: {
+          ...value,
           id: event.target.value
-        })
+        }
       }),
       fullWidth: true,
       select: true
@@ -317,11 +316,12 @@ class DashboardsCellContent extends _react.Component {
         properties: value.properties,
         variables: variables
       },
-      url: "".concat(core.baseUrl).concat(widgets.find(widget => widget.id === value.id).configureUrl),
+      url: `${core.baseUrl}${widgets.find(widget => widget.id === value.id).configureUrl}`,
       onChange: event => this.props.updateValue({
-        content: _objectSpread(_objectSpread({}, value), {}, {
+        content: {
+          ...value,
           properties: event.properties
-        })
+        }
       }),
       withAuthentication: true,
       withOrganization: true
@@ -344,18 +344,22 @@ class DashboardsCellContent extends _react.Component {
       placeholder: parameter.description,
       value: currentWidgetProperties[parameter.name],
       updateValue: eventValue => this.updateProperties({
-        content: _objectSpread(_objectSpread({}, value), {}, {
-          properties: _objectSpread(_objectSpread({}, currentWidgetProperties), {}, {
+        content: {
+          ...value,
+          properties: {
+            ...currentWidgetProperties,
             [parameter.name]: eventValue
-          })
-        })
+          }
+        }
       }),
       selectOption: eventOption => this.updateProperties({
-        content: _objectSpread(_objectSpread({}, value), {}, {
-          properties: _objectSpread(_objectSpread({}, currentWidgetProperties), {}, {
-            [parameter.name]: "~".concat(eventOption.name)
-          })
-        })
+        content: {
+          ...value,
+          properties: {
+            ...currentWidgetProperties,
+            [parameter.name]: `~${eventOption.name}`
+          }
+        }
       }),
       fullWidth: true
     }), parameter.type === 'tag' && /*#__PURE__*/_react.default.createElement("div", {
@@ -376,11 +380,16 @@ class DashboardsCellContent extends _react.Component {
       hideMonitoringPointTagFilters: parameter.hideMonitoringPointTagFilters,
       hideMonitoringPointTypeFilters: parameter.hideMonitoringPointTypeFilters,
       updateFilter: event => this.updateProperties({
-        content: _objectSpread(_objectSpread({}, value), {}, {
-          properties: _objectSpread(_objectSpread({}, currentWidgetProperties), {}, {
-            [parameter.name]: _objectSpread(_objectSpread({}, currentWidgetProperties[parameter.name]), event)
-          })
-        })
+        content: {
+          ...value,
+          properties: {
+            ...currentWidgetProperties,
+            [parameter.name]: {
+              ...currentWidgetProperties[parameter.name],
+              ...event
+            }
+          }
+        }
       }),
       filter: currentWidgetProperties[parameter.name]
     })))))))))));

package/dist/components/DashboardsCellFindAndReplace/DashboardsCellFindAndReplace.js

@@ -117,7 +117,7 @@ class DashboardsCellFindAndReplace extends _react.Component {
         find: event
       }),
       selectOption: event => this.setState({
-        find: "~".concat(event.name)
+        find: `~${event.name}`
       }),
       fullWidth: true
     })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
@@ -134,7 +134,7 @@ class DashboardsCellFindAndReplace extends _react.Component {
         replace: event
       }),
       selectOption: event => this.setState({
-        replace: "~".concat(event.name)
+        replace: `~${event.name}`
       }),
       fullWidth: true
     })), /*#__PURE__*/_react.default.createElement(_Grid.default, {

package/dist/components/DashboardsCellGlobalActions/DashboardsCellGlobalActions.js

@@ -15,11 +15,6 @@ var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 var _reactIntl = require("react-intl");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 // Constants
 const ACTION_TYPES = {
   NONE: 'none',
@@ -55,7 +50,10 @@ function DashboardsCellGlobalActions(props) {
   const [open, setOpen] = _react.default.useState(false);
   const handleClose = () => setOpen(false);
   const handleActionUpdate = updates => {
-    updateAction(_objectSpread(_objectSpread({}, action), updates));
+    updateAction({
+      ...action,
+      ...updates
+    });
   };
   const renderActionTypeSelect = () => /*#__PURE__*/_react.default.createElement(_TextField.default, {
     variant: "outlined",