@punch-in/buffet-modern-hooks 3.3.10

package/README.md

@@ -0,0 +1,50 @@
+# Buffet.js Hooks
+
+## Getting Started
+
+### Installation
+
+Using yarn
+
+```bash
+yarn add @punch-in/buffet-modern-hooks
+# Install the required dependencies
+yarn add react
+```
+
+or npm
+
+```bash
+npm install @punch-in/buffet-modern-hooks --save
+# Install the required dependencies
+npm install react --save
+```
+
+### Available commands
+
+- **build**<br/>
+  Builds the library for production
+- **build:analyze**<br/>
+  Analyse the generated build
+- **build:watch**<br/>
+  Whatch the files with webpack
+- **build:watch:esm**<br/>
+  Whatch the files with babel
+- **create:index**<br/>
+  Create the `build/index.js` file
+- **test**<br/>
+  Runs the entire set of test: lint, style and jest
+- **test:jest**<br/>
+  Runs the unit tests
+- **test:jest:watch**<br/>
+  Runs the unit tests in watch mode
+- **test:lint**<br/>
+  Runs the lint tests
+- **test:lint:quiet**<br/>
+  Runs the lint tests without displaying the warnings
+- **test:style**<br/>
+  Runs the stylelint tests
+- **test:style:quiet**<br/>
+  Runs the stylelint tests without displaying the warnings
+- **lint:fix**<br/>
+  Fixes the lint

package/babel.config.js

@@ -0,0 +1,18 @@
+const defaultPresets = [
+  [
+    '@babel/preset-env',
+    {
+      modules: process.env.BABEL_ENV === 'esm' ? false : 'auto',
+    },
+  ],
+];
+
+module.exports = {
+  presets: defaultPresets.concat(['@babel/preset-react', '@babel/preset-flow']),
+  plugins: [
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-export-default-from',
+    '@babel/plugin-proposal-export-namespace-from',
+    '@babel/plugin-proposal-function-bind',
+  ],
+};

package/build/bundle.development.js

@@ -0,0 +1,195 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("react"));
+	else if(typeof define === 'function' && define.amd)
+		define("@punch-in/buffet-modern-hooks", ["react"], factory);
+	else if(typeof exports === 'object')
+		exports["@punch-in/buffet-modern-hooks"] = factory(require("react"));
+	else
+		root["@punch-in/buffet-modern-hooks"] = factory(root["react"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE_react__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./src/index.js":
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+/*! exports provided: useActiveKeys, useClickAwayListener, useDebounce, useEventListener, useIsMounted, useShortcutEffect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _useActiveKeys__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useActiveKeys */ \"./src/useActiveKeys/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useActiveKeys\", function() { return _useActiveKeys__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _useClickAwayListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useClickAwayListener */ \"./src/useClickAwayListener/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useClickAwayListener\", function() { return _useClickAwayListener__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _useDebounce__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useDebounce */ \"./src/useDebounce/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useDebounce\", function() { return _useDebounce__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _useEventListener__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useEventListener */ \"./src/useEventListener/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useEventListener\", function() { return _useEventListener__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _useIsMounted__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useIsMounted */ \"./src/useIsMounted/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useIsMounted\", function() { return _useIsMounted__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _useShortcutEffect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useShortcutEffect */ \"./src/useShortcutEffect/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"useShortcutEffect\", function() { return _useShortcutEffect__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/index.js?");
+
+/***/ }),
+
+/***/ "./src/useActiveKeys/index.js":
+/*!************************************!*\
+  !*** ./src/useActiveKeys/index.js ***!
+  \************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _useEventListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../useEventListener */ \"./src/useEventListener/index.js\");\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\nfunction useActiveKeys() {\n  var isEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])([]),\n    _useState2 = _slicedToArray(_useState, 2),\n    activeKeys = _useState2[0],\n    setActiveKeys = _useState2[1];\n\n  // Add keys to the array on down\n  Object(_useEventListener__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('keydown', function (e) {\n    if (!activeKeys.includes(e.keyCode)) {\n      setActiveKeys(function (prevKeys) {\n        return [].concat(_toConsumableArray(prevKeys), [e.keyCode]);\n      });\n    }\n  }, isEnabled);\n\n  // Remove keys on up\n  Object(_useEventListener__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('keyup', function (e) {\n    setActiveKeys(function (prevKeys) {\n      return prevKeys.filter(function (key) {\n        return key !== e.keyCode;\n      });\n    });\n  }, isEnabled);\n  return activeKeys;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useActiveKeys);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useActiveKeys/index.js?");
+
+/***/ }),
+
+/***/ "./src/useClickAwayListener/index.js":
+/*!*******************************************!*\
+  !*** ./src/useClickAwayListener/index.js ***!
+  \*******************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nvar useClickAwayListener = function useClickAwayListener(ref, callback) {\n  // Call the callback function if clicked on outside of element\n  var handleClickOutside = function handleClickOutside(event) {\n    if (ref.current && !ref.current.contains(event.target)) {\n      callback();\n    }\n  };\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    // Bind the event listener\n    document.addEventListener('mousedown', handleClickOutside);\n    return function () {\n      // Unbind the event listener on clean up\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  });\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useClickAwayListener);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useClickAwayListener/index.js?");
+
+/***/ }),
+
+/***/ "./src/useDebounce/index.js":
+/*!**********************************!*\
+  !*** ./src/useDebounce/index.js ***!
+  \**********************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n// A simple hook to debounce value.\nvar useDebounce = function useDebounce(value, delay) {\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(value),\n    _useState2 = _slicedToArray(_useState, 2),\n    debouncedValue = _useState2[0],\n    setDebouncedValue = _useState2[1];\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var handler = setTimeout(function () {\n      setDebouncedValue(value);\n    }, delay);\n    return function () {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n  return debouncedValue;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useDebounce);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useDebounce/index.js?");
+
+/***/ }),
+
+/***/ "./src/useEventListener/index.js":
+/*!***************************************!*\
+  !*** ./src/useEventListener/index.js ***!
+  \***************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction useEventListener(event, eventListener) {\n  var isEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n  var listenerRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  listenerRef.current = eventListener;\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    function handleEvent(e) {\n      listenerRef.current(e);\n    }\n    if (isEnabled) {\n      window.addEventListener(event, handleEvent);\n    } else {\n      window.removeEventListener(event, handleEvent);\n    }\n    return function () {\n      window.removeEventListener(event, handleEvent);\n    };\n  }, [event, isEnabled]);\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useEventListener);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useEventListener/index.js?");
+
+/***/ }),
+
+/***/ "./src/useIsMounted/index.js":
+/*!***********************************!*\
+  !*** ./src/useIsMounted/index.js ***!
+  \***********************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\n// Hook taken from https://github.com/hupe1980/react-is-mounted-hook\n\nfunction useIsMounted() {\n  var ref = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])(true);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    ref.current = true;\n    return function () {\n      ref.current = false;\n    };\n  }, []);\n  return ref.current;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useIsMounted);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useIsMounted/index.js?");
+
+/***/ }),
+
+/***/ "./src/useShortcutEffect/index.js":
+/*!****************************************!*\
+  !*** ./src/useShortcutEffect/index.js ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _useActiveKeys__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../useActiveKeys */ \"./src/useActiveKeys/index.js\");\n\n\nvar keyCodes = {\n  alt: 18,\n  arrowup: 38,\n  arrowdown: 40,\n  enter: 13,\n  f: 70,\n  tab: 9\n};\nfunction getShortcutKeys(keys) {\n  return keys.split('+').map(function (value) {\n    return keyCodes[value.toLowerCase()];\n  });\n}\nfunction useShortcutEffect(shortcut, listener) {\n  var isEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n  var activeKeys = Object(_useActiveKeys__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(isEnabled);\n  var listenerRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  listenerRef.current = listener;\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var match = getShortcutKeys(shortcut).every(function (key) {\n      return activeKeys.includes(key);\n    });\n    if (match) {\n      listenerRef.current();\n    }\n  }, [activeKeys, shortcut]);\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useShortcutEffect);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/./src/useShortcutEffect/index.js?");
+
+/***/ }),
+
+/***/ "react":
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-hooks/external_%22react%22?");
+
+/***/ })
+
+/******/ });
+});

package/build/bundle.production.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("@punch-in/buffet-modern-hooks",["react"],t):"object"==typeof exports?exports["@punch-in/buffet-modern-hooks"]=t(require("react")):e["@punch-in/buffet-modern-hooks"]=t(e.react)}(window,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t),n.d(t,"useActiveKeys",(function(){return a})),n.d(t,"useClickAwayListener",(function(){return l})),n.d(t,"useDebounce",(function(){return y})),n.d(t,"useEventListener",(function(){return o})),n.d(t,"useIsMounted",(function(){return b})),n.d(t,"useShortcutEffect",(function(){return m}));var r=n(0);var o=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=Object(r.useRef)();o.current=t,Object(r.useEffect)((function(){function t(e){o.current(e)}return n?window.addEventListener(e,t):window.removeEventListener(e,t),function(){window.removeEventListener(e,t)}}),[e,n])};function u(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,c=[],f=!0,a=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=u.call(n)).done)&&(c.push(r.value),c.length!==t);f=!0);}catch(e){a=!0,o=e}finally{try{if(!f&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return c}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var a=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=Object(r.useState)([]),n=i(t,2),c=n[0],f=n[1];return o("keydown",(function(e){c.includes(e.keyCode)||f((function(t){return[].concat(u(t),[e.keyCode])}))}),e),o("keyup",(function(e){f((function(t){return t.filter((function(t){return t!==e.keyCode}))}))}),e),c},l=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t()};Object(r.useEffect)((function(){return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}}))};function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,c=[],f=!0,a=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=u.call(n)).done)&&(c.push(r.value),c.length!==t);f=!0);}catch(e){a=!0,o=e}finally{try{if(!f&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var y=function(e,t){var n=s(Object(r.useState)(e),2),o=n[0],u=n[1];return Object(r.useEffect)((function(){var n=setTimeout((function(){u(e)}),t);return function(){clearTimeout(n)}}),[e,t]),o};var b=function(){var e=Object(r.useRef)(!0);return Object(r.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),e.current},v={alt:18,arrowup:38,arrowdown:40,enter:13,f:70,tab:9};function p(e){return e.split("+").map((function(e){return v[e.toLowerCase()]}))}var m=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=a(n),u=Object(r.useRef)();u.current=t,Object(r.useEffect)((function(){p(e).every((function(e){return o.includes(e)}))&&u.current()}),[o,e])}}])}));

package/build/esm/index.js

@@ -0,0 +1,6 @@
+export { default as useActiveKeys } from './useActiveKeys';
+export { default as useClickAwayListener } from './useClickAwayListener';
+export { default as useDebounce } from './useDebounce';
+export { default as useEventListener } from './useEventListener';
+export { default as useIsMounted } from './useIsMounted';
+export { default as useShortcutEffect } from './useShortcutEffect';

package/build/esm/useActiveKeys/index.js

@@ -0,0 +1,39 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useState } from 'react';
+import useEventListener from '../useEventListener';
+function useActiveKeys() {
+  var isEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKeys = _useState2[0],
+    setActiveKeys = _useState2[1];
+
+  // Add keys to the array on down
+  useEventListener('keydown', function (e) {
+    if (!activeKeys.includes(e.keyCode)) {
+      setActiveKeys(function (prevKeys) {
+        return [].concat(_toConsumableArray(prevKeys), [e.keyCode]);
+      });
+    }
+  }, isEnabled);
+
+  // Remove keys on up
+  useEventListener('keyup', function (e) {
+    setActiveKeys(function (prevKeys) {
+      return prevKeys.filter(function (key) {
+        return key !== e.keyCode;
+      });
+    });
+  }, isEnabled);
+  return activeKeys;
+}
+export default useActiveKeys;

package/build/esm/useClickAwayListener/index.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+var useClickAwayListener = function useClickAwayListener(ref, callback) {
+  // Call the callback function if clicked on outside of element
+  var handleClickOutside = function handleClickOutside(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      callback();
+    }
+  };
+  useEffect(function () {
+    // Bind the event listener
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      // Unbind the event listener on clean up
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  });
+};
+export default useClickAwayListener;

package/build/esm/useDebounce/index.js

@@ -0,0 +1,25 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useState, useEffect } from 'react';
+
+// A simple hook to debounce value.
+var useDebounce = function useDebounce(value, delay) {
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+export default useDebounce;

package/build/esm/useEventListener/index.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from 'react';
+function useEventListener(event, eventListener) {
+  var isEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var listenerRef = useRef();
+  listenerRef.current = eventListener;
+  useEffect(function () {
+    function handleEvent(e) {
+      listenerRef.current(e);
+    }
+    if (isEnabled) {
+      window.addEventListener(event, handleEvent);
+    } else {
+      window.removeEventListener(event, handleEvent);
+    }
+    return function () {
+      window.removeEventListener(event, handleEvent);
+    };
+  }, [event, isEnabled]);
+}
+export default useEventListener;

package/build/esm/useIsMounted/index.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from 'react';
+
+// Hook taken from https://github.com/hupe1980/react-is-mounted-hook
+
+function useIsMounted() {
+  var ref = useRef(true);
+  useEffect(function () {
+    ref.current = true;
+    return function () {
+      ref.current = false;
+    };
+  }, []);
+  return ref.current;
+}
+export default useIsMounted;

package/build/esm/useShortcutEffect/index.js

@@ -0,0 +1,30 @@
+import { useEffect, useRef } from 'react';
+import useActiveKeys from '../useActiveKeys';
+var keyCodes = {
+  alt: 18,
+  arrowup: 38,
+  arrowdown: 40,
+  enter: 13,
+  f: 70,
+  tab: 9
+};
+function getShortcutKeys(keys) {
+  return keys.split('+').map(function (value) {
+    return keyCodes[value.toLowerCase()];
+  });
+}
+function useShortcutEffect(shortcut, listener) {
+  var isEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var activeKeys = useActiveKeys(isEnabled);
+  var listenerRef = useRef();
+  listenerRef.current = listener;
+  useEffect(function () {
+    var match = getShortcutKeys(shortcut).every(function (key) {
+      return activeKeys.includes(key);
+    });
+    if (match) {
+      listenerRef.current();
+    }
+  }, [activeKeys, shortcut]);
+}
+export default useShortcutEffect;

package/build/index.js

@@ -0,0 +1,8 @@
+
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./bundle.production.js");
+} else {
+  module.exports = require("./bundle.development.js");
+}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@punch-in/buffet-modern-hooks",
+  "version": "3.3.10",
+  "description": "Buffetjs react-hooks",
+  "main": "build",
+  "module": "build/esm/index.js",
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "prebuild": "rimraf build",
+    "build": "npm run build:development && npm run build:production && npm run build:esm && npm run create:index",
+    "build:analyze": "cross-env NODE_ENV=production webpack-cli --json > build/stats.production.json && webpack-bundle-analyzer build/stats.production.json",
+    "build:development": "cross-env NODE_ENV=development webpack-cli",
+    "build:esm": "cross-env BABEL_ENV=esm babel ./src --out-dir ./build/esm --ignore \"**/*.test.js\" --ignore \"**/test.js\" ",
+    "build:production": "cross-env NODE_ENV=production webpack-cli",
+    "build:watch": "npm run create:index && cross-env NODE_ENV=development webpack-cli -w",
+    "build:watch:esm": "cross-env BABEL_ENV=esm babel ./src --out-dir ./build/esm --ignore \"**/*.test.js\" --ignore \"**/test.js\" --watch",
+    "create:index": "node ./createBuildIndex.js",
+    "test": "npm run test:lint",
+    "test:lint": "eslint .",
+    "test:lint:quiet": "eslint . --quiet",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "npm run build"
+  },
+  "license": "MIT",
+  "private": false,
+  "devDependencies": {
+    "@babel/cli": "^7.1.5",
+    "@babel/core": "^7.1.6",
+    "@babel/plugin-proposal-class-properties": "^7.1.0",
+    "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-bind": "^7.0.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.1.6",
+    "@babel/polyfill": "^7.0.0",
+    "@babel/preset-env": "^7.1.6",
+    "@babel/preset-flow": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^8.0.4",
+    "babel-plugin-module-resolver": "3.0.0",
+    "bundlesize": "^0.17.0",
+    "cross-env": "^5.1.4",
+    "enzyme": "^3.10.0",
+    "eslint": "^7.5.0",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-import-resolver-lerna": "^1.1.0",
+    "eslint-import-resolver-webpack": "^0.12.2",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jest": "^23.19.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-react": "^7.20.5",
+    "eslint-plugin-react-hooks": "^4.0.8",
+    "rimraf": "^3.0.2",
+    "url-loader": "^1.0.1",
+    "webpack": "~4.44.0",
+    "webpack-bundle-analyzer": "^3.8.0",
+    "webpack-cli": "~3.3.12"
+  },
+  "peerDependencies": {
+    "react": "^16.8.6"
+  },
+  "keywords": [
+    "Buffetjs",
+    "React",
+    "react-hooks",
+    "hooks"
+  ],
+  "author": "Strapi team",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/strapi/buffet"
+  },
+  "gitHead": "fa862df858d9729b31171d540a2ae8c4b25ce4d2"
+}

package/src/index.js

@@ -0,0 +1,6 @@
+export { default as useActiveKeys } from './useActiveKeys';
+export { default as useClickAwayListener } from './useClickAwayListener';
+export { default as useDebounce } from './useDebounce';
+export { default as useEventListener } from './useEventListener';
+export { default as useIsMounted } from './useIsMounted';
+export { default as useShortcutEffect } from './useShortcutEffect';

package/src/useActiveKeys/index.js

@@ -0,0 +1,30 @@
+import { useState } from 'react';
+import useEventListener from '../useEventListener';
+
+function useActiveKeys(isEnabled = true) {
+  const [activeKeys, setActiveKeys] = useState([]);
+
+  // Add keys to the array on down
+  useEventListener(
+    'keydown',
+    e => {
+      if (!activeKeys.includes(e.keyCode)) {
+        setActiveKeys(prevKeys => [...prevKeys, e.keyCode]);
+      }
+    },
+    isEnabled
+  );
+
+  // Remove keys on up
+  useEventListener(
+    'keyup',
+    e => {
+      setActiveKeys(prevKeys => prevKeys.filter(key => key !== e.keyCode));
+    },
+    isEnabled
+  );
+
+  return activeKeys;
+}
+
+export default useActiveKeys;

package/src/useClickAwayListener/index.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+const useClickAwayListener = (ref, callback) => {
+  // Call the callback function if clicked on outside of element
+  const handleClickOutside = event => {
+    if (ref.current && !ref.current.contains(event.target)) {
+      callback();
+    }
+  };
+
+  useEffect(() => {
+    // Bind the event listener
+    document.addEventListener('mousedown', handleClickOutside);
+
+    return () => {
+      // Unbind the event listener on clean up
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  });
+};
+
+export default useClickAwayListener;

package/src/useDebounce/index.js

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+
+// A simple hook to debounce value.
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+};
+
+export default useDebounce;

package/src/useEventListener/index.js

@@ -0,0 +1,24 @@
+import { useEffect, useRef } from 'react';
+
+function useEventListener(event, eventListener, isEnabled = true) {
+  const listenerRef = useRef();
+  listenerRef.current = eventListener;
+
+  useEffect(() => {
+    function handleEvent(e) {
+      listenerRef.current(e);
+    }
+
+    if (isEnabled) {
+      window.addEventListener(event, handleEvent);
+    } else {
+      window.removeEventListener(event, handleEvent);
+    }
+
+    return () => {
+      window.removeEventListener(event, handleEvent);
+    };
+  }, [event, isEnabled]);
+}
+
+export default useEventListener;

package/src/useIsMounted/index.js

@@ -0,0 +1,19 @@
+import { useRef, useEffect } from 'react';
+
+// Hook taken from https://github.com/hupe1980/react-is-mounted-hook
+
+function useIsMounted() {
+  const ref = useRef(true);
+
+  useEffect(() => {
+    ref.current = true;
+
+    return () => {
+      ref.current = false;
+    };
+  }, []);
+
+  return ref.current;
+}
+
+export default useIsMounted;

package/src/useShortcutEffect/index.js

@@ -0,0 +1,34 @@
+import { useEffect, useRef } from 'react';
+
+import useActiveKeys from '../useActiveKeys';
+
+const keyCodes = {
+  alt: 18,
+  arrowup: 38,
+  arrowdown: 40,
+  enter: 13,
+  f: 70,
+  tab: 9,
+};
+
+function getShortcutKeys(keys) {
+  return keys.split('+').map(value => keyCodes[value.toLowerCase()]);
+}
+
+function useShortcutEffect(shortcut, listener, isEnabled = true) {
+  const activeKeys = useActiveKeys(isEnabled);
+  const listenerRef = useRef();
+  listenerRef.current = listener;
+
+  useEffect(() => {
+    const match = getShortcutKeys(shortcut).every(key =>
+      activeKeys.includes(key)
+    );
+
+    if (match) {
+      listenerRef.current();
+    }
+  }, [activeKeys, shortcut]);
+}
+
+export default useShortcutEffect;