@convertkit/selection-toolbar - npm Package Compare versions

Comparing version 0.1.4 to 0.1.6

es/index.js

@@ -81,2 +81,6 @@ import React, { Component } from 'react';
 
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 function createCommonjsModule(fn, module) {
@@ -1291,2 +1295,254 @@ return module = { exports: {} }, fn(module, module.exports), module.exports;
 
+var lib = createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/**
+ * Constants.
+ */
+
+var IS_MAC = typeof window != 'undefined' && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+var MODIFIERS = {
+  alt: 'altKey',
+  control: 'ctrlKey',
+  meta: 'metaKey',
+  shift: 'shiftKey'
+};
+var ALIASES = {
+  add: '+',
+  break: 'pause',
+  cmd: 'meta',
+  command: 'meta',
+  ctl: 'control',
+  ctrl: 'control',
+  del: 'delete',
+  down: 'arrowdown',
+  esc: 'escape',
+  ins: 'insert',
+  left: 'arrowleft',
+  mod: IS_MAC ? 'meta' : 'control',
+  opt: 'alt',
+  option: 'alt',
+  return: 'enter',
+  right: 'arrowright',
+  space: ' ',
+  spacebar: ' ',
+  up: 'arrowup',
+  win: 'meta',
+  windows: 'meta'
+};
+var CODES = {
+  backspace: 8,
+  tab: 9,
+  enter: 13,
+  shift: 16,
+  control: 17,
+  alt: 18,
+  pause: 19,
+  capslock: 20,
+  escape: 27,
+  ' ': 32,
+  pageup: 33,
+  pagedown: 34,
+  end: 35,
+  home: 36,
+  arrowleft: 37,
+  arrowup: 38,
+  arrowright: 39,
+  arrowdown: 40,
+  insert: 45,
+  delete: 46,
+  meta: 91,
+  numlock: 144,
+  scrolllock: 145,
+  ';': 186,
+  '=': 187,
+  ',': 188,
+  '-': 189,
+  '.': 190,
+  '/': 191,
+  '`': 192,
+  '[': 219,
+  '\\': 220,
+  ']': 221,
+  '\'': 222
+};
+
+for (var f = 1; f < 20; f++) {
+  CODES['f' + f] = 111 + f;
+}
+/**
+ * Is hotkey?
+ */
+
+
+function isHotkey(hotkey, options, event) {
+  if (options && !('byKey' in options)) {
+    event = options;
+    options = null;
+  }
+
+  if (!Array.isArray(hotkey)) {
+    hotkey = [hotkey];
+  }
+
+  var array = hotkey.map(function (string) {
+    return parseHotkey(string, options);
+  });
+
+  var check = function check(e) {
+    return array.some(function (object) {
+      return compareHotkey(object, e);
+    });
+  };
+
+  var ret = event == null ? check : check(event);
+  return ret;
+}
+
+function isCodeHotkey(hotkey, event) {
+  return isHotkey(hotkey, event);
+}
+
+function isKeyHotkey(hotkey, event) {
+  return isHotkey(hotkey, {
+    byKey: true
+  }, event);
+}
+/**
+ * Parse.
+ */
+
+
+function parseHotkey(hotkey, options) {
+  var byKey = options && options.byKey;
+  var ret = {}; // Special case to handle the `+` key since we use it as a separator.
+
+  hotkey = hotkey.replace('++', '+add');
+  var values = hotkey.split('+');
+  var length = values.length; // Ensure that all the modifiers are set to false unless the hotkey has them.
+
+  for (var k in MODIFIERS) {
+    ret[MODIFIERS[k]] = false;
+  }
+
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
+
+  try {
+    for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var value = _step.value;
+      var optional = value.endsWith('?');
+
+      if (optional) {
+        value = value.slice(0, -1);
+      }
+
+      var name = toKeyName(value);
+      var modifier = MODIFIERS[name];
+
+      if (length === 1 || !modifier) {
+        if (byKey) {
+          ret.key = name;
+        } else {
+          ret.which = toKeyCode(value);
+        }
+      }
+
+      if (modifier) {
+        ret[modifier] = optional ? null : true;
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+
+  return ret;
+}
+/**
+ * Compare.
+ */
+
+
+function compareHotkey(object, event) {
+  for (var key in object) {
+    var expected = object[key];
+    var actual = void 0;
+
+    if (expected == null) {
+      continue;
+    }
+
+    if (key === 'key') {
+      actual = event.key.toLowerCase();
+    } else if (key === 'which') {
+      actual = expected === 91 && event.which === 93 ? 91 : event.which;
+    } else {
+      actual = event[key];
+    }
+
+    if (actual == null && expected === false) {
+      continue;
+    }
+
+    if (actual !== expected) {
+      return false;
+    }
+  }
+
+  return true;
+}
+/**
+ * Utils.
+ */
+
+
+function toKeyCode(name) {
+  name = toKeyName(name);
+  var code = CODES[name] || name.toUpperCase().charCodeAt(0);
+  return code;
+}
+
+function toKeyName(name) {
+  name = name.toLowerCase();
+  name = ALIASES[name] || name;
+  return name;
+}
+/**
+ * Export.
+ */
+
+
+exports.default = isHotkey;
+exports.isHotkey = isHotkey;
+exports.isCodeHotkey = isCodeHotkey;
+exports.isKeyHotkey = isKeyHotkey;
+exports.parseHotkey = parseHotkey;
+exports.compareHotkey = compareHotkey;
+exports.toKeyCode = toKeyCode;
+exports.toKeyName = toKeyName;
+});
+
+var isHotkey = unwrapExports(lib);
+var lib_1 = lib.isHotkey;
+var lib_2 = lib.isCodeHotkey;
+var lib_3 = lib.isKeyHotkey;
+var lib_4 = lib.parseHotkey;
+var lib_5 = lib.compareHotkey;
+var lib_6 = lib.toKeyCode;
+var lib_7 = lib.toKeyName;
+
 var wrapRect = function wrapRect(rect) {
@@ -1378,2 +1634,19 @@ return {
 
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleKeyDown", function (e) {
+      e.stopPropagation();
+      if (!_this.state.visible) return;
+
+      _this.props.buttons.find(function (button, index) {
+        if (!button.shortcut) return;
+
+        if (isHotkey(button.shortcut, e)) {
+          _this.setState({
+            menu: index
+          });
+
+          return true;
+        }
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "openMenu", function (menu) {
@@ -1404,2 +1677,3 @@ _this.setState({
     document.addEventListener("selectionchange", this.debouncedUpdate);
+    document.addEventListener("keydown", this.handleKeyDown);
   };
@@ -1406,0 +1680,0 @@

package.json

 {
   "name": "@convertkit/selection-toolbar",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A toolbar for the ConvertKit Editor that hovers over the selection.",
@@ -32,3 +32,3 @@ "main": "index.js",
   },
-  "gitHead": "761e161ac267a7f3baaafaa0fc8163b85484f97f"
+  "gitHead": "c29893ec56fbd2573583eeabbeb716ed2f92067d"
 }

src/selection-toolbar.js

@@ -10,2 +10,3 @@ import React, { Component } from "react";
 import "./selection-toolbar.css";
+import isHotkey from "is-hotkey";
 
@@ -40,2 +41,3 @@ const wrapRect = rect => ({ getBoundingClientRect: () => rect });
     document.addEventListener("selectionchange", this.debouncedUpdate);
+    document.addEventListener("keydown", this.handleKeyDown);
   }
@@ -93,2 +95,17 @@
 
+  handleKeyDown = e => {
+    e.stopPropagation();
+
+    if (!this.state.visible) return;
+
+    this.props.buttons.find((button, index) => {
+      if (!button.shortcut) return;
+
+      if (isHotkey(button.shortcut, e)) {
+        this.setState({ menu: index });
+        return true;
+      }
+    });
+  };
+
   openMenu = menu => {
@@ -95,0 +112,0 @@ this.setState({ menu });

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

65144

increased by9.82%

Lines of code

1952

increased by14.42%

No dependency changes