@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/hooks/useKeyboard.js

@@ -1,55 +1,59 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getPreciseKeyboardState: function() {
+        return getPreciseKeyboardState;
+    },
+    useKeyboard: function() {
+        return useKeyboard;
+    }
 });
-exports.getPreciseKeyboardState = getPreciseKeyboardState;
-exports.useKeyboard = useKeyboard;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-/**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
- Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
- */
 function getPreciseKeyboardState(window) {
-  var innerHeight = window.innerHeight,
-    availHeight = window.screen.availHeight;
-  var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
-  return coveredViewportPercentage > 24;
+    var innerHeight = window.innerHeight, availHeight = window.screen.availHeight;
+    var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
+    return coveredViewportPercentage > 24;
 }
 var eventOptions = {
-  passive: true,
-  capture: false
+    passive: true,
+    capture: false
 };
 function useKeyboard() {
-  var _document$activeEleme3;
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var onFocus = React.useCallback(function (event) {
-    var _document$activeEleme, _document$activeEleme2;
-    var isOpened = (event === true || event.type === 'focusin') && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === 'INPUT' || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === 'TEXTAREA');
-    setIsOpened(isOpened);
-  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName]);
-
-  /**
+    var _document_activeElement;
+    var document = (0, _dom.useDOM)().document;
+    var _React_useState = _slicedToArray(_react.useState(false), 2), isOpened = _React_useState[0], setIsOpened = _React_useState[1];
+    var onFocus = _react.useCallback(function(event) {
+        var _document_activeElement, _document_activeElement1;
+        var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document_activeElement1 = document.activeElement) === null || _document_activeElement1 === void 0 ? void 0 : _document_activeElement1.tagName) === "TEXTAREA");
+        setIsOpened(isOpened);
+    }, [
+        document === null || document === void 0 ? void 0 : (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName
+    ]);
+    /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
-   */
-  React.useEffect(function () {
-    onFocus(true);
-  }, [onFocus]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusout', onFocus, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusin', onFocus, eventOptions);
-  return {
-    isOpened: isOpened
-  };
+   */ _react.useEffect(function() {
+        onFocus(true);
+    }, [
+        onFocus
+    ]);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
+    return {
+        isOpened: isOpened
+    };
 }
+
 //# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboard.js","names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","useDOM","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAMA;AACA;AACA;AACA;AACO,SAASA,uBAAuB,CAACC,MAAW,EAAW;EAC5D,IACEC,WAAW,GAETD,MAAM,CAFRC,WAAW;IACDC,WAAW,GACnBF,MAAM,CADRG,MAAM,CAAID,WAAW;EAGvB,IAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC,GAAGL,WAAW,GAAGC,WAAW,IAAI,GAAG,CAAC;EACnF,OAAOE,yBAAyB,GAAG,EAAE;AACvC;AAEA,IAAMG,YAAY,GAAG;EACnBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAEM,SAASC,WAAW,GAA0B;EAAA;EACnD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,sBAAgCC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAC/B,UAACC,KAAwB,EAAK;IAAA;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,IAAI,KAAK,SAAS,MAC1C,CAAAR,QAAQ,aAARA,QAAQ,gDAARA,QAAQ,CAAES,aAAa,0DAAvB,sBAAyBC,OAAO,MAAK,OAAO,IAC3C,CAAAV,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,MAAK,UAAU,CAAC;IACpDN,WAAW,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACH,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,CAAC,CACnC;;EAED;AACF;AACA;AACA;EACET,KAAK,CAACU,SAAS,CAAC,YAAM;IACpBN,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAO,8CAAsB,EAACZ,QAAQ,EAAE,UAAU,EAAEK,OAAO,EAAEV,YAAY,CAAC;EACnE,IAAAiB,8CAAsB,EAACZ,QAAQ,EAAE,SAAS,EAAEK,OAAO,EAAEV,YAAY,CAAC;EAElE,OAAO;IAAEQ,QAAQ,EAARA;EAAS,CAAC;AACrB"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["getPreciseKeyboardState","useKeyboard","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","document","useDOM","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"mappings":";;;;;;;;;;;IAYgBA,uBAAuB;eAAvBA;;IAeAC,WAAW;eAAXA;;;;;2DA3BO;mBACA;sCACgB;AAUhC,SAASD,wBAAwBE,MAAW,EAAW;IAC5D,IACEC,cAEED,OAFFC,aACAC,AAAUC,cACRH,OADFE,OAAUC;IAGZ,IAAMC,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,IAAMG,eAAe;IACnBC,SAAS,IAAI;IACbC,SAAS,KAAK;AAChB;AAEO,SAASV,cAAqC;QAahDW;IAZH,IAAM,AAAEA,WAAaC,IAAAA,WAAM,IAAnBD;IAER,IAAgCE,iCAAAA,OAAMC,QAAQ,CAAC,KAAK,OAA7CC,WAAyBF,oBAAfG,cAAeH;IAEhC,IAAMI,UAAUJ,OAAMK,WAAW,CAC/B,SAACC,OAA6B;YAGzBR,yBACCA;QAHJ,IAAMI,WACJ,AAACI,CAAAA,UAAU,IAAI,IAAIA,MAAMC,IAAI,KAAK,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,qCAAAA,KAAAA,IAAAA,wBAAyBW,OAAF,AAAD,MAAe,WACpCX,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,SAAUU,aAAa,cAAvBV,sCAAAA,KAAAA,IAAAA,yBAAyBW,OAAF,AAAD,MAAe,UAAS;QAClDN,YAAYD;IACd,GACA;QAACJ,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,qCAAAA,KAAAA,IAAAA,wBAAyBW,OAAF;KAAU;IAGpC;;;GAGC,GACDT,OAAMU,SAAS,CAAC,WAAM;QACpBN,QAAQ,IAAI;IACd,GAAG;QAACA;KAAQ;IAEZO,IAAAA,8CAAsB,EAACb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,8CAAsB,EAACb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEO,UAAAA;IAAS;AACpB"}

package/dist/cjs/hooks/useKeyboardInputTracker.js

@@ -1,48 +1,58 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ENABLE_KEYBOARD_INPUT_EVENT_NAME: function() {
+        return ENABLE_KEYBOARD_INPUT_EVENT_NAME;
+    },
+    DISABLE_KEYBOARD_INPUT_EVENT_NAME: function() {
+        return DISABLE_KEYBOARD_INPUT_EVENT_NAME;
+    },
+    useKeyboardInputTracker: function() {
+        return useKeyboardInputTracker;
+    }
 });
-exports.ENABLE_KEYBOARD_INPUT_EVENT_NAME = exports.DISABLE_KEYBOARD_INPUT_EVENT_NAME = void 0;
-exports.useKeyboardInputTracker = useKeyboardInputTracker;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _accessibility = require("../lib/accessibility");
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-var ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';
-exports.ENABLE_KEYBOARD_INPUT_EVENT_NAME = ENABLE_KEYBOARD_INPUT_EVENT_NAME;
-var DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';
-exports.DISABLE_KEYBOARD_INPUT_EVENT_NAME = DISABLE_KEYBOARD_INPUT_EVENT_NAME;
+var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+var DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
 function useKeyboardInputTracker() {
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isKeyboardInputActive = _React$useState2[0],
-    toggleKeyboardInput = _React$useState2[1];
-  var enableKeyboardInput = React.useCallback(function () {
-    toggleKeyboardInput(true);
-  }, []);
-  var handleKeydown = React.useCallback(function (e) {
-    if ((0, _accessibility.pressedKey)(e) === _accessibility.Keys.TAB) {
-      enableKeyboardInput();
-    }
-  }, [enableKeyboardInput]);
-  var disableKeyboardInput = React.useCallback(function () {
-    toggleKeyboardInput(false);
-  }, []);
-  var eventOptions = {
-    passive: true,
-    capture: true
-  };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'keydown', handleKeydown, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'mousedown', disableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'touchstart', disableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, ENABLE_KEYBOARD_INPUT_EVENT_NAME, enableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, DISABLE_KEYBOARD_INPUT_EVENT_NAME, disableKeyboardInput, eventOptions);
-  return isKeyboardInputActive;
+    var document = (0, _dom.useDOM)().document;
+    var _React_useState = _slicedToArray(_react.useState(false), 2), isKeyboardInputActive = _React_useState[0], toggleKeyboardInput = _React_useState[1];
+    var enableKeyboardInput = _react.useCallback(function() {
+        toggleKeyboardInput(true);
+    }, []);
+    var handleKeydown = _react.useCallback(function(e) {
+        if ((0, _accessibility.pressedKey)(e) === _accessibility.Keys.TAB) {
+            enableKeyboardInput();
+        }
+    }, [
+        enableKeyboardInput
+    ]);
+    var disableKeyboardInput = _react.useCallback(function() {
+        toggleKeyboardInput(false);
+    }, []);
+    var eventOptions = {
+        passive: true,
+        capture: true
+    };
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "keydown", handleKeydown, eventOptions);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "mousedown", disableKeyboardInput, eventOptions);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "touchstart", disableKeyboardInput, eventOptions);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, ENABLE_KEYBOARD_INPUT_EVENT_NAME, enableKeyboardInput, eventOptions);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, DISABLE_KEYBOARD_INPUT_EVENT_NAME, disableKeyboardInput, eventOptions);
+    return isKeyboardInputActive;
 }
+
 //# sourceMappingURL=useKeyboardInputTracker.js.map

package/dist/cjs/hooks/useKeyboardInputTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardInputTracker.js","names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","useDOM","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","pressedKey","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture","useGlobalEventListener"],"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput],\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions,\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions,\n  );\n\n  return isKeyboardInputActive;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,gCAAgC,GAAG,qBAAqB;AAAC;AAC/D,IAAMC,iCAAiC,GAAG,sBAAsB;AAAC;AAEjE,SAASC,uBAAuB,GAAY;EACjD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,sBAAqDC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA5EC,qBAAqB;IAAEC,mBAAmB;EAEjD,IAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IAClDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,aAAa,GAAGN,KAAK,CAACK,WAAW,CACrC,UAACE,CAAgB,EAAK;IACpB,IAAI,IAAAC,yBAAU,EAACD,CAAC,CAAC,KAAKE,mBAAI,CAACC,GAAG,EAAE;MAC9BN,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CAACA,mBAAmB,CAAC,CACtB;EAED,IAAMO,oBAAoB,GAAGX,KAAK,CAACK,WAAW,CAAC,YAAM;IACnDF,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,YAAY,GAAG;IACnBC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE;EACX,CAAC;EAED,IAAAC,8CAAsB,EAAChB,QAAQ,EAAE,SAAS,EAAEO,aAAa,EAAEM,YAAY,CAAC;EACxE,IAAAG,8CAAsB,EAAChB,QAAQ,EAAE,WAAW,EAAEY,oBAAoB,EAAEC,YAAY,CAAC;EACjF,IAAAG,8CAAsB,EAAChB,QAAQ,EAAE,YAAY,EAAEY,oBAAoB,EAAEC,YAAY,CAAC;EAClF,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRJ,gCAAgC,EAChCS,mBAAmB,EACnBQ,YAAY,CACb;EACD,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRH,iCAAiC,EACjCe,oBAAoB,EACpBC,YAAY,CACb;EAED,OAAOV,qBAAqB;AAC9B"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput],\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions,\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions,\n  );\n\n  return isKeyboardInputActive;\n}\n"],"names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useDOM","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","pressedKey","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture","useGlobalEventListener"],"mappings":";;;;;;;;;;;IAKaA,gCAAgC;eAAhCA;;IACAC,iCAAiC;eAAjCA;;IAEGC,uBAAuB;eAAvBA;;;;;2DARO;6BACU;mBACV;sCACgB;AAEhC,IAAMF,mCAAmC;AACzC,IAAMC,oCAAoC;AAE1C,SAASC,0BAAmC;IACjD,IAAM,AAAEC,WAAaC,IAAAA,WAAM,IAAnBD;IAER,IAAqDE,iCAAAA,OAAMC,QAAQ,CAAU,KAAK,OAA3EC,wBAA8CF,oBAAvBG,sBAAuBH;IAErD,IAAMI,sBAAsBJ,OAAMK,WAAW,CAAC,WAAM;QAClDF,oBAAoB,IAAI;IAC1B,GAAG,EAAE;IAEL,IAAMG,gBAAgBN,OAAMK,WAAW,CACrC,SAACE,GAAqB;QACpB,IAAIC,IAAAA,yBAAU,EAACD,OAAOE,mBAAI,CAACC,GAAG,EAAE;YAC9BN;QACF,CAAC;IACH,GACA;QAACA;KAAoB;IAGvB,IAAMO,uBAAuBX,OAAMK,WAAW,CAAC,WAAM;QACnDF,oBAAoB,KAAK;IAC3B,GAAG,EAAE;IAEL,IAAMS,eAAe;QACnBC,SAAS,IAAI;QACbC,SAAS,IAAI;IACf;IAEAC,IAAAA,8CAAsB,EAACjB,UAAU,WAAWQ,eAAeM;IAC3DG,IAAAA,8CAAsB,EAACjB,UAAU,aAAaa,sBAAsBC;IACpEG,IAAAA,8CAAsB,EAACjB,UAAU,cAAca,sBAAsBC;IACrEG,IAAAA,8CAAsB,EACpBjB,UACAH,kCACAS,qBACAQ;IAEFG,IAAAA,8CAAsB,EACpBjB,UACAF,mCACAe,sBACAC;IAGF,OAAOV;AACT"}

package/dist/cjs/hooks/useMediaQueries.js

@@ -1,42 +1,43 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useMediaQueries", {
+    enumerable: true,
+    get: function() {
+        return useMediaQueries;
+    }
 });
-exports.useMediaQueries = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _adaptivity = require("../lib/adaptivity");
 var _browser = require("../lib/browser");
 var _dom = require("../lib/dom");
 var storedMediaQueries = {
-  window: undefined,
-  mediaQueries: null
+    window: undefined,
+    mediaQueries: null
 };
-
-/**
- * Возвращает медиа выражения определенные дизайн-системой.
- */
-var useMediaQueries = function useMediaQueries() {
-  var _useDOM = (0, _dom.useDOM)(),
-    window = _useDOM.window;
-  return React.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
-    if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
-      return storedMediaQueries.mediaQueries;
-    }
-    var matchMedia = window ? window.matchMedia.bind(window) : _browser.mediaQueryNull;
-    storedMediaQueries.window = window;
-    storedMediaQueries.mediaQueries = {
-      desktopPlus: matchMedia(_adaptivity.MEDIA_QUERIES.DESKTOP_PLUS),
-      smallTabletPlus: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET_PLUS),
-      tablet: matchMedia(_adaptivity.MEDIA_QUERIES.TABLET),
-      smallTablet: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET),
-      mobile: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE),
-      mediumHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MEDIUM_HEIGHT),
-      mobileLandscapeHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
-    };
-    return storedMediaQueries.mediaQueries;
-  }, [window]);
+var useMediaQueries = function() {
+    var window = (0, _dom.useDOM)().window;
+    return _react.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
+        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
+            return storedMediaQueries.mediaQueries;
+        }
+        var matchMedia = window ? window.matchMedia.bind(window) : _browser.mediaQueryNull;
+        storedMediaQueries.window = window;
+        storedMediaQueries.mediaQueries = {
+            desktopPlus: matchMedia(_adaptivity.MEDIA_QUERIES.DESKTOP_PLUS),
+            smallTabletPlus: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET_PLUS),
+            tablet: matchMedia(_adaptivity.MEDIA_QUERIES.TABLET),
+            smallTablet: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET),
+            mobile: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE),
+            mediumHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MEDIUM_HEIGHT),
+            mobileLandscapeHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+        };
+        return storedMediaQueries.mediaQueries;
+    }, [
+        window
+    ]);
 };
-exports.useMediaQueries = useMediaQueries;
+
 //# sourceMappingURL=useMediaQueries.js.map

package/dist/cjs/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmB,IAAAC,WAAM,GAAE;IAAnBJ,MAAM,WAANA,MAAM;EAEd,OAAOK,KAAK,CAACC,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIR,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,GAAGA,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,GAAGU,uBAAc;IAE3EX,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,eAAe,EAAEN,UAAU,CAACI,yBAAa,CAACG,iBAAiB,CAAC;MAC5DC,MAAM,EAAER,UAAU,CAACI,yBAAa,CAACK,MAAM,CAAC;MACxCC,WAAW,EAAEV,UAAU,CAACI,yBAAa,CAACO,YAAY,CAAC;MACnDC,MAAM,EAAEZ,UAAU,CAACI,yBAAa,CAACS,MAAM,CAAC;MACxCC,YAAY,EAAEd,UAAU,CAACI,yBAAa,CAACW,aAAa,CAAC;MACrDC,qBAAqB,EAAEhB,UAAU,CAACI,yBAAa,CAACa,uBAAuB;IACzE,CAAC;IAED,OAAO1B,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}
+{"version":3,"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["useMediaQueries","storedMediaQueries","window","undefined","mediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;2DAlCU;0BAC0B;uBAClB;mBACR;AAuBvB,IAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc,IAAI;AACpB;AAKO,IAAMJ,kBAAkB,WAAM;IACnC,IAAM,AAAEE,SAAWG,IAAAA,WAAM,IAAjBH;IAER,OAAOI,OAAMC,OAAO,CAClB,SAASC,8CAA8C;QACrD,IAAIP,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,IAAI,EAAE;YACpF,OAAOH,mBAAmBG,YAAY;QACxC,CAAC;QAED,IAAMK,aAAaP,SAASA,OAAOO,UAAU,CAACC,IAAI,CAACR,UAAUS,uBAAc;QAE3EV,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCQ,aAAaH,WAAWI,yBAAa,CAACC,YAAY;YAClDC,iBAAiBN,WAAWI,yBAAa,CAACG,iBAAiB;YAC3DC,QAAQR,WAAWI,yBAAa,CAACK,MAAM;YACvCC,aAAaV,WAAWI,yBAAa,CAACO,YAAY;YAClDC,QAAQZ,WAAWI,yBAAa,CAACS,MAAM;YACvCC,cAAcd,WAAWI,yBAAa,CAACW,aAAa;YACpDC,uBAAuBhB,WAAWI,yBAAa,CAACa,uBAAuB;QACzE;QAEA,OAAOzB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ"}

package/dist/cjs/hooks/useObjectMemo.js

@@ -1,22 +1,34 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    objectEquals: function() {
+        return objectEquals;
+    },
+    useObjectMemo: function() {
+        return useObjectMemo;
+    }
 });
-exports.objectEquals = objectEquals;
-exports.useObjectMemo = useObjectMemo;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function objectEquals(o1, o2) {
-  return Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every(function (k) {
-    return o1[k] === o2[k];
-  });
+    return Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every(function(k) {
+        return o1[k] === o2[k];
+    });
 }
 function useObjectMemo(object) {
-  var cache = React.useRef(object);
-  if (!objectEquals(cache.current, object)) {
-    cache.current = object;
-  }
-  return cache.current;
+    var cache = _react.useRef(object);
+    if (!objectEquals(cache.current, object)) {
+        cache.current = object;
+    }
+    return cache.current;
 }
+
 //# sourceMappingURL=useObjectMemo.js.map

package/dist/cjs/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useObjectMemo.js","names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","useRef","current"],"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"mappings":";;;;;;;;AAAA;AAEO,SAASA,YAAY,CAACC,EAAO,EAAEC,EAAO,EAAE;EAC7C,OACEC,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACI,MAAM,KAAKF,MAAM,CAACC,IAAI,CAACF,EAAE,CAAC,CAACG,MAAM,IACjDF,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACK,KAAK,CAAC,UAACC,CAAC;IAAA,OAAKN,EAAE,CAACM,CAAC,CAAC,KAAKL,EAAE,CAACK,CAAC,CAAC;EAAA,EAAC;AAEjD;AAEO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACH,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAO,EAAEJ,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACG,OAAO,GAAGJ,MAAM;EACxB;EACA,OAAOC,KAAK,CAACG,OAAO;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["objectEquals","useObjectMemo","o1","o2","Object","keys","length","every","k","object","cache","React","useRef","current"],"mappings":";;;;;;;;;;;IAEgBA,YAAY;eAAZA;;IAOAC,aAAa;eAAbA;;;;2DATO;AAEhB,SAASD,aAAaE,EAAO,EAAEC,EAAO,EAAE;IAC7C,OACEC,OAAOC,IAAI,CAACH,IAAII,MAAM,KAAKF,OAAOC,IAAI,CAACF,IAAIG,MAAM,IACjDF,OAAOC,IAAI,CAACH,IAAIK,KAAK,CAAC,SAACC;eAAMN,EAAE,CAACM,EAAE,KAAKL,EAAE,CAACK,EAAE;;AAEhD;AAEO,SAASP,cAAiBQ,MAAS,EAAK;IAC7C,IAAMC,QAAQC,OAAMC,MAAM,CAACH;IAC3B,IAAI,CAACT,aAAaU,MAAMG,OAAO,EAAEJ,SAAS;QACxCC,MAAMG,OAAO,GAAGJ;IAClB,CAAC;IACD,OAAOC,MAAMG,OAAO;AACtB"}

package/dist/cjs/hooks/useOrientationChange.d.ts

@@ -1,4 +1,4 @@
-declare type Orientation = 'portrait' | 'landscape';
+type Orientation = 'portrait' | 'landscape';
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Обновляется при изменении ориентации.

package/dist/cjs/hooks/useOrientationChange.js

@@ -1,45 +1,40 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useOrientationChange", {
+    enumerable: true,
+    get: function() {
+        return useOrientationChange;
+    }
 });
-exports.useOrientationChange = useOrientationChange;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Учитывает особенности API на разных платформах.
- */
-function getOrientation(window) {
-  var _window$screen$orient, _window$screen, _window$screen$orient2;
-  if (!window) {
-    return 'portrait';
-  }
-  var angle = Math.abs( // eslint-disable-next-line compat/compat
-  (_window$screen$orient = (_window$screen = window.screen) === null || _window$screen === void 0 ? void 0 : (_window$screen$orient2 = _window$screen.orientation) === null || _window$screen$orient2 === void 0 ? void 0 : _window$screen$orient2.angle) !== null && _window$screen$orient !== void 0 ? _window$screen$orient : Number(window.orientation));
-  return angle === 90 ? 'landscape' : 'portrait';
+ */ function getOrientation(window) {
+    var // eslint-disable-next-line compat/compat
+    _window_screen, _window_screen_orientation;
+    if (!window) {
+        return "portrait";
+    }
+    var _window_screen_orientation_angle;
+    var angle = Math.abs((_window_screen_orientation_angle = (_window_screen = window.screen) === null || _window_screen === void 0 ? void 0 : (_window_screen_orientation = _window_screen.orientation) === null || _window_screen_orientation === void 0 ? void 0 : _window_screen_orientation.angle) !== null && _window_screen_orientation_angle !== void 0 ? _window_screen_orientation_angle : Number(window.orientation));
+    return angle === 90 ? "landscape" : "portrait";
 }
-
-/**
- * Возвращает текущую ориентация экрана на человеческом языке.
- * Обновляется при изменении ориентации.
- */
 function useOrientationChange() {
-  var _useDOM = (0, _dom.useDOM)(),
-    window = _useDOM.window;
-  var _React$useState = React.useState(function () {
-      return getOrientation(window);
-    }),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    orientation = _React$useState2[0],
-    setOrientation = _React$useState2[1];
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'orientationchange', function () {
-    return setOrientation(getOrientation(window));
-  });
-  return orientation;
+    var window = (0, _dom.useDOM)().window;
+    var _React_useState = _slicedToArray(_react.useState(function() {
+        return getOrientation(window);
+    }), 2), orientation = _React_useState[0], setOrientation = _React_useState[1];
+    (0, _useGlobalEventListener.useGlobalEventListener)(window, "orientationchange", function() {
+        return setOrientation(getOrientation(window));
+    });
+    return orientation;
 }
+
 //# sourceMappingURL=useOrientationChange.js.map

package/dist/cjs/hooks/useOrientationChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAc,CAACC,MAA0B,EAAe;EAAA;EAC/D,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,UAAU;EACnB;EAEA,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,EACpB;EAAA,2CACAH,MAAM,CAACI,MAAM,6EAAb,eAAeC,WAAW,2DAA1B,uBAA4BJ,KAAK,yEAAIK,MAAM,CAACN,MAAM,CAACK,WAAW,CAAC,CAChE;EAED,OAAOJ,KAAK,KAAK,EAAE,GAAG,WAAW,GAAG,UAAU;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASM,oBAAoB,GAAgB;EAClD,cAAmB,IAAAC,WAAM,GAAE;IAAnBR,MAAM,WAANA,MAAM;EAEd,sBAAsCS,KAAK,CAACC,QAAQ,CAAC;MAAA,OAAMX,cAAc,CAACC,MAAM,CAAC;IAAA,EAAC;IAAA;IAA3EK,WAAW;IAAEM,cAAc;EAElC,IAAAC,8CAAsB,EAACZ,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAAMW,cAAc,CAACZ,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EAAC;EAEjG,OAAOK,WAAW;AACpB"}
+{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["useOrientationChange","getOrientation","window","angle","Math","abs","screen","orientation","Number","useDOM","React","useState","setOrientation","useGlobalEventListener"],"mappings":";;;;+BA2BgBA;;;eAAAA;;;;;2DA3BO;mBACA;sCACgB;AAIvC;;;CAGC,GACD,SAASC,eAAeC,MAA0B,EAAe;QAM7D,yCAAyC;IACzCA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT,CAAC;QAICA;IAFF,IAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,mCAAAA,CAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,4BAAAA,KAAAA,IAAAA,8BAAAA,eAAeK,iEAAfL,KAAAA,+BAA4BC,KAAF,cAA1BD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW,CAAC;IAGjE,OAAOJ,UAAU,KAAK,cAAc,UAAU;AAChD;AAMO,SAASH,uBAAoC;IAClD,IAAM,AAAEE,SAAWO,IAAAA,WAAM,IAAjBP;IAER,IAAsCQ,iCAAAA,OAAMC,QAAQ,CAAC;eAAMV,eAAeC;YAAnEK,cAA+BG,oBAAlBE,iBAAkBF;IAEtCG,IAAAA,8CAAsB,EAACX,QAAQ,qBAAqB;eAAMU,eAAeX,eAAeC;;IAExF,OAAOK;AACT"}

package/dist/cjs/hooks/usePagination.d.ts

@@ -16,8 +16,8 @@ interface UsePaginationProps {
      */
     totalPages?: number;
 }
-export declare type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
-export declare type UsePaginationResult = PaginationPageType[];
+export type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
+export type UsePaginationResult = PaginationPageType[];
 /**
  * Хук позаимствован у @mui с некоторыми изменениями.
  *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).