versacall-core-library-react 2.0.70 → 2.0.71

package/dist/components/CoreTimerInput/CoreTimerInputOld.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+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); } /* eslint-disable react/jsx-no-duplicate-props */ // !! had to disable duplicate props because InputProps (capital I) vs inputProps(lowercase) target different sub components
+const CoreTimerInputOld = _ref => {
+  let {
+    time,
+    handleUpdateTime,
+    showSeconds,
+    showHours,
+    style
+  } = _ref;
+  let hours = 0;
+  let min = 0;
+  let sec = time;
+  const getTime = () => {
+    hours = Math.floor(sec / 3600);
+    sec -= hours * 3600;
+    min = Math.floor(sec / 60);
+    sec -= min * 60;
+  };
+  // 1000
+  // divde by 360 get 2.777
+  // math.floor(2.7) = hours
+  // 1000 - hours * 360
+  // 280 divide by 60  get 4.6
+  // math.floor(4.6) = min
+  // 280 - min * 60 = seconds
+
+  getTime();
+  const handleChange = (value, type) => {
+    let newTime = time;
+    if (type === 'hours' && value < 24) {
+      newTime -= hours * 3600;
+      newTime += 3600 * value;
+    }
+    if (type === 'min' && value < 60) {
+      newTime -= min * 60;
+      newTime += 60 * value;
+    }
+    if (type === 'sec' && value < 60) {
+      newTime -= sec;
+      newTime += 1 * value; // added the 1 to convert value to int
+    }
+    return handleUpdateTime(Math.abs(newTime));
+  };
+  return /*#__PURE__*/_react.default.createElement("span", {
+    style: _objectSpread({
+      display: 'flex',
+      justifyContent: 'space-between'
+    }, style)
+  }, showHours && /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "hoursInput",
+    value: hours,
+    onChange: event => handleChange(event.target.value, 'hours'),
+    type: "number",
+    style: {
+      width: '32%'
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    InputProps: {
+      startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "start"
+      }, "H")
+    },
+    inputProps: {
+      min: '0'
+    },
+    margin: "normal",
+    variant: "outlined"
+  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "minutesInput",
+    value: min,
+    onChange: event => handleChange(event.target.value, 'min'),
+    type: "number",
+    style: {
+      width: '32%'
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    InputProps: {
+      startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "start"
+      }, "M")
+    },
+    inputProps: {
+      min: '0'
+    },
+    margin: "normal",
+    variant: "outlined"
+  }), showSeconds && /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "secondsInput",
+    value: sec,
+    onChange: event => handleChange(event.target.value, 'sec'),
+    type: "number",
+    style: {
+      width: '32%'
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    InputProps: {
+      startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "start"
+      }, "S")
+    },
+    inputProps: {
+      min: '0'
+    },
+    margin: "normal",
+    variant: "outlined"
+  }));
+
+  // should take prop for time in seconds
+  // should take a handleChange function
+  // pull the event target value and then update the time with that * seconds
+  // might wanna move this coreLibrary after
+};
+CoreTimerInputOld.propTypes = {
+  time: _propTypes.default.number.isRequired,
+  handleUpdateTime: _propTypes.default.func.isRequired,
+  showSeconds: _propTypes.default.bool,
+  showHours: _propTypes.default.bool,
+  style: _propTypes.default.objectOf(_propTypes.default.string)
+};
+CoreTimerInputOld.defaultProps = {
+  showSeconds: true,
+  showHours: true,
+  style: {}
+};
+var _default = exports.default = CoreTimerInputOld;

package/dist/components/CoreTimerInput/index.js

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

package/dist/components/CoreToolbar/CoreToolbar.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("@material-ui/core/styles");
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Print = _interopRequireDefault(require("@material-ui/icons/Print"));
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
+var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
+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); }
+const styles = theme => ({
+  fab: {
+    margin: 0,
+    top: 'auto',
+    right: 20,
+    bottom: 20,
+    left: 'auto',
+    position: 'fixed'
+  },
+  appBar: {
+    position: 'relative'
+  },
+  iconStyle: {
+    marginRight: 10
+  },
+  closeIconStyle: {
+    marginLeft: 10
+  },
+  flex: {
+    flex: 1
+  },
+  root: {
+    flexGrow: 1
+  },
+  separator: {
+    display: 'inline',
+    width: 2,
+    height: 36,
+    background: '#496b78',
+    margin: 7
+  },
+  paper: {
+    margin: '10px 10px 10px 10px',
+    padding: theme.spacing.unit * 2,
+    textAlign: 'center',
+    color: theme.palette.text.secondary
+  }
+});
+function CoreToolbar(props) {
+  const {
+    title,
+    warning,
+    intl,
+    classes,
+    showSeperator,
+    disableHotkeys,
+    saveDisabled,
+    handleSave
+  } = props;
+
+  /* const propsRef = useRef(props);
+  useLayoutEffect(() => {
+    propsRef.current = props;
+  }); */
+
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    // NOTE: In theory it would be good to have a hotkey for the close button.
+    if (!disableHotkeys) {
+      // Look for CTRL+S or META+S
+      if ((window.navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey) && e.keyCode === 83) {
+        // CTRL+S or META+S (Mac)
+        e.preventDefault();
+        if (!saveDisabled) {
+          // console.log('calling save');
+          handleSave();
+        } else {
+          // console.log('save disabled');
+        }
+        /* } else if (e.altKey && e.keyCode === 115) {
+          // ALT+F4
+          e.preventDefault();
+          if (!props.closeDisabled) {
+            props.handleClose();
+          }
+        } else if (e.ctrlKey && e.keyCode === 115) {
+          // CTRL+F4
+          e.preventDefault();
+          if (!props.closeDisabled) {
+            props.handleClose();
+          } */
+      }
+    } else {
+      // console.log('hotkeys disabled');
+    }
+  }, [disableHotkeys, saveDisabled, handleSave]);
+  _react.default.useEffect(() => {
+    document.addEventListener('keydown', handleKeyDown);
+
+    // cleanup
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleKeyDown, disableHotkeys, saveDisabled, handleSave]);
+  return /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, props.icon, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    color: "inherit",
+    className: classes.flex
+  }, title), props.children, props.handlePrint && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    variant: "contained",
+    color: "secondary",
+    style: {
+      whitespace: 'nowrap'
+    },
+    onClick: () => props.handlePrint(),
+    "aria-label": intl.formatMessage({
+      id: '__print'
+    }),
+    printDisabled: props.printDisabled
+  }, /*#__PURE__*/_react.default.createElement(_Print.default, {
+    className: classes.iconStyle
+  }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "__print"
+  })), (props.handlePrint || props.children) && (props.handleSave || props.handleClose) && showSeperator && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.separator
+  }), props.handleSave && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: "".concat(intl.formatMessage({
+      id: '__save'
+    }), " (Ctrl+S)"),
+    "aria-label": "save"
+  }, /*#__PURE__*/_react.default.createElement(_Badge.default, {
+    badgeContent: "!",
+    color: "error",
+    invisible: !warning
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    variant: "contained",
+    color: "primary",
+    style: {
+      whitespace: 'nowrap'
+    },
+    onClick: () => props.handleSave(),
+    "aria-label": intl.formatMessage({
+      id: '__save'
+    }),
+    disabled: props.saveDisabled
+  }, /*#__PURE__*/_react.default.createElement(_Save.default, {
+    className: classes.iconStyle
+  }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "__save"
+  })))), props.handleClose && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: intl.formatMessage({
+      id: '__close'
+    }),
+    "aria-label": "close"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    color: "inherit",
+    className: classes.closeIconStyle,
+    "aria-label": intl.formatMessage({
+      id: '__close'
+    }),
+    disabled: props.closeDisabled,
+    onClick: () => props.handleClose()
+  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))));
+}
+CoreToolbar.propTypes = {
+  icon: _propTypes.default.node,
+  title: _propTypes.default.string,
+  warning: _propTypes.default.bool,
+  handlePrint: _propTypes.default.func,
+  handleSave: _propTypes.default.func,
+  handleClose: _propTypes.default.func,
+  printDisabled: _propTypes.default.bool,
+  saveDisabled: _propTypes.default.bool,
+  closeDisabled: _propTypes.default.bool,
+  showSeperator: _propTypes.default.bool,
+  disableHotkeys: _propTypes.default.bool,
+  intl: _propTypes.default.shape().isRequired,
+  classes: _propTypes.default.shape().isRequired,
+  children: _propTypes.default.node
+};
+CoreToolbar.defaultProps = {
+  icon: null,
+  title: '',
+  warning: false,
+  handlePrint: null,
+  handleSave: null,
+  handleClose: null,
+  printDisabled: false,
+  saveDisabled: false,
+  closeDisabled: false,
+  showSeperator: true,
+  disableHotkeys: false,
+  children: null
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)((0, _styles.withStyles)(styles)(CoreToolbar));

package/dist/components/CoreToolbar/index.js

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

package/dist/components/CoreTracker/CoreTracker.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Authentication = require("../../context/Authentication");
+var _Core = require("../../context/Core");
+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); }
+const namespace = 'CoreTracker';
+class CoreTracker extends _react.Component {
+  componentDidMount() {
+    setTimeout(() => {
+      this.postTrack();
+    }, this.props.seconds * 1000);
+  }
+  postTrack() {
+    const methodName = 'postTrack()';
+    if (this.props.authentication.authenticated) {
+      this.props.authentication.http({
+        method: 'post',
+        url: "".concat(this.props.core.baseUrl, "/api/user/activity/track"),
+        params: {
+          type: this.props.type,
+          itemId: this.props.id
+        }
+      }).then(results => {
+        this.props.core.log('system', namespace, methodName, "Type: ".concat(this.props.type, " Track: ").concat(this.props.id), results);
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
+    }
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'none'
+      }
+    });
+  }
+}
+CoreTracker.propTypes = {
+  type: _propTypes.default.string.isRequired,
+  id: _propTypes.default.string.isRequired,
+  seconds: _propTypes.default.number.isRequired,
+  core: _propTypes.default.shape().isRequired,
+  authentication: _propTypes.default.shape().isRequired
+};
+var _default = exports.default = (0, _Core.withCore)((0, _Authentication.withAuthentication)(CoreTracker));

package/dist/components/CoreTracker/index.js

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

package/dist/components/CoreTranslate/CoreTranslate.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _en = _interopRequireDefault(require("react-intl/locale-data/en"));
+var _es = _interopRequireDefault(require("react-intl/locale-data/es"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+var _en2 = _interopRequireDefault(require("./translations/en.json"));
+var _es2 = _interopRequireDefault(require("./translations/es.json"));
+var _context = require("../../context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint camelcase: "off" */
+
+const namespace = 'CoreTranslate';
+const defaultMessages = {
+  en: _en2.default,
+  es: _es2.default
+};
+(0, _reactIntl.addLocaleData)([..._en.default, ..._es.default]);
+function CoreTranslate(props) {
+  const methodName = 'CoreTranslate()';
+  const {
+    locale,
+    timeZone,
+    messages,
+    core
+  } = props;
+  const duplicated = {
+    en: Object.keys(messages.en).filter(key => Object.keys(defaultMessages.en).includes(key)),
+    es: Object.keys(messages.es).filter(key => Object.keys(defaultMessages.es).includes(key))
+  };
+  if (duplicated.en.length > 0 || duplicated.es.length > 0) {
+    core.log('warning', namespace, methodName, 'Translation Keys Already in Core Library', duplicated);
+  }
+  const combinedMessages = _deepmerge.default.all([defaultMessages, messages]);
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+    locale: locale,
+    timeZone: timeZone,
+    messages: combinedMessages[locale]
+  }, props.children);
+}
+CoreTranslate.propTypes = {
+  locale: _propTypes.default.string,
+  timeZone: _propTypes.default.string,
+  messages: _propTypes.default.objectOf(_propTypes.default.object),
+  core: _propTypes.default.shape().isRequired,
+  children: _propTypes.default.node.isRequired
+};
+CoreTranslate.defaultProps = {
+  locale: 'en',
+  timeZone: '',
+  messages: {
+    en: {},
+    es: {}
+  }
+};
+var _default = exports.default = (0, _context.withCore)(CoreTranslate);

package/dist/components/CoreTranslate/README.md

@@ -0,0 +1,5 @@
+# CoreTranslate
+
+This is a wrapper that supports multiple languages by adding [react-intl](https://github.com/yahoo/react-intl) to the application.  This also provides translations for any components inside of core-library-react.
+
+Can be added directly but typically done by adding [CoreWrapper](../CoreWrapper) to the application.

package/dist/components/CoreTranslate/index.js

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