@vkontakte/vkui 5.0.2 → 5.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const {\n    value: open,\n    setTrue: openCalendar,\n    setFalse: closeCalendar,\n  } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(\n    null\n  );\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField]\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (\n            _value[focusedElement].length >= config.length &&\n            focusedElement < maxElement\n          ) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === \"Backspace\") {\n        if (!_value[focusedElement]) {\n          setFocusedElement(\n            focusedElement <= 0 ? maxElement : focusedElement - 1\n          );\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === \"ArrowDown\" || e.key === \"Down\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1\n        ).padStart(config.length, \"0\");\n      } else if (e.key === \"ArrowUp\" || e.key === \"Up\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1\n        ).padStart(config.length, \"0\");\n      } else if (\n        e.key === \"Enter\" ||\n        (e.key === \"Tab\" && focusedElement === maxElement) ||\n        (e.key === \"Tab\" && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (\n        e.key === \"ArrowLeft\" ||\n        e.key === \"Left\" ||\n        (e.key === \"Tab\" && e.shiftKey)\n      ) {\n        setFocusedElement(\n          focusedElement <= 0 ? maxElement : focusedElement - 1\n        );\n      } else if (\n        e.key === \"ArrowRight\" ||\n        e.key === \"Right\" ||\n        e.key === \"Tab\"\n      ) {\n        setFocusedElement(\n          focusedElement >= maxElement ? 0 : focusedElement + 1\n        );\n      } else if (e.key === \"Delete\" || e.key === \"Del\") {\n        _value[focusedElement] = \"\";\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ]\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 export declare const useEffectDev: typeof useEffect;

package/dist/cjs/hooks/useEffectDev.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useEffectDev = void 0;
 var _react = require("react");
-var _utils = require("../lib/utils");
-var useEffectDev = process.env.NODE_ENV === "development" ? _react.useEffect : _utils.noop;
+var _vkjs = require("@vkontakte/vkjs");
+var useEffectDev = process.env.NODE_ENV === 'development' ? _react.useEffect : _vkjs.noop;
 exports.useEffectDev = useEffectDev;
 //# sourceMappingURL=useEffectDev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from \"../lib/utils\";\n\nexport const useEffectDev =\n  process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,GACvBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,WAAI;AAAC"}
+{"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,UAAI;AAAC"}

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

@@ -1,7 +1,16 @@
-import * as React from "react";
-export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
+import * as React from 'react';
+interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
     value?: V;
     onChange?: (e: E) => any;
-}, options: {
     defaultValue: V;
-}): [V | undefined, (e: E) => any];
+    disabled?: boolean | undefined;
+}
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>({ onChange: onChangeProp, disabled, ...props }: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any];
+interface UseCustomEnsuredControlProps<V> {
+    value?: V;
+    onChange?: (v: V) => any;
+    defaultValue: V;
+    disabled?: boolean | undefined;
+}
+export declare function useCustomEnsuredControl<V>({ disabled, onChange: onChangeProp, defaultValue, value, }: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any];
+export {};

package/dist/cjs/hooks/useEnsuredControl.js

@@ -1,23 +1,50 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useCustomEnsuredControl = useCustomEnsuredControl;
 exports.useEnsuredControl = useEnsuredControl;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-function useEnsuredControl(props, options) {
-  var isControlled = props.hasOwnProperty("value");
-  var _React$useState = React.useState(options.defaultValue),
+var _excluded = ["onChange", "disabled"];
+function useEnsuredControl(_ref) {
+  var onChangeProp = _ref.onChange,
+    disabled = _ref.disabled,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useCustomEnsuredCont = useCustomEnsuredControl(props),
+    _useCustomEnsuredCont2 = (0, _slicedToArray2.default)(_useCustomEnsuredCont, 2),
+    value = _useCustomEnsuredCont2[0],
+    onChangeValue = _useCustomEnsuredCont2[1];
+  var onChange = React.useCallback(function (e) {
+    if (disabled) {
+      return;
+    }
+    onChangeValue(e.target.value);
+    onChangeProp && onChangeProp(e);
+  }, [onChangeValue, onChangeProp, disabled]);
+  return [value, onChange];
+}
+function useCustomEnsuredControl(_ref2) {
+  var disabled = _ref2.disabled,
+    onChangeProp = _ref2.onChange,
+    defaultValue = _ref2.defaultValue,
+    value = _ref2.value;
+  var isControlled = value !== undefined;
+  var _React$useState = React.useState(defaultValue),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     localValue = _React$useState2[0],
     setLocalValue = _React$useState2[1];
-  var onChange = React.useCallback(function (e) {
-    !isControlled && setLocalValue(e.target.value);
-    props.onChange && props.onChange(e);
-  }, [isControlled, props]);
-  return [isControlled ? props.value : localValue, onChange];
+  var onChange = React.useCallback(function (v) {
+    if (disabled) {
+      return;
+    }
+    !isControlled && setLocalValue(v);
+    onChangeProp && onChangeProp(v);
+  }, [disabled, isControlled, onChangeProp]);
+  return [isControlled ? value : localValue, onChange];
 }
 //# sourceMappingURL=useEnsuredControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEnsuredControl.js","names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V | undefined, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e: E) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [isControlled, props]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"mappings":";;;;;;;;;AAAA;AAEO,SAASA,iBAAiB,CAC/BC,KAA8C,EAC9CC,OAA4B,EACI;EAChC,IAAMC,YAAY,GAAGF,KAAK,CAACG,cAAc,CAAC,OAAO,CAAC;EAClD,sBAAoCC,KAAK,CAACC,QAAQ,CAACJ,OAAO,CAACK,YAAY,CAAC;IAAA;IAAjEC,UAAU;IAAEC,aAAa;EAChC,IAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,CAACT,YAAY,IAAIM,aAAa,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC9Cb,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,CAACE,CAAC,CAAC;EACrC,CAAC,EACD,CAACT,YAAY,EAAEF,KAAK,CAAC,CACtB;EACD,OAAO,CAACE,YAAY,GAAGF,KAAK,CAACa,KAAK,GAAGN,UAAU,EAAEE,QAAQ,CAAC;AAC5D"}
+{"version":3,"file":"useEnsuredControl.js","names":["useEnsuredControl","onChangeProp","onChange","disabled","props","useCustomEnsuredControl","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  onChange?: (e: E) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  onChange?: (v: V) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n  disabled,\n  onChange: onChangeProp,\n  defaultValue,\n  value,\n}: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const onChange = React.useCallback(\n    (v: V) => {\n      if (disabled) {\n        return;\n      }\n\n      !isControlled && setLocalValue(v);\n      onChangeProp && onChangeProp(v);\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAA+B;AASxB,SAASA,iBAAiB,OAIgC;EAAA,IAHrDC,YAAY,QAAtBC,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACLC,KAAK;EAER,4BAA+BC,uBAAuB,CAACD,KAAK,CAAC;IAAA;IAAtDE,KAAK;IAAEC,aAAa;EAE3B,IAAML,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,IAAIP,QAAQ,EAAE;MACZ;IACF;IAEAI,aAAa,CAACG,CAAC,CAACC,MAAM,CAACL,KAAK,CAAC;IAC7BL,YAAY,IAAIA,YAAY,CAACS,CAAC,CAAC;EACjC,CAAC,EACD,CAACH,aAAa,EAAEN,YAAY,EAAEE,QAAQ,CAAC,CACxC;EAED,OAAO,CAACG,KAAK,EAAEJ,QAAQ,CAAC;AAC1B;AASO,SAASG,uBAAuB,QAK6B;EAAA,IAJlEF,QAAQ,SAARA,QAAQ;IACEF,YAAY,SAAtBC,QAAQ;IACRU,YAAY,SAAZA,YAAY;IACZN,KAAK,SAALA,KAAK;EAEL,IAAMO,YAAY,GAAGP,KAAK,KAAKQ,SAAS;EACxC,sBAAoCN,KAAK,CAACO,QAAQ,CAACH,YAAY,CAAC;IAAA;IAAzDI,UAAU;IAAEC,aAAa;EAEhC,IAAMf,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACS,CAAI,EAAK;IACR,IAAIf,QAAQ,EAAE;MACZ;IACF;IAEA,CAACU,YAAY,IAAII,aAAa,CAACC,CAAC,CAAC;IACjCjB,YAAY,IAAIA,YAAY,CAACiB,CAAC,CAAC;EACjC,CAAC,EACD,CAACf,QAAQ,EAAEU,YAAY,EAAEZ,YAAY,CAAC,CACvC;EAED,OAAO,CAACY,YAAY,GAAGP,KAAK,GAAGU,UAAU,EAAEd,QAAQ,CAAC;AACtD"}

package/dist/cjs/hooks/useEventListener.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEventListener = useEventListener;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _dom = require("../lib/dom");
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 function useEventListener(event, _cb, _options) {
@@ -19,10 +19,10 @@ function useEventListener(event, _cb, _options) {
   var cb = React.useCallback(function (e) {
     return cbRef.current && cbRef.current(e);
   }, []);
-  var detach = React.useRef(_utils.noop);
+  var detach = React.useRef(_vkjs.noop);
   var remove = React.useCallback(function () {
     detach.current();
-    detach.current = _utils.noop;
+    detach.current = _vkjs.noop;
   }, []);
   var add = React.useCallback(function (el) {
     if (!_dom.canUseDOM) {
@@ -41,9 +41,11 @@ function useEventListener(event, _cb, _options) {
   React.useEffect(function () {
     return remove;
   }, [remove]);
-  return {
-    add: add,
-    remove: remove
-  };
+  return React.useMemo(function () {
+    return {
+      add: add,
+      remove: remove
+    };
+  }, [add, remove]);
 }
 //# sourceMappingURL=useEventListener.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../lib/utils\";\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb:\n    | false\n    | null\n    | undefined\n    | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<\n  E extends Event,\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback(\n    (e: any) => cbRef.current && cbRef.current(e),\n    []\n  );\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove]\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return { add, remove };\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAqBO,SAASA,gBAAgB,CAI9BC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;EACrB,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACJ,GAAG,CAAC;EAC/B,IAAAK,oDAAyB,EAAC,YAAM;IAC9BH,KAAK,CAACI,OAAO,GAAGN,GAAG;EACrB,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACT,IAAMO,EAAE,GAAGJ,KAAK,CAACK,WAAW,CAC1B,UAACC,CAAM;IAAA,OAAKP,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACI,OAAO,CAACG,CAAC,CAAC;EAAA,GAC7C,EAAE,CACH;EAED,IAAMC,MAAM,GAAGP,KAAK,CAACC,MAAM,CAACO,WAAI,CAAC;EACjC,IAAMC,MAAM,GAAGT,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCE,MAAM,CAACJ,OAAO,EAAE;IAChBI,MAAM,CAACJ,OAAO,GAAGK,WAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,GAAG,GAAGV,KAAK,CAACK,WAAW,CAC3B,UAACM,EAAmC,EAAK;IACvC,IAAI,CAACC,cAAS,EAAE;MACd;IACF;IACAH,MAAM,EAAE;IACR,IAAI,CAACE,EAAE,EAAE;MACP;IACF;IACA,IAAME,OAAO,mCAAQf,QAAQ,CAAE;IAC/Ba,EAAE,CAACG,gBAAgB,CAAClB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IACvCN,MAAM,CAACJ,OAAO,GAAG;MAAA,OAAMQ,EAAE,CAACI,mBAAmB,CAACnB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IAAA;EACnE,CAAC,EACD,CAACf,QAAQ,EAAEM,EAAE,EAAER,KAAK,EAAEa,MAAM,CAAC,CAC9B;EACDT,KAAK,CAACgB,SAAS,CAAC;IAAA,OAAMP,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEvC,OAAO;IAAEC,GAAG,EAAHA,GAAG;IAAED,MAAM,EAANA;EAAO,CAAC;AACxB"}
+{"version":3,"file":"useEventListener.js","names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAiBO,SAASA,gBAAgB,CAC9BC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;EACrB,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACJ,GAAG,CAAC;EAC/B,IAAAK,oDAAyB,EAAC,YAAM;IAC9BH,KAAK,CAACI,OAAO,GAAGN,GAAG;EACrB,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACT,IAAMO,EAAE,GAAGJ,KAAK,CAACK,WAAW,CAAC,UAACC,CAAM;IAAA,OAAKP,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACI,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAE/E,IAAMC,MAAM,GAAGP,KAAK,CAACC,MAAM,CAACO,UAAI,CAAC;EACjC,IAAMC,MAAM,GAAGT,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCE,MAAM,CAACJ,OAAO,EAAE;IAChBI,MAAM,CAACJ,OAAO,GAAGK,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,GAAG,GAAGV,KAAK,CAACK,WAAW,CAC3B,UAACM,EAAmC,EAAK;IACvC,IAAI,CAACC,cAAS,EAAE;MACd;IACF;IACAH,MAAM,EAAE;IACR,IAAI,CAACE,EAAE,EAAE;MACP;IACF;IACA,IAAME,OAAO,mCAAQf,QAAQ,CAAE;IAC/Ba,EAAE,CAACG,gBAAgB,CAAClB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IACvCN,MAAM,CAACJ,OAAO,GAAG;MAAA,OAAMQ,EAAE,CAACI,mBAAmB,CAACnB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IAAA;EACnE,CAAC,EACD,CAACf,QAAQ,EAAEM,EAAE,EAAER,KAAK,EAAEa,MAAM,CAAC,CAC9B;EACDT,KAAK,CAACgB,SAAS,CAAC;IAAA,OAAMP,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEvC,OAAOT,KAAK,CAACiB,OAAO,CAAC;IAAA,OAAO;MAAEP,GAAG,EAAHA,GAAG;MAAED,MAAM,EAANA;IAAO,CAAC;EAAA,CAAC,EAAE,CAACC,GAAG,EAAED,MAAM,CAAC,CAAC;AAC9D"}

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

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"useExternRef.js","names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs\n  );\n}\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,SAASA,YAAY,GAEQ;EAAA,kCAD/BC,UAAU;IAAVA,UAAU;EAAA;EAEb,IAAMC,SAAS,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE9C,OAAOD,KAAK,CAACE,OAAO,CAClB;IAAA,OAAO;MACL,IAAIC,OAAO,GAAG;QACZ,OAAOJ,SAAS,CAACI,OAAO;MAC1B,CAAC;MACD,IAAIA,OAAO,CAACC,EAAE,EAAE;QACdL,SAAS,CAACI,OAAO,GAAGC,EAAE;QACtBN,UAAU,CAACO,OAAO,CAAC,UAACC,GAAG,EAAK;UAC1B,IAAIA,GAAG,EAAE;YACP,IAAAC,aAAM,EAACH,EAAE,EAAEE,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;IACF,CAAC;EAAA,CAAC;EACF;EACAR,UAAU,CACX;AACH"}
+{"version":3,"file":"useExternRef.js","names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,SAASA,YAAY,GAEQ;EAAA,kCAD/BC,UAAU;IAAVA,UAAU;EAAA;EAEb,IAAMC,SAAS,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE9C,OAAOD,KAAK,CAACE,OAAO,CAClB;IAAA,OAAO;MACL,IAAIC,OAAO,GAAG;QACZ,OAAOJ,SAAS,CAACI,OAAO;MAC1B,CAAC;MACD,IAAIA,OAAO,CAACC,EAAE,EAAE;QACdL,SAAS,CAACI,OAAO,GAAGC,EAAE;QACtBN,UAAU,CAACO,OAAO,CAAC,UAACC,GAAG,EAAK;UAC1B,IAAIA,GAAG,EAAE;YACP,IAAAC,aAAM,EAACH,EAAE,EAAEE,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;IACF,CAAC;EAAA,CAAC;EACF;EACAR,UAAU,CACX;AACH"}

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

@@ -1,4 +1,4 @@
-import { FocusEvent } from "react";
+import { FocusEvent } from 'react';
 export declare function useFocusVisible(): {
     focusVisible: boolean | undefined;
     onFocus: (event: FocusEvent<HTMLElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from \"react\";\nimport { AppRootContext } from \"../components/AppRoot/AppRootContext\";\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused]\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused]\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}
+{"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEventListener.js","names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":";;;;;;AAAA;AACA;AAgBO,SAASA,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAG,IAAAC,kCAAgB,EAACJ,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrD,IAAAG,oDAAyB,EAAC,YAAM;IAC9B,IAAIJ,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACG,GAAG,CAACP,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACI,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACP,EAAE,CAAC,EAAEO,OAAO,CAACT,OAAO,CAAC,CAAC,CAAC;AACrC"}
+{"version":3,"file":"useGlobalEventListener.js","names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":";;;;;;AAAA;AACA;AAcO,SAASA,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAG,IAAAC,kCAAgB,EAACJ,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrD,IAAAG,oDAAyB,EAAC,YAAM;IAC9B,IAAIJ,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACG,GAAG,CAACP,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACI,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACP,EAAE,CAAC,EAAEO,OAAO,CAACT,OAAO,CAAC,CAAC,CAAC;AACrC"}

package/dist/cjs/hooks/useId.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 // Workaround for https://github.com/webpack/webpack/issues/14814
 // https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21
-var maybeReactUseId = React["useId".toString()];
+var maybeReactUseId = React['useId'.toString()];
 var id = 0;
 
 // TODO: Remove after React 18

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

@@ -1 +1 @@
-{"version":3,"file":"useId.js","names":["maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from \"react\";\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)[\n  \"useId\".toString()\n];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA,IAAMA,eAA2C,GAAIC,KAAK,CACxD,OAAO,CAACC,QAAQ,EAAE,CACnB;AAED,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEO,IAAMC,KAAmB,GAAGP,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,wBAAwB;AAAC"}
+{"version":3,"file":"useId.js","names":["maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from 'react';\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)['useId'.toString()];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA,IAAMA,eAA2C,GAAIC,KAAK,CAAS,OAAO,CAACC,QAAQ,EAAE,CAAC;AAEtF,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEO,IAAMC,KAAmB,GAAGP,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,wBAAwB;AAAC"}

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

@@ -1,8 +1,8 @@
-import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+import { Insets as BridgeInsets } from '@vkontakte/vk-bridge';
 export interface Insets {
-    bottom: BridgeInsets["bottom"] | null;
-    top: BridgeInsets["top"] | null;
-    left: BridgeInsets["left"] | null;
-    right: BridgeInsets["right"] | null;
+    bottom: BridgeInsets['bottom'] | null;
+    top: BridgeInsets['top'] | null;
+    left: BridgeInsets['left'] | null;
+    right: BridgeInsets['right'] | null;
 }
 export declare function useInsets(): Insets;

package/dist/cjs/hooks/useInsets.js

@@ -22,8 +22,8 @@ function resolveInsets(e) {
     type = _e$detail.type,
     data = _e$detail.data;
   switch (type) {
-    case "VKWebAppUpdateConfig":
-    case "VKWebAppUpdateInsets":
+    case 'VKWebAppUpdateConfig':
+    case 'VKWebAppUpdateInsets':
       // Устаревшее событие vk-bridge
       var insets = data.insets;
       if (insets) {

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

@@ -1 +1 @@
-{"version":3,"file":"useInsets.js","names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","useIsomorphicLayoutEffect","connectListener","unsubscribe"],"sources":["../../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets as BridgeInsets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface Insets {\n  bottom: BridgeInsets[\"bottom\"] | null;\n  top: BridgeInsets[\"top\"] | null;\n  left: BridgeInsets[\"left\"] | null;\n  right: BridgeInsets[\"right\"] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case \"VKWebAppUpdateConfig\":\n    case \"VKWebAppUpdateInsets\": // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AASA,IAAIA,YAAoB,GAAG;EACzBC,MAAM,EAAE,IAAI;EACZC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC;AAWD,SAASC,aAAa,CAACC,CAAc,EAAiB;EACpD,gBAAuBA,CAAC,CAACC,MAAM;IAAvBC,IAAI,aAAJA,IAAI;IAAEC,IAAI,aAAJA,IAAI;EAClB,QAAQD,IAAI;IACV,KAAK,sBAAsB;IAC3B,KAAK,sBAAsB;MAAE;MAC3B,IAAQE,MAAM,GAAKD,IAAI,CAAfC,MAAM;MACd,IAAIA,MAAM,EAAE;QACV,mEACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAU,iBAAQ,CAACC,SAAS,CAAC,UAACN,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEK,SAASG,SAAS,GAAW;EAClC,sBAA4BC,KAAK,CAACC,QAAQ,CAASf,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEM,SAAS;EAExB,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,eAAe,CAACZ,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVM,SAAS,CAACN,MAAM,CAAC;MACnB;IACF;IAEAC,iBAAQ,CAACC,SAAS,CAACM,eAAe,CAAC;IACnC,OAAO,YAAM;MACXP,iBAAQ,CAACQ,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,MAAM;AACf"}
+{"version":3,"file":"useInsets.js","names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","useIsomorphicLayoutEffect","connectListener","unsubscribe"],"sources":["../../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AASA,IAAIA,YAAoB,GAAG;EACzBC,MAAM,EAAE,IAAI;EACZC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC;AAWD,SAASC,aAAa,CAACC,CAAc,EAAiB;EACpD,gBAAuBA,CAAC,CAACC,MAAM;IAAvBC,IAAI,aAAJA,IAAI;IAAEC,IAAI,aAAJA,IAAI;EAClB,QAAQD,IAAI;IACV,KAAK,sBAAsB;IAC3B,KAAK,sBAAsB;MAAE;MAC3B,IAAQE,MAAM,GAAKD,IAAI,CAAfC,MAAM;MACd,IAAIA,MAAM,EAAE;QACV,mEACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAU,iBAAQ,CAACC,SAAS,CAAC,UAACN,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEK,SAASG,SAAS,GAAW;EAClC,sBAA4BC,KAAK,CAACC,QAAQ,CAASf,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEM,SAAS;EAExB,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,eAAe,CAACZ,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVM,SAAS,CAACN,MAAM,CAAC;MACnB;IACF;IAEAC,iBAAQ,CAACC,SAAS,CAACM,eAAe,CAAC;IACnC,OAAO,YAAM;MACXP,iBAAQ,CAACQ,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,MAAM;AACf"}

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

@@ -0,0 +1,9 @@
+/**
+ * Хук для two-pass рендеринга.
+ *
+ * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они
+ * должны рендериться дважды, поэтому используйте хук с осторожностью.
+ *
+ * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}
+ */
+export declare function useIsClient(initial?: boolean): boolean;

package/dist/cjs/hooks/useIsClient.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsClient = useIsClient;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+/**
+ * Хук для two-pass рендеринга.
+ *
+ * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они
+ * должны рендериться дважды, поэтому используйте хук с осторожностью.
+ *
+ * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}
+ */
+function useIsClient() {
+  var initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _React$useState = React.useState(initial),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isClient = _React$useState2[0],
+    setIsClient = _React$useState2[1];
+  React.useEffect(function () {
+    setIsClient(true);
+  }, []);
+  return isClient;
+}
+//# sourceMappingURL=useIsClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.js","names":["useIsClient","initial","React","useState","isClient","setIsClient","useEffect"],"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  React.useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAW,GAAkB;EAAA,IAAjBC,OAAO,uEAAG,KAAK;EACzC,sBAAgCC,KAAK,CAACC,QAAQ,CAACF,OAAO,CAAC;IAAA;IAAhDG,QAAQ;IAAEC,WAAW;EAE5BH,KAAK,CAACI,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOD,QAAQ;AACjB"}

package/dist/cjs/hooks/useKeyboard.js

@@ -35,7 +35,7 @@ function useKeyboard() {
     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");
+    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]);
 
@@ -46,8 +46,8 @@ function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusout', onFocus, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusin', onFocus, eventOptions);
   return {
     isOpened: isOpened
   };

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(\n    (1 - innerHeight / availHeight) * 100\n  );\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,CAC1C,CAAC,CAAC,GAAGL,WAAW,GAAGC,WAAW,IAAI,GAAG,CACtC;EACD,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,"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"}

package/dist/cjs/hooks/useKeyboardInputTracker.js

@@ -12,9 +12,9 @@ var React = _interopRequireWildcard(require("react"));
 var _accessibility = require("../lib/accessibility");
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+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";
+var DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';
 exports.DISABLE_KEYBOARD_INPUT_EVENT_NAME = DISABLE_KEYBOARD_INPUT_EVENT_NAME;
 function useKeyboardInputTracker() {
   var _useDOM = (0, _dom.useDOM)(),
@@ -38,9 +38,9 @@ function useKeyboardInputTracker() {
     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, '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;

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] =\n    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(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\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,sBACEC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IADzBC,qBAAqB;IAAEC,mBAAmB;EAGjD,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,EACpBhB,QAAQ,EACR,WAAW,EACXY,oBAAoB,EACpBC,YAAY,CACb;EACD,IAAAG,8CAAsB,EACpBhB,QAAQ,EACR,YAAY,EACZY,oBAAoB,EACpBC,YAAY,CACb;EACD,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,"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"}

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

@@ -1,4 +1,4 @@
-import { type MediaQueries } from "../lib/adaptivity";
+import { type MediaQueries } from '../lib/adaptivity';
 /**
  * Возвращает медиа выражения определенные дизайн-системой.
  */

package/dist/cjs/hooks/useMediaQueries.js

@@ -28,6 +28,7 @@ var useMediaQueries = function useMediaQueries() {
     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),

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","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 { type MediaQueries, MEDIA_QUERIES } 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 (\n        storedMediaQueries.window === window &&\n        storedMediaQueries.mediaQueries !== null\n      ) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window\n        ? window.matchMedia.bind(window)\n        : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_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(\n          MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT\n        ),\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,IACER,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IACpCD,kBAAkB,CAACG,YAAY,KAAK,IAAI,EACxC;MACA,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,GACrBA,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,GAC9BU,uBAAc;IAElBX,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,MAAM,EAAEN,UAAU,CAACI,yBAAa,CAACG,MAAM,CAAC;MACxCC,WAAW,EAAER,UAAU,CAACI,yBAAa,CAACK,YAAY,CAAC;MACnDC,MAAM,EAAEV,UAAU,CAACI,yBAAa,CAACO,MAAM,CAAC;MACxCC,YAAY,EAAEZ,UAAU,CAACI,yBAAa,CAACS,aAAa,CAAC;MACrDC,qBAAqB,EAAEd,UAAU,CAC/BI,yBAAa,CAACW,uBAAuB;IAEzC,CAAC;IAED,OAAOxB,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}
+{"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 { type MediaQueries, MEDIA_QUERIES } 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"}

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,"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"}

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

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

package/dist/cjs/hooks/useOrientationChange.js

@@ -17,11 +17,11 @@ var _useGlobalEventListener = require("./useGlobalEventListener");
 function getOrientation(window) {
   var _window$screen$orient, _window$screen, _window$screen$orient2;
   if (!window) {
-    return "portrait";
+    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";
+  return angle === 90 ? 'landscape' : 'portrait';
 }
 
 /**
@@ -37,7 +37,7 @@ function useOrientationChange() {
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     orientation = _React$useState2[0],
     setOrientation = _React$useState2[1];
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, "orientationchange", function () {
+  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'orientationchange', function () {
     return setOrientation(getOrientation(window));
   });
   return orientation;