@prom-ui/core 0.2.0 → 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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "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.2.0",
+  "version": "0.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "0.2.0",
+    "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": "2515656fea6a3229a6554b5469978b45cc79dbdb"
+    "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');
+}

package/useKeyPress/package.json

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

package/useMedia/cjs/index.development.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactResponsive = require('react-responsive');
+
+var SCREEN_BREAKPOINTS = {
+  small: 480,
+  medium: 768,
+  large: 960,
+  wide: 1200,
+  huge: 1400
+};
+/**
+ * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
+ */
+var useMedia = function (_a) {
+  var minWidth = _a.minWidth,
+    maxWidth = _a.maxWidth;
+  return reactResponsive.useMediaQuery({
+    minWidth: minWidth ? SCREEN_BREAKPOINTS[minWidth] : 1,
+    maxWidth: maxWidth ? SCREEN_BREAKPOINTS[maxWidth] - 1 : undefined
+  });
+};
+
+exports.SCREEN_BREAKPOINTS = SCREEN_BREAKPOINTS;
+exports.useMedia = useMedia;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactResponsive = require('react-responsive');
+
+var SCREEN_BREAKPOINTS = {
+  small: 480,
+  medium: 768,
+  large: 960,
+  wide: 1200,
+  huge: 1400
+};
+/**
+ * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
+ */
+var useMedia = function (_a) {
+  var minWidth = _a.minWidth,
+    maxWidth = _a.maxWidth;
+  return reactResponsive.useMediaQuery({
+    minWidth: minWidth ? SCREEN_BREAKPOINTS[minWidth] : 1,
+    maxWidth: maxWidth ? SCREEN_BREAKPOINTS[maxWidth] - 1 : undefined
+  });
+};
+
+exports.SCREEN_BREAKPOINTS = SCREEN_BREAKPOINTS;
+exports.useMedia = useMedia;

package/useMedia/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-responsive"),i={small:480,medium:768,large:960,wide:1200,huge:1400};exports.SCREEN_BREAKPOINTS=i,exports.useMedia=function(r){var t=r.minWidth,d=r.maxWidth;return e.useMediaQuery({minWidth:t?i[t]:1,maxWidth:d?i[d]-1:void 0})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-responsive"),i={small:480,medium:768,large:960,wide:1200,huge:1400};exports.SCREEN_BREAKPOINTS=i,exports.useMedia=function(r){var t=r.minWidth,d=r.maxWidth;return e.useMediaQuery({minWidth:t?i[t]:1,maxWidth:d?i[d]-1:void 0})};

package/useMedia/index.d.ts

@@ -0,0 +1,21 @@
+export declare const SCREEN_BREAKPOINTS: {
+    readonly small: 480;
+    readonly medium: 768;
+    readonly large: 960;
+    readonly wide: 1200;
+    readonly huge: 1400;
+};
+export type useMedia = (arg: {
+    /**
+     * Аналог CSS медиа правила `@media (min-width: ...)`
+     */
+    minWidth?: keyof typeof SCREEN_BREAKPOINTS;
+    /**
+     * Аналог CSS медиа правила `@media (max-width: ...)`
+     */
+    maxWidth?: keyof typeof SCREEN_BREAKPOINTS;
+}) => boolean;
+/**
+ * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
+ */
+export declare const useMedia: useMedia;

package/useMedia/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/useMedia/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');
+}