versacall-core-library-react 2.0.47 → 2.0.48

package/dist/components/CoreToolbar/CoreToolbar.js

@@ -80,6 +80,43 @@ function CoreToolbar(props) {
       intl = props.intl,
       classes = props.classes,
       showSeperator = props.showSeperator;
+
+  var handleKeyDown = function handleKeyDown(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);
+    };
+  }, []);
+
   return /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, props.icon, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h6",
     color: "inherit",
@@ -103,7 +140,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 +166,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 +195,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 +211,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": 48
   },
   "name": "versacall-core-library-react",
-  "version": "2.0.47",
+  "version": "2.0.48",
   "description": "Versacall Core Library",
   "main": "dist/index.js",
   "module": "dist/index.js",