versacall-dashboards-library-react 2.0.39 → 2.0.40

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Dashboards Library React",
     "applicationType": "react-library",
-    "build": 39
+    "build": 40
   },
   "name": "versacall-dashboards-library-react",
-  "version": "2.0.39",
+  "version": "2.0.40",
   "description": "Versacall Dashboards Library",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/components/DashboardsCell/DashboardsCell.js

@@ -1,267 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _versacallCoreLibraryReact = require("versacall-core-library-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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: {
-    display: 'block',
-    boxSizing: 'border-box',
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden'
-  },
-  url: {
-    width: '100%',
-    height: '100%'
-  }
-};
-
-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,
-      cell = props.cell,
-      core = props.core,
-      showEditor = props.showEditor;
-
-  var spanStyle = _objectSpread(_objectSpread({}, style.root), {}, {
-    gridColumn: "span ".concat(cell.columnSpan),
-    gridRow: "span ".concat(cell.rowSpan)
-  });
-
-  var styles = _objectSpread({}, cell.custom.style);
-
-  var 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.
-
-  /* if (!styles.backgroundColor) {
-    styles.backgroundImage = `url(${BackgroundTransparencyImage})`;
-  } */
-
-  if (styles.backgroundColor && styles.backgroundColorFade && styles.backgroundColorFade !== 'none') {
-    // 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++) {
-      if (document.styleSheets[0].cssRules[i].name === name) {
-        canAddRule = false;
-        break;
-      }
-    }
-
-    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);
-    }
-
-    backgroundColorFadeStyle = {
-      animationName: name,
-      animationDuration: styles.fadeDuration ? styles.fadeDuration : '1s',
-      animationIterationCount: 'infinite'
-    };
-  }
-
-  var 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"),
-    fontSize: styles.fontSize ? styles.fontSize : '12%'
-  });
-
-  if (cell.content.type !== 'text') {
-    prepareMainStyle.fontSize = '0%';
-  }
-
-  var flexStyle = {
-    display: 'flex',
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-    justifyContent: styles.justifyContent ? styles.justifyContent : 'flex-start',
-    alignItems: styles.alignItems ? styles.alignItems : 'flex-start'
-  };
-  var colorFadeStyle = {};
-
-  if (styles.color && styles.colorFade && styles.colorFade !== 'none') {
-    // const name = `colorFade${styles.color.replace(/[., ()]+/g, '')}${styles.colorFade.replace(/[., ()]+/g, '')}`;
-    var _name = formatAnimationName("colorFade_".concat(styles.color, "_").concat(styles.colorFade));
-
-    var _canAddRule = true;
-
-    for (var _i = 0; _i < document.styleSheets[0].cssRules.length; _i++) {
-      if (document.styleSheets[0].cssRules[_i].name === _name) {
-        _canAddRule = false;
-        break;
-      }
-    }
-
-    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);
-    }
-
-    colorFadeStyle = {
-      animationName: _name,
-      animationDuration: styles.fadeDuration ? styles.fadeDuration : '1s',
-      animationIterationCount: 'infinite'
-    };
-  }
-
-  var contentStyle = _objectSpread(_objectSpread({
-    display: 'block',
-    boxSizing: 'border-box',
-    overflow: 'hidden',
-    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':
-        contentStyle.textAlign = 'center';
-        break;
-
-      case 'flex-end':
-        contentStyle.textAlign = 'right';
-        break;
-
-      default:
-    }
-  }
-
-  var imageStyle = {
-    width: '100%',
-    height: '100%',
-    objectFit: styles.objectFit ? styles.objectFit : 'none',
-    display: 'block'
-  };
-  delete styles.borderSize;
-  delete styles.backgroundColorFade;
-  delete styles.paddingHorizontal;
-  delete styles.paddingVertical;
-  delete styles.fontSize;
-  delete styles.justifyContent;
-  delete styles.alignItems;
-  delete styles.color;
-  delete styles.colorFade;
-  delete styles.textDecoration;
-  delete styles.objectFit;
-
-  var mainStyle = _objectSpread(_objectSpread({}, prepareMainStyle), styles);
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: spanStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: mainStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: flexStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: contentStyle
-  }, cell.content.type === 'text' && cell.content.text.split('\n').map((item, index) => /*#__PURE__*/_react.default.createElement("span", {
-    key: String(index)
-  }, item, /*#__PURE__*/_react.default.createElement("br", null))), cell.content.type === 'url' && /*#__PURE__*/_react.default.createElement("iframe", {
-    frameBorder: "0",
-    title: "DashboardsFrame",
-    sandbox: "allow-scripts allow-same-origin allow-popups",
-    src: cell.content.url,
-    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),
-    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' : ''),
-    withAuthentication: true,
-    withOrganization: true
-  })))));
-}
-
-DashboardsCell.propTypes = {
-  viewer: _propTypes.default.shape(),
-  widget: _propTypes.default.shape(),
-  showEditor: _propTypes.default.bool,
-  cell: _propTypes.default.shape().isRequired,
-  core: _propTypes.default.shape().isRequired
-};
-DashboardsCell.defaultProps = {
-  viewer: null,
-  widget: null,
-  showEditor: false
-};
-
-var _default = (0, _versacallCoreLibraryReact.withCore)(DashboardsCell);
-
-exports.default = _default;

package/dist/components/DashboardsCell/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _DashboardsCell.default;
-  }
-});
-
-var _DashboardsCell = _interopRequireDefault(require("./DashboardsCell"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }