@folklore/hooks 0.0.6 → 0.0.7

package/dist/cjs.js

@@ -2,17 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var react = require('react');
+var EventsManager = require('@folklore/events');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var EventsManager__default = /*#__PURE__*/_interopDefaultLegacy(EventsManager);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
+var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
+
+var useDocumentEvent = function useDocumentEvent(event, callback) {
+  react.useEffect(function () {
+    if (eventsManager$1 !== null && callback !== null) {
+      eventsManager$1.subscribe(event, callback);
+    }
+
+    return function () {
+      if (eventsManager$1 !== null && callback !== null) {
+        eventsManager$1.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+var eventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
+
+var useWindowEvent = function useWindowEvent(event, callback) {
+  react.useEffect(function () {
+    if (eventsManager !== null && callback !== null) {
+      eventsManager.subscribe(event, callback);
+    }
+
+    return function () {
+      if (eventsManager !== null && callback !== null) {
+        eventsManager.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+function useKeyboard() {
+  var keyMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var onKeyDown = react.useCallback(function (event) {
+    var key = event.key;
+    var callback = (typeof keyMap[key] === 'function' ? keyMap[key] : (keyMap[key] || {}).down) || null;
+
+    if (callback !== null) {
+      callback(event);
+    }
+  }, [keyMap]);
+  var onKeyUp = react.useCallback(function (event) {
+    var key = event.key;
+    var callback = (typeof keyMap[key] !== 'undefined' && typeof keyMap[key] !== 'function' ? (keyMap[key] || {}).up : null) || null;
+
+    if (callback !== null) {
+      callback(event);
+    }
+  }, [keyMap]);
+  useWindowEvent('keydown', keyMap !== null ? onKeyDown : null);
+  useWindowEvent('keyup', keyMap !== null ? onKeyUp : null);
+}
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -254,6 +310,9 @@ var useResizeObserver = function useResizeObserver() {
 };
 
 exports.getObserver = getObserver;
+exports.useDocumentEvent = useDocumentEvent;
 exports.useIntersectionObserver = useIntersectionObserver;
+exports.useKeyboard = useKeyboard;
 exports.useObserver = useObserver;
 exports.useResizeObserver = useResizeObserver;
+exports.useWindowEvent = useWindowEvent;

package/dist/es.js

@@ -1,7 +1,62 @@
+import { useEffect, useCallback, useState, useRef } from 'react';
+import EventsManager from '@folklore/events';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useRef, useEffect } from 'react';
+
+var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
+
+var useDocumentEvent = function useDocumentEvent(event, callback) {
+  useEffect(function () {
+    if (eventsManager$1 !== null && callback !== null) {
+      eventsManager$1.subscribe(event, callback);
+    }
+
+    return function () {
+      if (eventsManager$1 !== null && callback !== null) {
+        eventsManager$1.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
+
+var useWindowEvent = function useWindowEvent(event, callback) {
+  useEffect(function () {
+    if (eventsManager !== null && callback !== null) {
+      eventsManager.subscribe(event, callback);
+    }
+
+    return function () {
+      if (eventsManager !== null && callback !== null) {
+        eventsManager.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+function useKeyboard() {
+  var keyMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var onKeyDown = useCallback(function (event) {
+    var key = event.key;
+    var callback = (typeof keyMap[key] === 'function' ? keyMap[key] : (keyMap[key] || {}).down) || null;
+
+    if (callback !== null) {
+      callback(event);
+    }
+  }, [keyMap]);
+  var onKeyUp = useCallback(function (event) {
+    var key = event.key;
+    var callback = (typeof keyMap[key] !== 'undefined' && typeof keyMap[key] !== 'function' ? (keyMap[key] || {}).up : null) || null;
+
+    if (callback !== null) {
+      callback(event);
+    }
+  }, [keyMap]);
+  useWindowEvent('keydown', keyMap !== null ? onKeyDown : null);
+  useWindowEvent('keyup', keyMap !== null ? onKeyUp : null);
+}
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -243,4 +298,4 @@ var useResizeObserver = function useResizeObserver() {
   }, resizeObserverInitialEntry);
 };
 
-export { getObserver, useIntersectionObserver, useObserver, useResizeObserver };
+export { getObserver, useDocumentEvent, useIntersectionObserver, useKeyboard, useObserver, useResizeObserver, useWindowEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.6",
+    "version": "0.0.7",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -48,5 +48,8 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cf8f69f622f7ce5476723a2dea46157be2fe5833"
+    "gitHead": "27dc69f946d5536c5a2f7a368c778c0fea00d1b2",
+    "dependencies": {
+        "@folklore/events": "^0.0.2"
+    }
 }