@prom-ui/core 1.3.1 → 1.4.0

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

@@ -1 +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};
+"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(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],c=!0,f=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(l){f=!0,o=l}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw o}}return a}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(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 n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}exports.useKeyPress=function(e,n,o){var u=r(t.useState(!1),2),i=u[0],a=u[1],c=function(t){t.key===e&&(n?n(t):a(!0))},f=function(t){t.key===e&&(o?o(t):a(!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,o]),i};

package/useKeyPress/index.d.ts

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

package/useKeyPress/package.json

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

package/useMedia/cjs/index.development.js

@@ -11,12 +11,12 @@ var SCREEN_BREAKPOINTS = {
   wide: 1200,
   huge: 1400
 };
-/**
- * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
+/**
+ * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
  */
-var useMedia = function (_a) {
-  var minWidth = _a.minWidth,
-    maxWidth = _a.maxWidth;
+var useMedia = function useMedia(_ref) {
+  var minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth;
   return reactResponsive.useMediaQuery({
     minWidth: minWidth ? SCREEN_BREAKPOINTS[minWidth] : 1,
     maxWidth: maxWidth ? SCREEN_BREAKPOINTS[maxWidth] - 1 : undefined

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

@@ -11,12 +11,12 @@ var SCREEN_BREAKPOINTS = {
   wide: 1200,
   huge: 1400
 };
-/**
- * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
+/**
+ * Хук позволяет определять текущее состояние медиа-запроса и обновлять его при изменении размера окна браузера.
  */
-var useMedia = function (_a) {
-  var minWidth = _a.minWidth,
-    maxWidth = _a.maxWidth;
+var useMedia = function useMedia(_ref) {
+  var minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth;
   return reactResponsive.useMediaQuery({
     minWidth: minWidth ? SCREEN_BREAKPOINTS[minWidth] : 1,
     maxWidth: maxWidth ? SCREEN_BREAKPOINTS[maxWidth] - 1 : undefined

package/useMedia/index.d.ts

@@ -1,21 +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;
+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/package.json

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

package/useOutsideClick/cjs/index.development.js

@@ -8,8 +8,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var useOutsideClickRef__default = /*#__PURE__*/_interopDefaultCompat(useOutsideClickRef);
 
-/**
- * Reack hook
+/**
+ * Reack hook
  */
 var useOutsideClick = useOutsideClickRef__default.default;
 

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

@@ -8,8 +8,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var useOutsideClickRef__default = /*#__PURE__*/_interopDefaultCompat(useOutsideClickRef);
 
-/**
- * Reack hook
+/**
+ * Reack hook
  */
 var useOutsideClick = useOutsideClickRef__default.default;
 

package/useOutsideClick/index.d.ts

@@ -1,5 +1,5 @@
-import useOutsideClickRef from '@rooks/use-outside-click-ref';
-/**
- * Reack hook
- */
-export declare const useOutsideClick: typeof useOutsideClickRef;
+import useOutsideClickRef from '@rooks/use-outside-click-ref';
+/**
+ * Reack hook
+ */
+export declare const useOutsideClick: typeof useOutsideClickRef;

package/useOutsideClick/package.json

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

package/usePortal/cjs/index.development.js

@@ -4,18 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-/**
- * Creates DOM element to be used as React root.
- * @returns {HTMLElement}
+/**
+ * Creates DOM element to be used as React root.
+ * @returns {HTMLElement}
  */
 function createRootElement(id) {
   var rootContainer = document.createElement('div');
   rootContainer.setAttribute('id', id);
   return rootContainer;
 }
-/**
- * Appends element as last child of body.
- * @param {HTMLElement} rootElem
+
+/**
+ * Appends element as last child of body.
+ * @param {HTMLElement} rootElem
  */
 function addRootElement(rootElem) {
   try {
@@ -28,28 +29,31 @@ function addRootElement(rootElem) {
     console.warn('Failed to add root element');
   }
 }
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
+
+/**
+ * Hook to create a React Portal.
+ * Automatically handles creating and tearing-down the root elements (no SRR
+ * makes this trivial), so there is no need to ensure the parent target already
+ * exists.
+ * @example
+ * const target = usePortal(id, [id]);
+ * return createPortal(children, target);
+ * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
+ * @returns {HTMLElement} The DOM node to use as the Portal target.
  */
-var usePortal = function (id) {
+var usePortal = function usePortal(id) {
   var rootElemRef = react.useRef(null);
   react.useEffect(function () {
     // Look for existing target dom element to append to
     var existingParent = document.querySelector("#".concat(id));
     // Parent is either a new root or the existing dom element
     var parentElem = existingParent || createRootElement(id);
+
     // If there is no existing DOM element, add a new one.
     if (!existingParent) {
       addRootElement(parentElem);
     }
+
     // Add the detached element to the parent
     if (rootElemRef.current) {
       parentElem.appendChild(rootElemRef.current);
@@ -63,17 +67,18 @@ var usePortal = function (id) {
       }
     };
   }, []);
-  /**
-   * It's important we evaluate this lazily:
-   * - We need first render to contain the DOM element, so it shouldn't happen
-   *     in useEffect. We would normally put this in the constructor().
-   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
-   *     since this will run every single render (that's a lot).
-   * - We want the ref to consistently point to the same DOM element and only
-   *     ever run once.
-   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+
+  /**
+   * It's important we evaluate this lazily:
+   * - We need first render to contain the DOM element, so it shouldn't happen
+   *     in useEffect. We would normally put this in the constructor().
+   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
+   *     since this will run every single render (that's a lot).
+   * - We want the ref to consistently point to the same DOM element and only
+   *     ever run once.
+   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
    */
-  var getRootElem = function () {
+  var getRootElem = function getRootElem() {
     if (!rootElemRef.current && typeof document !== 'undefined') {
       rootElemRef.current = document.createElement('div');
     }

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

@@ -4,18 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-/**
- * Creates DOM element to be used as React root.
- * @returns {HTMLElement}
+/**
+ * Creates DOM element to be used as React root.
+ * @returns {HTMLElement}
  */
 function createRootElement(id) {
   var rootContainer = document.createElement('div');
   rootContainer.setAttribute('id', id);
   return rootContainer;
 }
-/**
- * Appends element as last child of body.
- * @param {HTMLElement} rootElem
+
+/**
+ * Appends element as last child of body.
+ * @param {HTMLElement} rootElem
  */
 function addRootElement(rootElem) {
   try {
@@ -28,28 +29,31 @@ function addRootElement(rootElem) {
     console.warn('Failed to add root element');
   }
 }
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
+
+/**
+ * Hook to create a React Portal.
+ * Automatically handles creating and tearing-down the root elements (no SRR
+ * makes this trivial), so there is no need to ensure the parent target already
+ * exists.
+ * @example
+ * const target = usePortal(id, [id]);
+ * return createPortal(children, target);
+ * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
+ * @returns {HTMLElement} The DOM node to use as the Portal target.
  */
-var usePortal = function (id) {
+var usePortal = function usePortal(id) {
   var rootElemRef = react.useRef(null);
   react.useEffect(function () {
     // Look for existing target dom element to append to
     var existingParent = document.querySelector("#".concat(id));
     // Parent is either a new root or the existing dom element
     var parentElem = existingParent || createRootElement(id);
+
     // If there is no existing DOM element, add a new one.
     if (!existingParent) {
       addRootElement(parentElem);
     }
+
     // Add the detached element to the parent
     if (rootElemRef.current) {
       parentElem.appendChild(rootElemRef.current);
@@ -63,17 +67,18 @@ var usePortal = function (id) {
       }
     };
   }, []);
-  /**
-   * It's important we evaluate this lazily:
-   * - We need first render to contain the DOM element, so it shouldn't happen
-   *     in useEffect. We would normally put this in the constructor().
-   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
-   *     since this will run every single render (that's a lot).
-   * - We want the ref to consistently point to the same DOM element and only
-   *     ever run once.
-   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+
+  /**
+   * It's important we evaluate this lazily:
+   * - We need first render to contain the DOM element, so it shouldn't happen
+   *     in useEffect. We would normally put this in the constructor().
+   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
+   *     since this will run every single render (that's a lot).
+   * - We want the ref to consistently point to the same DOM element and only
+   *     ever run once.
+   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
    */
-  var getRootElem = function () {
+  var getRootElem = function getRootElem() {
     if (!rootElemRef.current && typeof document !== 'undefined') {
       rootElemRef.current = document.createElement('div');
     }

package/usePortal/index.d.ts

@@ -1,12 +1,12 @@
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
- * @returns {HTMLElement} The DOM node to use as the Portal target.
- */
-export declare const usePortal: (id: string) => HTMLElement | null;
+/**
+ * Hook to create a React Portal.
+ * Automatically handles creating and tearing-down the root elements (no SRR
+ * makes this trivial), so there is no need to ensure the parent target already
+ * exists.
+ * @example
+ * const target = usePortal(id, [id]);
+ * return createPortal(children, target);
+ * @param {String} id The id of the target container, e.g 'modal' or 'spotlight'
+ * @returns {HTMLElement} The DOM node to use as the Portal target.
+ */
+export declare const usePortal: (id: string) => HTMLElement | null;

package/usePortal/package.json

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

package/useScrollPosition/cjs/index.development.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var useScrollPosition$1 = require('@n8tb1t/use-scroll-position');
 
-/**
- * Reack hook
+/**
+ * Reack hook
  */
 var useScrollPosition = useScrollPosition$1.useScrollPosition;
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var useScrollPosition$1 = require('@n8tb1t/use-scroll-position');
 
-/**
- * Reack hook
+/**
+ * Reack hook
  */
 var useScrollPosition = useScrollPosition$1.useScrollPosition;
 

package/useScrollPosition/index.d.ts

@@ -1,5 +1,5 @@
-import { useScrollPosition as useScrollPositionPackage } from '@n8tb1t/use-scroll-position';
-/**
- * Reack hook
- */
-export declare const useScrollPosition: typeof useScrollPositionPackage;
+import { useScrollPosition as useScrollPositionPackage } from '@n8tb1t/use-scroll-position';
+/**
+ * Reack hook
+ */
+export declare const useScrollPosition: typeof useScrollPositionPackage;

package/useScrollPosition/package.json

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