@prom-ui/core 0.1.2 → 0.3.0

package/Portal/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-dom"),t=require("@prom-ui/hooks/usePortal");function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=o(e),c=function(e){var o=e.id,i=e.children,c=t.usePortal(o);return c?r.createPortal(i,c):i};exports.Portal=function(e){var r=e.id,t=void 0===r?"react-portal":r,o=e.isActive,n=void 0===o||o,u=e.children;return n?i.createElement(c,{id:t},u):u};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-dom"),t=require("@prom-ui/core/usePortal");function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=c(e),o=function(e){var c=e.id,i=e.children,o=t.usePortal(c);return o?r.createPortal(i,o):i};exports.Portal=function(e){var r=e.id,t=void 0===r?"react-portal":r,c=e.isActive,n=void 0===c||c,u=e.children;return n?i.createElement(o,{id:t},u):u};

package/Portal/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-dom"),t=require("@prom-ui/hooks/usePortal");function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=o(e),c=function(e){var o=e.id,i=e.children,c=t.usePortal(o);return c?r.createPortal(i,c):i};exports.Portal=function(e){var r=e.id,t=void 0===r?"react-portal":r,o=e.isActive,n=void 0===o||o,u=e.children;return n?i.createElement(c,{id:t},u):u};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-dom"),t=require("@prom-ui/core/usePortal");function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=c(e),o=function(e){var c=e.id,i=e.children,o=t.usePortal(c);return o?r.createPortal(i,o):i};exports.Portal=function(e){var r=e.id,t=void 0===r?"react-portal":r,c=e.isActive,n=void 0===c||c,u=e.children;return n?i.createElement(o,{id:t},u):u};

package/Portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Portal",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/QRCode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/QRCode",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SafeQuery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SafeQuery",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ScrollControls",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SideOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SideOverlay",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SimpleSlider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SimpleSlider",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Skeleton",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Spinner",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Text",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/TextEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tooltip",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/base/colors-dark.css

@@ -1,40 +1,3 @@
-/*
-    https://www.hsluv.org/
-
-    --black-900: 92.7;
-    --black-800: 82.7;
-    --black-700: 72.7;
-    --black-600: 62.7;
-    --black-500: 52.7;
-    --black-400: 42.7;
-    --black-300: 32.7;
-    --black-200: 22.7;
-    --black-100: 12.7; // #202123
-    --black-50: 2.7;
-
-    --blue-900: 90;
-    --blue-800: 84;
-    --blue-700: 78;
-    --blue-600: 72;
-    --blue-500: 66; // #5ea2ff
-    --blue-400: 60;
-    --blue-300: 54;
-    --blue-200: 48;
-    --blue-100: 42;
-    --blue-50: 36;
-
-    --red-900: 86;
-    --red-800: 80;
-    --red-700: 74;
-    --red-600: 68;
-    --red-500: 62;
-    --red-400: 56;
-    --red-300: 50;
-    --red-200: 44;
-    --red-100: 38;
-    --red-50: 32; // #8e2514
-*/
-
 [data-pds-color-scheme='dark'] {
     --black-900: #e9eaeb;
     --black-800: #ccced1;
@@ -115,3 +78,86 @@
     --orange-100: #d86f18;
     --orange-50: #cd5915;
 }
+
+@media (prefers-color-scheme: dark) {
+    [data-pds-color-scheme='auto'] {
+        --black-900: #e9eaeb;
+        --black-800: #ccced1;
+        --black-700: #b0b2b8;
+        --black-600: #94989f;
+        --black-500: #7b7e84;
+        --black-400: #62656a;
+        --black-300: #4b4d51;
+        --black-200: #353639;
+        --black-100: #202123;
+        --black-50: #1c1d1e;
+
+        --white: #272a2b;
+
+        --blue-900: #d6e3ff;
+        --blue-800: #bdd2ff;
+        --blue-700: #a1c2ff;
+        --blue-600: #83b1ff;
+        --blue-500: #5ea2ff;
+        --blue-400: #1e92ff;
+        --blue-300: #0083e8;
+        --blue-200: #0073ce;
+        --blue-100: #0064b5;
+        --blue-50: #00569c;
+
+        --violet-900: #e9ddfe;
+        --violet-800: #ddc8fe;
+        --violet-700: #d1b4fe;
+        --violet-600: #c69efd;
+        --violet-500: #bc88fd;
+        --violet-400: #b270fd;
+        --violet-300: #a955fc;
+        --violet-200: #a131fc;
+        --violet-100: #930fea;
+        --violet-50: #7e0ccb;
+
+        --yellow-900: #ffdf93;
+        --yellow-800: #fbcd00;
+        --yellow-700: #e7bd00;
+        --yellow-600: #d4ac00;
+        --yellow-500: #c19d00;
+        --yellow-400: #ae8d00;
+        --yellow-300: #9c7e00;
+        --yellow-200: #8a6f00;
+        --yellow-100: #786100;
+        --yellow-50: #675300;
+
+        --green-900: #91fa8a;
+        --green-800: #69ec5e;
+        --green-700: #61da56;
+        --green-600: #58c74e;
+        --green-500: #4fb546;
+        --green-400: #47a43f;
+        --green-300: #3e9237;
+        --green-200: #368130;
+        --green-100: #2e7129;
+        --green-50: #276122;
+
+        --red-900: #fbccca;
+        --red-800: #fab5b1;
+        --red-700: #f99e98;
+        --red-600: #f8847c;
+        --red-500: #f7685a;
+        --red-400: #f4462a;
+        --red-300: #da3e25;
+        --red-200: #c0351f;
+        --red-100: #a62d19;
+        --red-50: #8e2514;
+
+        --orange-900: #fcf2e1;
+        --orange-800: #f8deb5;
+        --orange-700: #f3ca85;
+        --orange-600: #efb456;
+        --orange-500: #eca537;
+        --orange-400: #e99623;
+        --orange-300: #e58b1f;
+        --orange-200: #df7d1c;
+        --orange-100: #d86f18;
+        --orange-50: #cd5915;
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "0.1.2",
+    "version": "0.3.0",
     "description": "core ui blocks",
     "scripts": {
         "test": "jest --verbose ./src",
@@ -33,6 +33,8 @@
         "@evo/emoji": "^0.2.0",
         "@evo/emoji-text": "^0.1.1",
         "@evo/errcatch": "^1.0.2",
+        "@n8tb1t/use-scroll-position": "^2.0.3",
+        "@rooks/use-outside-click-ref": "^3.6.0",
         "classnames": "^2.3.1",
         "evokit": "^3.2.3",
         "evokit-body": "^3.2.0",
@@ -50,7 +52,7 @@
         "qrcode.react": "^3.1.0",
         "react-easy-swipe": "^0.0.22",
         "react-popper-tooltip": "^4.4.2",
-        "react-responsive": "^8.1.0",
+        "react-responsive": "^9.0.2",
         "react-scrolllock": "^5.0.1",
         "react-transition-group": "^4.4.2",
         "ts-debounce": "^4.0.0",
@@ -58,7 +60,6 @@
     },
     "peerDependencies": {
         "@apollo/client": "*",
-        "@prom-ui/hooks": "*",
         "@prom-ui/icons": "*",
         "prop-types": "*",
         "react": "*",
@@ -69,5 +70,5 @@
             "optional": true
         }
     },
-    "gitHead": "a5a68b87cc90acb1c4e42f6b601dc80546edf272"
+    "gitHead": "1dfe5028f7a04a2d1955f2a8a73e19c95c0d6be3"
 }

package/useDebounce/cjs/index.development.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * Reack hook
+ */
+var useDebounce = function (value, delay) {
+  // State and setters for debounced value
+  var _a = react.useState(value),
+    debouncedValue = _a[0],
+    setDebouncedValue = _a[1];
+  react.useEffect(function () {
+    // Update debounced value after delay
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    // Cancel the timeout if value changes (also on delay change or unmount)
+    // This is how we prevent debounced value from updating if value is changed ...
+    // .. within the delay period. Timeout gets cleared and restarted.
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value, delay] // Only re-call effect if value or delay changes
+  );
+
+  return debouncedValue;
+};
+
+exports.useDebounce = useDebounce;

package/useDebounce/cjs/index.development.v2.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * Reack hook
+ */
+var useDebounce = function (value, delay) {
+  // State and setters for debounced value
+  var _a = react.useState(value),
+    debouncedValue = _a[0],
+    setDebouncedValue = _a[1];
+  react.useEffect(function () {
+    // Update debounced value after delay
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    // Cancel the timeout if value changes (also on delay change or unmount)
+    // This is how we prevent debounced value from updating if value is changed ...
+    // .. within the delay period. Timeout gets cleared and restarted.
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value, delay] // Only re-call effect if value or delay changes
+  );
+
+  return debouncedValue;
+};
+
+exports.useDebounce = useDebounce;

package/useDebounce/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useDebounce=function(t,r){var u=e.useState(t),n=u[0],o=u[1];return e.useEffect((function(){var e=setTimeout((function(){o(t)}),r);return function(){clearTimeout(e)}}),[t,r]),n};

package/useDebounce/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useDebounce=function(t,r){var u=e.useState(t),n=u[0],o=u[1];return e.useEffect((function(){var e=setTimeout((function(){o(t)}),r);return function(){clearTimeout(e)}}),[t,r]),n};

package/useDebounce/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Reack hook
+ */
+export declare const useDebounce: (value: any, delay: number) => any;

package/useDebounce/index.js

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

package/useDebounce/index.v2.js

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

package/useDebounce/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/useDebounce",
+  "version": "0.3.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/useIsMounted/cjs/index.development.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * Reack hook
+ */
+var useIsMounted = function () {
+  var ref = react.useRef(false);
+  react.useEffect(function () {
+    ref.current = true;
+    return function () {
+      ref.current = false;
+    };
+  }, []);
+  return ref.current;
+};
+
+exports.useIsMounted = useIsMounted;

package/useIsMounted/cjs/index.development.v2.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * Reack hook
+ */
+var useIsMounted = function () {
+  var ref = react.useRef(false);
+  react.useEffect(function () {
+    ref.current = true;
+    return function () {
+      ref.current = false;
+    };
+  }, []);
+  return ref.current;
+};
+
+exports.useIsMounted = useIsMounted;

package/useIsMounted/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useIsMounted=function(){var r=e.useRef(!1);return e.useEffect((function(){return r.current=!0,function(){r.current=!1}}),[]),r.current};

package/useIsMounted/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useIsMounted=function(){var r=e.useRef(!1);return e.useEffect((function(){return r.current=!0,function(){r.current=!1}}),[]),r.current};

package/useIsMounted/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Reack hook
+ */
+export declare const useIsMounted: () => boolean;

package/useIsMounted/index.js

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

package/useIsMounted/index.v2.js

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

package/useIsMounted/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/useIsMounted",
+  "version": "0.3.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/useKeyPress/cjs/index.development.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+/**
+ * Reack hook
+ */
+var useKeyPress = function (targetKey, handleKeyDown, handleKeyUp) {
+  // State for keeping track of whether key is pressed
+  var _a = React__namespace.useState(false),
+    keyPressed = _a[0],
+    setKeyPressed = _a[1];
+  // If pressed key is our target key then set to true
+  var downHandler = function (event) {
+    if (event.key === targetKey) {
+      handleKeyDown ? handleKeyDown(event) : setKeyPressed(true);
+    }
+  };
+  // If released key is our target key then set to false
+  var upHandler = function (event) {
+    if (event.key === targetKey) {
+      handleKeyUp ? handleKeyUp(event) : setKeyPressed(false);
+    }
+  };
+  // Add event listeners
+  React__namespace.useEffect(function () {
+    window.addEventListener('keydown', downHandler);
+    window.addEventListener('keyup', upHandler);
+    // Remove event listeners on cleanup
+    return function () {
+      window.removeEventListener('keydown', downHandler);
+      window.removeEventListener('keyup', upHandler);
+    };
+  }, [targetKey, handleKeyDown, handleKeyUp]);
+  return keyPressed;
+};
+
+exports.useKeyPress = useKeyPress;

package/useKeyPress/cjs/index.development.v2.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+/**
+ * Reack hook
+ */
+var useKeyPress = function (targetKey, handleKeyDown, handleKeyUp) {
+  // State for keeping track of whether key is pressed
+  var _a = React__namespace.useState(false),
+    keyPressed = _a[0],
+    setKeyPressed = _a[1];
+  // If pressed key is our target key then set to true
+  var downHandler = function (event) {
+    if (event.key === targetKey) {
+      handleKeyDown ? handleKeyDown(event) : setKeyPressed(true);
+    }
+  };
+  // If released key is our target key then set to false
+  var upHandler = function (event) {
+    if (event.key === targetKey) {
+      handleKeyUp ? handleKeyUp(event) : setKeyPressed(false);
+    }
+  };
+  // Add event listeners
+  React__namespace.useEffect(function () {
+    window.addEventListener('keydown', downHandler);
+    window.addEventListener('keyup', upHandler);
+    // Remove event listeners on cleanup
+    return function () {
+      window.removeEventListener('keydown', downHandler);
+      window.removeEventListener('keyup', upHandler);
+    };
+  }, [targetKey, handleKeyDown, handleKeyUp]);
+  return keyPressed;
+};
+
+exports.useKeyPress = useKeyPress;

package/useKeyPress/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.useKeyPress=function(e,n,r){var u=t.useState(!1),o=u[0],i=u[1],c=function(t){t.key===e&&(n?n(t):i(!0))},f=function(t){t.key===e&&(r?r(t):i(!1))};return t.useEffect((function(){return window.addEventListener("keydown",c),window.addEventListener("keyup",f),function(){window.removeEventListener("keydown",c),window.removeEventListener("keyup",f)}}),[e,n,r]),o};

package/useKeyPress/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.useKeyPress=function(e,n,r){var u=t.useState(!1),o=u[0],i=u[1],c=function(t){t.key===e&&(n?n(t):i(!0))},f=function(t){t.key===e&&(r?r(t):i(!1))};return t.useEffect((function(){return window.addEventListener("keydown",c),window.addEventListener("keyup",f),function(){window.removeEventListener("keydown",c),window.removeEventListener("keyup",f)}}),[e,n,r]),o};

package/useKeyPress/index.d.ts

@@ -0,0 +1,6 @@
+type handleFn = (e: KeyboardEvent) => void;
+/**
+ * Reack hook
+ */
+export declare const useKeyPress: (targetKey: string, handleKeyDown?: handleFn, handleKeyUp?: handleFn) => boolean;
+export {};

package/useKeyPress/index.js

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

package/useKeyPress/index.v2.js

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