versacall-core-library-react 2.0.47 → 2.0.49

package/dist/components/CoreToolbar/CoreToolbar.js

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -33,6 +35,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var styles = function styles(theme) {
   return {
     fab: {
@@ -80,6 +86,42 @@ function CoreToolbar(props) {
       intl = props.intl,
       classes = props.classes,
       showSeperator = props.showSeperator;
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
+    // NOTE: In theory it would be good to have a hotkey for the close button.
+    if (!props.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 (!props.saveDisabled) {
+          props.handleSave();
+        }
+        /* } 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();
+          } */
+
+      }
+    }
+  }, []);
+
+  _react.default.useEffect(function () {
+    window.addEventListener('keydown', handleKeyDown); // cleanup
+
+    return function () {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleKeyDown]);
+
   return /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, props.icon, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h6",
     color: "inherit",
@@ -103,7 +145,12 @@ function CoreToolbar(props) {
     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(_Button.default, {
+  }), props.handleSave && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: "".concat(intl.formatMessage({
+      id: '__save'
+    }), " (Ctrl+S)"),
+    "aria-label": "save"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     color: "primary",
     style: {
@@ -124,10 +171,11 @@ function CoreToolbar(props) {
     className: classes.iconStyle
   }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
     id: "__save"
-  }))), props.handleClose && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  })))), 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,
@@ -152,6 +200,7 @@ CoreToolbar.propTypes = {
   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
@@ -167,6 +216,7 @@ CoreToolbar.defaultProps = {
   saveDisabled: false,
   closeDisabled: false,
   showSeperator: true,
+  disableHotkeys: false,
   children: null
 };
 

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Core Library React",
     "applicationType": "react-library",
-    "build": 47
+    "build": 49
   },
   "name": "versacall-core-library-react",
-  "version": "2.0.47",
+  "version": "2.0.49",
   "description": "Versacall Core Library",
   "main": "dist/index.js",
   "module": "dist/index.js",