@bigbinary/neeto-molecules 1.1.9 → 1.1.10

package/dist/KeyboardShortcuts.cjs.js

@@ -752,10 +752,11 @@ var classnames$1 = {exports: {}};
 var classnames = classnames$1.exports;
 
 var KEY_SHORTFORM_MAP = {
-  command: "cmd",
+  command: "⌘",
   escape: "esc",
   control: "ctrl",
-  option: "opt"
+  option: "opt",
+  "return": "enter"
 };
 var MAC_TO_WINDOWS_KEYS_MAP = {
   option: "alt",
@@ -768,6 +769,13 @@ var OS = {
   windows: "Windows"
 };
 var FULL_SHORTCUTS_LINK_PROP_NAME = "fullShortcutsLink";
+var TOOLTIP_CONTENT = {
+  "⌘": "command",
+  esc: "escape",
+  ctrl: "control",
+  opt: "option",
+  backspace: "delete"
+};
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -2106,6 +2114,16 @@ var getGlobalShortcuts = function getGlobalShortcuts() {
     }
   });
 };
+var getTooltipProps = function getTooltipProps(key) {
+  if (TOOLTIP_CONTENT[key]) {
+    return {
+      position: "top",
+      content: TOOLTIP_CONTENT[key],
+      followCursor: "horizontal"
+    };
+  }
+  return null;
+};
 
 var HotKey = function HotKey(_ref) {
   var description = _ref.description,
@@ -2138,7 +2156,8 @@ var HotKey = function HotKey(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: idx
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Kbd, {
-      keyName: keyName
+      keyName: keyName,
+      tooltipProps: getTooltipProps(keyName)
     }), isSequentialHotkey && idx + 1 !== sequences.length && /*#__PURE__*/React__default["default"].createElement(neetoui.Kbd, {
       keyName: "then"
     }));