versacall-dashboards-library-react 2.0.39 → 2.0.41

package/dist/components/DashboardsCellFindAndReplace/index.js

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

package/dist/components/DashboardsCellGlobalActions/DashboardsCellGlobalActions.js

@@ -4,107 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _versacallCoreLibraryReact = require("versacall-core-library-react");
-
 var _ArtTrack = _interopRequireDefault(require("@material-ui/icons/ArtTrack"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
 var _reactIntl = require("react-intl");
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var muiStyles = () => ({
+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',
+  URL: 'url',
+  IMAGE: 'image',
+  DASHBOARD: 'dashboard'
+};
+const DIALOG_CONFIG = {
+  maxWidth: 'md',
+  padding: 16
+};
+const BUTTON_STYLES = {
+  width: '100%'
+};
+const ICON_STYLES = {
+  marginRight: 10
+};
+const muiStyles = () => ({
   dialog: {
     backgroundColor: '#eff4f8',
     overflow: 'hidden'
   }
 });
-
 function DashboardsCellGlobalActions(props) {
-  var intl = props.intl,
-      classes = props.classes,
-      images = props.images,
-      dashboards = props.dashboards,
-      updateAction = props.updateAction,
-      action = props.action;
-
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    xs: 6,
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: "contained",
-    color: "secondary",
-    size: "large",
-    style: {
-      width: '100%'
-    },
-    onClick: () => setOpen(true)
-  }, /*#__PURE__*/_react.default.createElement(_ArtTrack.default, {
-    style: {
-      marginRight: 10
-    }
-  }), intl.formatMessage({
-    id: '__actions'
-  }))), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    open: true,
-    fullWidth: true,
-    maxWidth: "md",
-    classes: {
-      paper: classes.dialog
-    },
-    onClose: () => setOpen(false)
-  }, /*#__PURE__*/_react.default.createElement(_versacallCoreLibraryReact.CoreToolbar, {
-    title: intl.formatMessage({
-      id: '__actions_editor'
-    }),
-    handleClose: () => setOpen(false)
-  }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    spacing: 2,
-    style: {
-      padding: 16
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    xs: 2,
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  const {
+    intl,
+    classes,
+    images,
+    dashboards,
+    updateAction,
+    action
+  } = props;
+  const [open, setOpen] = _react.default.useState(false);
+  const handleClose = () => setOpen(false);
+  const handleActionUpdate = updates => {
+    updateAction(_objectSpread(_objectSpread({}, action), updates));
+  };
+  const renderActionTypeSelect = () => /*#__PURE__*/_react.default.createElement(_TextField.default, {
     variant: "outlined",
     value: action.type,
     SelectProps: {
@@ -113,28 +66,30 @@ function DashboardsCellGlobalActions(props) {
     label: intl.formatMessage({
       id: '__type'
     }),
-    onChange: event => updateAction(_objectSpread(_objectSpread({}, action), {}, {
+    onChange: event => handleActionUpdate({
       type: event.target.value
-    })),
+    }),
     fullWidth: true,
     select: true
   }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "url"
+    value: ACTION_TYPES.NONE
+  }, intl.formatMessage({
+    id: '__none'
+  })), /*#__PURE__*/_react.default.createElement("option", {
+    value: ACTION_TYPES.URL
   }, intl.formatMessage({
     id: '__url'
   })), /*#__PURE__*/_react.default.createElement("option", {
-    value: "image"
+    value: ACTION_TYPES.IMAGE
   }, intl.formatMessage({
     id: '__image'
   })), /*#__PURE__*/_react.default.createElement("option", {
-    value: "dashboard"
+    value: ACTION_TYPES.DASHBOARD
   }, intl.formatMessage({
     id: '__dashboard'
-  })))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    xs: 10,
-    item: true
-  }, action.type === 'url' && /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    id: "url",
+  })));
+  const renderUrlAction = () => /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "url-action",
     variant: "outlined",
     value: action.value,
     label: intl.formatMessage({
@@ -143,76 +98,117 @@ function DashboardsCellGlobalActions(props) {
     InputLabelProps: {
       shrink: true
     },
-    onChange: event => updateAction(_objectSpread(_objectSpread({}, action), {}, {
+    onChange: event => handleActionUpdate({
       value: event.target.value
-    })),
-    fullWidth: true
-  }), action.type === 'image' && /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    variant: "outlined",
-    SelectProps: {
-      native: true
-    },
-    value: action.value ? action.value : 'default',
-    label: intl.formatMessage({
-      id: '__image'
     }),
-    InputLabelProps: {
-      shrink: true
-    },
-    onChange: event => updateAction(_objectSpread(_objectSpread({}, action), {}, {
-      value: event.target.value
-    })),
+    fullWidth: true
+  });
+  const renderSelectField = function (type, options, labelId, optionLabelKey) {
+    let optionValueKey = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'id';
+    return /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      variant: "outlined",
+      SelectProps: {
+        native: true
+      },
+      value: action.value || 'default',
+      label: intl.formatMessage({
+        id: labelId
+      }),
+      InputLabelProps: {
+        shrink: true
+      },
+      onChange: event => handleActionUpdate({
+        value: event.target.value
+      }),
+      fullWidth: true,
+      select: true
+    }, /*#__PURE__*/_react.default.createElement("option", {
+      value: "default",
+      disabled: true
+    }, intl.formatMessage({
+      id: '__select'
+    })), options.map(option => /*#__PURE__*/_react.default.createElement("option", {
+      key: option[optionValueKey],
+      value: option[optionValueKey]
+    }, option[optionLabelKey])));
+  };
+  const renderImageAction = () => renderSelectField(ACTION_TYPES.IMAGE, images, '__image', 'fileName');
+  const renderDashboardAction = () => renderSelectField(ACTION_TYPES.DASHBOARD, dashboards, '__dashboard', 'name');
+  const renderActionValueField = () => {
+    switch (action.type) {
+      case ACTION_TYPES.URL:
+        return renderUrlAction();
+      case ACTION_TYPES.IMAGE:
+        return renderImageAction();
+      case ACTION_TYPES.DASHBOARD:
+        return renderDashboardAction();
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    xs: 6,
+    item: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    variant: "contained",
+    color: "secondary",
+    size: "large",
+    style: BUTTON_STYLES,
+    onClick: () => setOpen(true)
+  }, /*#__PURE__*/_react.default.createElement(_ArtTrack.default, {
+    style: ICON_STYLES
+  }), intl.formatMessage({
+    id: '__actions'
+  }))), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: true,
     fullWidth: true,
-    select: true
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "default",
-    disabled: true
-  }, intl.formatMessage({
-    id: '__select'
-  })), images.map(image => /*#__PURE__*/_react.default.createElement("option", {
-    key: image.id,
-    value: image.id
-  }, image.fileName))), action.type === 'dashboard' && /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    variant: "outlined",
-    SelectProps: {
-      native: true
+    maxWidth: DIALOG_CONFIG.maxWidth,
+    classes: {
+      paper: classes.dialog
     },
-    value: action.value ? action.value : 'default',
-    label: intl.formatMessage({
-      id: '__dashboard'
+    onClose: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_versacallCoreLibraryReact.CoreToolbar, {
+    title: intl.formatMessage({
+      id: '__actions_editor'
     }),
-    InputLabelProps: {
-      shrink: true
-    },
-    onChange: event => updateAction(_objectSpread(_objectSpread({}, action), {}, {
-      value: event.target.value
-    })),
-    fullWidth: true,
-    select: true
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "default",
-    disabled: true
-  }, intl.formatMessage({
-    id: '__select'
-  })), dashboards.map(item => /*#__PURE__*/_react.default.createElement("option", {
-    key: item.id,
-    value: item.id
-  }, item.name)))))));
+    handleClose: handleClose
+  }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    container: true,
+    spacing: 2,
+    style: {
+      padding: DIALOG_CONFIG.padding
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    xs: 2,
+    item: true
+  }, renderActionTypeSelect()), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    xs: 10,
+    item: true
+  }, renderActionValueField()))));
 }
-
 DashboardsCellGlobalActions.propTypes = {
-  intl: _propTypes.default.shape().isRequired,
-  action: _propTypes.default.shape().isRequired,
-  classes: _propTypes.default.shape().isRequired,
+  intl: _propTypes.default.shape({
+    formatMessage: _propTypes.default.func.isRequired
+  }).isRequired,
+  action: _propTypes.default.shape({
+    type: _propTypes.default.string.isRequired,
+    value: _propTypes.default.string
+  }).isRequired,
+  classes: _propTypes.default.shape({
+    dialog: _propTypes.default.string.isRequired
+  }).isRequired,
   updateAction: _propTypes.default.func.isRequired,
-  images: _propTypes.default.arrayOf(_propTypes.default.shape()),
-  dashboards: _propTypes.default.arrayOf(_propTypes.default.shape())
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    fileName: _propTypes.default.string.isRequired
+  })),
+  dashboards: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    name: _propTypes.default.string.isRequired
+  }))
 };
 DashboardsCellGlobalActions.defaultProps = {
   images: [],
   dashboards: []
 };
-
-var _default = (0, _reactIntl.injectIntl)((0, _styles.withStyles)(muiStyles)(DashboardsCellGlobalActions));
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)((0, _styles.withStyles)(muiStyles)(DashboardsCellGlobalActions));

package/dist/components/DashboardsCellGlobalActions/index.js

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