@vkontakte/vkui 5.4.3 → 5.5.1

package/dist/cjs/hooks/useDateInput.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "useDateInput", {
         return useDateInput;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _dom = require("../lib/dom");
 var _useBooleanState = require("./useBooleanState");
 var _useGlobalEventListener = require("./useGlobalEventListener");
@@ -21,8 +21,8 @@ function useDateInput(param) {
     var _useBooleanState1 = (0, _useBooleanState.useBooleanState)(false), open = _useBooleanState1.value, openCalendar = _useBooleanState1.setTrue, closeCalendar = _useBooleanState1.setFalse;
     var rootRef = _react.useRef(null);
     var calendarRef = _react.useRef(null);
-    var _React_useState = _slicedToArray(_react.useState([]), 2), internalValue = _React_useState[0], setInternalValue = _React_useState[1];
-    var _React_useState1 = _slicedToArray(_react.useState(null), 2), focusedElement = _React_useState1[0], setFocusedElement = _React_useState1[1];
+    var _React_useState = _sliced_to_array._(_react.useState([]), 2), internalValue = _React_useState[0], setInternalValue = _React_useState[1];
+    var _React_useState1 = _sliced_to_array._(_react.useState(null), 2), focusedElement = _React_useState1[0], setFocusedElement = _React_useState1[1];
     var window = (0, _dom.useDOM)().window;
     var removeFocusFromField = _react.useCallback(function() {
         if (open) {
@@ -107,7 +107,7 @@ function useDateInput(param) {
         if (focusedElement === null) {
             return;
         }
-        var _value = _toConsumableArray(internalValue);
+        var _value = _to_consumable_array._(internalValue);
         var config = elementsConfig(focusedElement);
         if (/^\d+$/.test(e.key)) {
             if (_value[focusedElement].length >= config.length) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\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"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","useBooleanState","open","setTrue","openCalendar","setFalse","closeCalendar","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"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\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"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","useBooleanState","open","setTrue","openCalendar","setFalse","closeCalendar","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"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;qBAHa;oBACL;AAEd,IAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}
+{"version":3,"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"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;qBAHa;oBACL;AAEd,IAAMA,eAAeC,QAAQC,IAAIC,aAAa,gBAAgBC,mBAAYC"}

package/dist/cjs/hooks/useEnsuredControl.js

@@ -16,16 +16,16 @@ _export(exports, {
         return useCustomEnsuredControl;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useEnsuredControl(_param) {
-    var onChangeProp = _param.onChange, disabled = _param.disabled, props = _objectWithoutProperties(_param, [
+    var onChangeProp = _param.onChange, disabled = _param.disabled, props = _object_without_properties._(_param, [
         "onChange",
         "disabled"
     ]);
-    var _useCustomEnsuredControl = _slicedToArray(useCustomEnsuredControl(props), 2), value = _useCustomEnsuredControl[0], onChangeValue = _useCustomEnsuredControl[1];
+    var _useCustomEnsuredControl = _sliced_to_array._(useCustomEnsuredControl(props), 2), value = _useCustomEnsuredControl[0], onChangeValue = _useCustomEnsuredControl[1];
     var onChange = _react.useCallback(function(e) {
         if (disabled) {
             return;
@@ -45,7 +45,7 @@ function useEnsuredControl(_param) {
 function useCustomEnsuredControl(param) {
     var disabled = param.disabled, onChangeProp = param.onChange, defaultValue = param.defaultValue, value = param.value;
     var isControlled = value !== undefined;
-    var _React_useState = _slicedToArray(_react.useState(defaultValue), 2), localValue = _React_useState[0], setLocalValue = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(defaultValue), 2), localValue = _React_useState[0], setLocalValue = _React_useState[1];
     var onChange = _react.useCallback(function(v) {
         if (disabled) {
             return;

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useEnsuredControl","useCustomEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"mappings":";;;;;;;;;;;IASgBA,iBAAiB;eAAjBA;;IA6BAC,uBAAuB;eAAvBA;;;;;;2DAtCO;AAShB,SAASD,kBAAuD,QAIN;QAH/DE,AAAUC,eAD2D,OACrED,UACAE,WAFqE,OAErEA,UACGC,iCAHkE;QACrEH;QACAE;;IAGA,IAA+BH,0CAAAA,wBAAwBI,YAAhDC,QAAwBL,6BAAjBM,gBAAiBN;IAE/B,IAAMC,WAAWM,OAAMC,WAAW,CAChC,SAACC,GAAS;QACR,IAAIN,UAAU;YACZ;QACF,CAAC;QAEDG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASD,wBAA2B,KAKT,EAAkC;QAJlEG,WADyC,MACzCA,UACAF,AAAUC,eAF+B,MAEzCD,UACAU,eAHyC,MAGzCA,cACAN,QAJyC,MAIzCA;IAEA,IAAMO,eAAeP,UAAUQ;IAC/B,IAAoCN,iCAAAA,OAAMO,QAAQ,CAACH,mBAA5CI,aAA6BR,oBAAjBS,gBAAiBT;IAEpC,IAAMN,WAAWM,OAAMC,WAAW,CAChC,SAACS,GAAS;QACR,IAAId,UAAU;YACZ;QACF,CAAC;QAED,CAACS,gBAAgBI,cAAcC;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQU,UAAU;QAAEd;KAAS;AACtD"}
+{"version":3,"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"],"names":["useEnsuredControl","useCustomEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"mappings":";;;;;;;;;;;IASgBA,iBAAiB;eAAjBA;;IA6BAC,uBAAuB;eAAvBA;;;;;;+DAtCO;AAShB,SAASD,kBAAuD;QACrEE,AAAUC,eAD2D,OACrED,UACAE,WAFqE,OAErEA,UACGC,qCAHkE;QACrEH;QACAE;;IAGA,IAA+BH,8CAAAA,wBAAwBI,YAAhDC,QAAwBL,6BAAjBM,gBAAiBN;IAE/B,IAAMC,WAAWM,OAAMC,YACrB,SAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,OAAOL;QACvBH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASD,wBAA2B,KAKT;QAJhCG,WADyC,MACzCA,UACAF,AAAUC,eAF+B,MAEzCD,UACAU,eAHyC,MAGzCA,cACAN,QAJyC,MAIzCA;IAEA,IAAMO,eAAeP,UAAUQ;IAC/B,IAAoCN,qCAAAA,OAAMO,SAASH,mBAA5CI,aAA6BR,oBAAjBS,gBAAiBT;IAEpC,IAAMN,WAAWM,OAAMC,YACrB,SAACS;QACC,IAAId,UAAU;YACZ;QACF;QAEA,CAACS,gBAAgBI,cAAcC;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQU;QAAYd;KAAS;AACtD"}

package/dist/cjs/hooks/useEventListener.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "useEventListener", {
         return useEventListener;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _dom = require("../lib/dom");
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
@@ -37,7 +37,7 @@ function useEventListener(event, _cb, _options) {
         if (!el) {
             return;
         }
-        var options = _objectSpread({}, _options);
+        var options = _object_spread._({}, _options);
         el.addEventListener(event, cb, options);
         detach.current = function() {
             return el.removeEventListener(event, cb, options);

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;2DApBO;oBACF;mBACK;yCACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;IACrB,IAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC,WAAM;QAC9BH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,IAAMO,KAAKJ,OAAMK,WAAW,CAAC,SAACC;eAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG;OAAI,EAAE;IAE9E,IAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,IAAMC,SAAST,OAAMK,WAAW,CAAC,WAAM;QACrCE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,IAAME,MAAMV,OAAMK,WAAW,CAC3B,SAACM,IAAwC;QACvC,IAAI,CAACC,cAAS,EAAE;YACd;QACF,CAAC;QACDH;QACA,IAAI,CAACE,IAAI;YACP;QACF,CAAC;QACD,IAAME,UAAU,kBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG;mBAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC;eAAMP;OAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC;eAAO;YAAEP,KAAAA;YAAKD,QAAAA;QAAO;OAAI;QAACC;QAAKD;KAAO;AAC7D"}
+{"version":3,"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"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBACF;mBACK;yCACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,IAAMC,QAAQC,OAAMC,OAAOJ;IAC3BK,IAAAA,sDAA0B;QACxBH,MAAMI,UAAUN;IAClB,GAAG;QAACA;KAAI;IACR,IAAMO,KAAKJ,OAAMK,YAAY,SAACC;eAAWP,MAAMI,WAAWJ,MAAMI,QAAQG;OAAI,EAAE;IAE9E,IAAMC,SAASP,OAAMC,OAAOO;IAC5B,IAAMC,SAAST,OAAMK,YAAY;QAC/BE,OAAOJ;QACPI,OAAOJ,UAAUK;IACnB,GAAG,EAAE;IACL,IAAME,MAAMV,OAAMK,YAChB,SAACM;QACC,IAAI,CAACC,gBAAW;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,IAAME,UAAU,qBAAKf;QACrBa,GAAGG,iBAAiBlB,OAAOQ,IAAIS;QAC/BN,OAAOJ,UAAU;mBAAMQ,GAAGI,oBAAoBnB,OAAOQ,IAAIS;;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,UAAU;eAAMP;OAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,QAAQ;eAAO;YAAEP,KAAAA;YAAKD,QAAAA;QAAO;OAAI;QAACC;QAAKD;KAAO;AAC7D"}

package/dist/cjs/hooks/useExternRef.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "useExternRef", {
         return useExternRef;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _utils = require("../lib/utils");
 function useExternRef() {
     for(var _len = arguments.length, externRefs = new Array(_len), _key = 0; _key < _len; _key++){

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;2DAHO;qBACA;AAEhB,SAASA,eAEoB;IADlC,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,aAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,WAAH,QAAA,SAAA,CAAA,KAAsD;IAAD;IAErD,IAAMC,YAAYC,OAAMC,MAAM,CAAW,IAAI;IAE7C,OAAOD,OAAME,OAAO,CAClB;eAAO;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,SAACC,KAAQ;oBAC1B,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb,CAAC;gBACH;YACF;QACF;OACA,uDAAuD;IACvDR;AAEJ"}
+{"version":3,"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"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;+DAHO;qBACA;AAEhB,SAASA;IACd,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,aAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,WAAH,QAAA,SAAA,CAAA,KAAsD;IAAD;IAErD,IAAMC,YAAYC,OAAMC,OAAiB;IAEzC,OAAOD,OAAME,QACX;eAAO;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI;YACnB;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,UAAUC;gBACpBN,WAAWO,QAAQ,SAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,eAAOH,IAAIE;oBACb;gBACF;YACF;QACF;OACA,uDAAuD;IACvDR;AAEJ"}

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

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

package/dist/cjs/hooks/useFocusVisible.js

@@ -8,12 +8,13 @@ Object.defineProperty(exports, "useFocusVisible", {
         return useFocusVisible;
     }
 });
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = require("react");
-var _appRootContext = require("../components/AppRoot/AppRootContext");
+var _AppRootContext = require("../components/AppRoot/AppRootContext");
 function useFocusVisible() {
-    var _useState = _slicedToArray((0, _react.useState)(false), 2), isFocused = _useState[0], setIsFocused = _useState[1];
-    var keyboardInput = (0, _react.useContext)(_appRootContext.AppRootContext).keyboardInput;
+    var withKeyboardInputCheck = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var _useState = _sliced_to_array._((0, _react.useState)(false), 2), isFocused = _useState[0], setIsFocused = _useState[1];
+    var keyboardInput = (0, _react.useContext)(_AppRootContext.AppRootContext).keyboardInput;
     var onFocus = (0, _react.useCallback)(function(event) {
         event.stopPropagation();
         setIsFocused(true);
@@ -26,7 +27,7 @@ function useFocusVisible() {
     }, [
         setIsFocused
     ]);
-    var focusVisible = keyboardInput && isFocused;
+    var focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;
     return {
         focusVisible: focusVisible,
         onFocus: onFocus,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } 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"],"names":["useFocusVisible","useState","isFocused","setIsFocused","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;qBAH8C;8BAC/B;AAExB,SAASA,kBAAkB;IAChC,IAAkCC,2BAAAA,IAAAA,eAAQ,EAAC,KAAK,OAAzCC,YAA2BD,cAAhBE,eAAgBF;IAClC,IAAM,AAAEG,gBAAkBC,IAAAA,iBAAU,EAACC,8BAAc,EAA3CF;IAER,IAAMG,UAAUC,IAAAA,kBAAW,EACzB,SAACC,OAAmC;QAClCA,MAAMC,eAAe;QACrBP,aAAa,IAAI;IACnB,GACA;QAACA;KAAa;IAGhB,IAAMQ,SAASH,IAAAA,kBAAW,EACxB,SAACC,OAAmC;QAClCA,MAAMC,eAAe;QACrBP,aAAa,KAAK;IACpB,GACA;QAACA;KAAa;IAGhB,IAAMS,eAAeR,iBAAiBF;IAEtC,OAAO;QACLU,cAAAA;QACAL,SAAAA;QACAI,QAAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\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 = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useFocusVisible","withKeyboardInputCheck","useState","isFocused","setIsFocused","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;qBAH8C;8BAC/B;AAExB,SAASA;QAAgBC,yBAAAA,iEAAyB;IACvD,IAAkCC,+BAAAA,IAAAA,iBAAS,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAClC,IAAM,AAAEG,gBAAkBC,IAAAA,mBAAWC,gCAA7BF;IAER,IAAMG,UAAUC,IAAAA,oBACd,SAACC;QACCA,MAAMC;QACNP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMQ,SAASH,IAAAA,oBACb,SAACC;QACCA,MAAMC;QACNP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMS,eAAeZ,yBAAyBI,iBAAiBF,YAAYA;IAE3E,OAAO;QACLU,cAAAA;QACAL,SAAAA;QACAI,QAAAA;IACF;AACF"}

package/dist/cjs/hooks/useFocusWithin.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "useFocusWithin", {
         return useFocusWithin;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
 function useFocusWithin(ref) {
@@ -21,7 +21,7 @@ function useFocusWithin(ref) {
         }
         return ref.current.contains(document.activeElement);
     };
-    var _React_useState = _slicedToArray(_react.default.useState(isFocusWithin), 2), focusWithin = _React_useState[0], setFocusWithin = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.default.useState(isFocusWithin), 2), focusWithin = _React_useState[0], setFocusWithin = _React_useState[1];
     var listener = function() {
         var focus = isFocusWithin();
         focus !== focusWithin && setFocusWithin(focus);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","ref","document","useDOM","isFocusWithin","current","contains","activeElement","React","useState","focusWithin","setFocusWithin","listener","focus","useGlobalEventListener","capture"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;0DAJE;mBACK;sCACgB;AAEhC,SAASA,eAAeC,GAAwC,EAAW;IAChF,IAAM,AAAEC,WAAaC,IAAAA,WAAM,IAAnBD;IACR,IAAME,gBAAgB,WAAM;QAC1B,IAAI,CAACH,IAAII,OAAO,IAAI,CAACH,UAAU;YAC7B,OAAO,KAAK;QACd,CAAC;QAED,OAAOD,IAAII,OAAO,CAACC,QAAQ,CAACJ,SAASK,aAAa;IACpD;IAEA,IAAsCC,iCAAAA,cAAK,CAACC,QAAQ,CAAUL,oBAAvDM,cAA+BF,oBAAlBG,iBAAkBH;IAEtC,IAAMI,WAAW,WAAM;QACrB,IAAMC,QAAQT;QACdS,UAAUH,eAAeC,eAAeE;IAC1C;IAEAC,IAAAA,8CAAsB,EAACZ,UAAU,SAASU,UAAU;QAAEG,SAAS,IAAI;IAAC;IACpED,IAAAA,8CAAsB,EAACZ,UAAU,QAAQU,UAAU;QAAEG,SAAS,IAAI;IAAC;IAEnE,OAAOL;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","ref","document","useDOM","isFocusWithin","current","contains","activeElement","React","useState","focusWithin","setFocusWithin","listener","focus","useGlobalEventListener","capture"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;8DAJE;mBACK;sCACgB;AAEhC,SAASA,eAAeC,GAAwC;IACrE,IAAM,AAAEC,WAAaC,IAAAA,eAAbD;IACR,IAAME,gBAAgB;QACpB,IAAI,CAACH,IAAII,WAAW,CAACH,UAAU;YAC7B,OAAO;QACT;QAEA,OAAOD,IAAII,QAAQC,SAASJ,SAASK;IACvC;IAEA,IAAsCC,qCAAAA,eAAMC,SAAkBL,oBAAvDM,cAA+BF,oBAAlBG,iBAAkBH;IAEtC,IAAMI,WAAW;QACf,IAAMC,QAAQT;QACdS,UAAUH,eAAeC,eAAeE;IAC1C;IAEAC,IAAAA,gDAAuBZ,UAAU,SAASU,UAAU;QAAEG,SAAS;IAAK;IACpED,IAAAA,gDAAuBZ,UAAU,QAAQU,UAAU;QAAEG,SAAS;IAAK;IAEnE,OAAOL;AACT"}

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"mappings":";;;;+BAegBA;;;eAAAA;;;yCAf0B;gCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;IACA,IAAMC,WAAWC,IAAAA,kCAAgB,EAACJ,OAAOC,IAAIC;IAC7CG,IAAAA,oDAAyB,EAAC,WAAM;QAC9B,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,GAAG,CAACP;QACf,OAAO;YACLI,SAASI,MAAM;QACjB,CAAC;IACH,GAAG;QAACC,QAAQP;QAAKO,QAAQT;KAAS;AACpC"}
+{"version":3,"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"],"names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"mappings":";;;;+BAegBA;;;eAAAA;;;yCAf0B;gCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,IAAMC,WAAWC,IAAAA,oCAAiBJ,OAAOC,IAAIC;IAC7CG,IAAAA,sDAA0B;QACxB,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,IAAIP;QACf,OAAO;YACLI,SAASI;QACX;IACF,GAAG;QAACC,QAAQP;QAAKO,QAAQT;KAAS;AACpC"}

package/dist/cjs/hooks/useId.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "useId", {
         return useId;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(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 id = 0;
 // TODO [react@>=18]: Remove after React 18
 function useIncrementingCounterID() {
-    var _React_useState = _slicedToArray(_react.useState(function() {
+    var _React_useState = _sliced_to_array._(_react.useState(function() {
         return id++;
     }), 1), state = _React_useState[0];
     return ":r".concat(state, ":");

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

@@ -1 +1 @@
-{"version":3,"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 [react@>=18]: 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"],"names":["useId","maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;2DAfU;AAEvB,iEAAiE;AACjE,2HAA2H;AAC3H,IAAMC,kBAA8C,AAACC,MAAa,CAAC,QAAQC,QAAQ,GAAG;AAEtF,IAAIC,KAAK;AAET,2CAA2C;AAC3C,SAASC,2BAAmC;IAC1C,IAAgBH,iCAAAA,OAAMI,QAAQ,CAAC;eAAMF;YAA9BG,QAASL;IAEhB,OAAO,AAAC,KAAU,OAANK,OAAM;AACpB;AAEO,IAAMP,QAAsBC,4BAAAA,6BAAAA,kBAAmBI,wBAAwB"}
+{"version":3,"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 [react@>=18]: 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"],"names":["useId","maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;+DAfU;AAEvB,iEAAiE;AACjE,2HAA2H;AAC3H,IAAMC,kBAA8C,AAACC,MAAa,CAAC,QAAQC,WAAW;AAEtF,IAAIC,KAAK;AAET,2CAA2C;AAC3C,SAASC;IACP,IAAgBH,qCAAAA,OAAMI,SAAS;eAAMF;YAA9BG,QAASL;IAEhB,OAAO,AAAC,KAAU,OAANK,OAAM;AACpB;AAEO,IAAMP,QAAsBC,4BAAAA,6BAAAA,kBAAmBI"}

package/dist/cjs/hooks/useInsets.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "useInsets", {
         return useInsets;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _vkBridge = /*#__PURE__*/ _interopRequireDefault(require("@vkontakte/vk-bridge"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _vkbridge = /*#__PURE__*/ _interop_require_default._(require("@vkontakte/vk-bridge"));
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var initialState = {
     bottom: null,
@@ -29,21 +29,21 @@ function resolveInsets(e) {
         case "VKWebAppUpdateInsets":
             var insets = data.insets;
             if (insets) {
-                return _objectSpreadProps(_objectSpread({}, insets), {
+                return _object_spread_props._(_object_spread._({}, insets), {
                     bottom: insets.bottom > 150 ? 0 : insets.bottom
                 });
             }
     }
     return null;
 }
-_vkBridge.default.subscribe(function(e) {
+_vkbridge.default.subscribe(function(e) {
     var insets = resolveInsets(e);
     if (insets) {
         initialState = insets;
     }
 });
 function useInsets() {
-    var _React_useState = _slicedToArray(_react.useState(initialState), 2), insets = _React_useState[0], setInsets = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(initialState), 2), insets = _React_useState[0], setInsets = _React_useState[1];
     (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
         var connectListener = function connectListener(e) {
             var insets = resolveInsets(e);
@@ -51,9 +51,9 @@ function useInsets() {
                 setInsets(insets);
             }
         };
-        _vkBridge.default.subscribe(connectListener);
+        _vkbridge.default.subscribe(connectListener);
         return function() {
-            _vkBridge.default.unsubscribe(connectListener);
+            _vkbridge.default.unsubscribe(connectListener);
         };
     }, []);
     return insets;

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useInsets","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","React","useState","setInsets","useIsomorphicLayoutEffect","connectListener","unsubscribe"],"mappings":";;;;+BAkDgBA;;;eAAAA;;;;;;;;2DAlDO;6DAC0B;yCACP;AAS1C,IAAIC,eAAuB;IACzBC,QAAQ,IAAI;IACZC,KAAK,IAAI;IACTC,MAAM,IAAI;IACVC,OAAO,IAAI;AACb;AAWA,SAASC,cAAcC,CAAc,EAAiB;IACpD,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,qCACFA;oBACHT,QAAQS,OAAOT,MAAM,GAAG,MAAM,IAAIS,OAAOT,MAAM;;YAEnD,CAAC;IACL;IACA,OAAO,IAAI;AACb;AAEAU,iBAAQ,CAACC,SAAS,CAAC,SAACN,GAAmB;IACrC,IAAMI,SAASL,cAAcC;IAC7B,IAAII,QAAQ;QACVV,eAAeU;IACjB,CAAC;AACH;AAEO,SAASX,YAAoB;IAClC,IAA4Bc,iCAAAA,OAAMC,QAAQ,CAASd,mBAA5CU,SAAqBG,oBAAbE,YAAaF;IAE5BG,IAAAA,oDAAyB,EAAC,WAAM;YACrBC,kBAAT,SAASA,gBAAgBX,CAAc,EAAE;YACvC,IAAMI,SAASL,cAAcC;YAC7B,IAAII,QAAQ;gBACVK,UAAUL;YACZ,CAAC;QACH;QAEAC,iBAAQ,CAACC,SAAS,CAACK;QACnB,OAAO,WAAM;YACXN,iBAAQ,CAACO,WAAW,CAACD;QACvB;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}
+{"version":3,"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"],"names":["useInsets","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","React","useState","setInsets","useIsomorphicLayoutEffect","connectListener","unsubscribe"],"mappings":";;;;+BAkDgBA;;;eAAAA;;;;;;;;+DAlDO;iEAC0B;yCACP;AAS1C,IAAIC,eAAuB;IACzBC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,OAAO;AACT;AAWA,SAASC,cAAcC,CAAc;IACnC,IAAuBA,YAAAA,EAAEC,QAAjBC,OAAeF,UAAfE,MAAMC,OAASH,UAATG;IACd,OAAQD;QACN,KAAK;QACL,KAAK;YACH,IAAM,AAAEE,SAAWD,KAAXC;YACR,IAAIA,QAAQ;gBACV,OAAO,4CACFA;oBACHT,QAAQS,OAAOT,SAAS,MAAM,IAAIS,OAAOT;;YAE7C;IACJ;IACA,OAAO;AACT;AAEAU,kBAASC,UAAU,SAACN;IAClB,IAAMI,SAASL,cAAcC;IAC7B,IAAII,QAAQ;QACVV,eAAeU;IACjB;AACF;AAEO,SAASX;IACd,IAA4Bc,qCAAAA,OAAMC,SAAiBd,mBAA5CU,SAAqBG,oBAAbE,YAAaF;IAE5BG,IAAAA,sDAA0B;YACfC,kBAAT,SAASA,gBAAgBX,CAAc;YACrC,IAAMI,SAASL,cAAcC;YAC7B,IAAII,QAAQ;gBACVK,UAAUL;YACZ;QACF;QAEAC,kBAASC,UAAUK;QACnB,OAAO;YACLN,kBAASO,YAAYD;QACvB;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}

package/dist/cjs/hooks/useIsClient.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "useIsClient", {
         return useIsClient;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useIsClient() {
     var initial = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    var _React_useState = _slicedToArray(_react.useState(initial), 2), isClient = _React_useState[0], setIsClient = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(initial), 2), isClient = _React_useState[0], setIsClient = _React_useState[1];
     _react.useEffect(function() {
         setIsClient(true);
     }, []);

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["useIsClient","initial","React","useState","isClient","setIsClient","useEffect"],"mappings":";;;;+BAUgBA;;;eAAAA;;;;;2DAVO;AAUhB,SAASA,cAA6B;QAAjBC,UAAAA,iEAAU,KAAK;IACzC,IAAgCC,iCAAAA,OAAMC,QAAQ,CAACF,cAAxCG,WAAyBF,oBAAfG,cAAeH;IAEhCA,OAAMI,SAAS,CAAC,WAAM;QACpBD,YAAY,IAAI;IAClB,GAAG,EAAE;IAEL,OAAOD;AACT"}
+{"version":3,"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"],"names":["useIsClient","initial","React","useState","isClient","setIsClient","useEffect"],"mappings":";;;;+BAUgBA;;;eAAAA;;;;;+DAVO;AAUhB,SAASA;QAAYC,UAAAA,iEAAU;IACpC,IAAgCC,qCAAAA,OAAMC,SAASF,cAAxCG,WAAyBF,oBAAfG,cAAeH;IAEhCA,OAAMI,UAAU;QACdD,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

package/dist/cjs/hooks/useKeyboard.js

@@ -16,9 +16,9 @@ _export(exports, {
         return useKeyboard;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
 function getPreciseKeyboardState(window) {
@@ -33,7 +33,7 @@ var eventOptions = {
 function useKeyboard() {
     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 _React_useState = _sliced_to_array._(_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");

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;;+DA3BO;mBACA;sCACgB;AAUhC,SAASD,wBAAwBE,MAAW;IACjD,IACEC,cAEED,OAFFC,aACAC,AAAUC,cACRH,OADFE,OAAUC;IAGZ,IAAMC,4BAA4BC,KAAKC,MAAM,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,IAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEO,SAASV;QAaXW;IAZH,IAAM,AAAEA,WAAaC,IAAAA,eAAbD;IAER,IAAgCE,qCAAAA,OAAMC,SAAS,YAAxCC,WAAyBF,oBAAfG,cAAeH;IAEhC,IAAMI,UAAUJ,OAAMK,YACpB,SAACC;YAGIR,yBACCA;QAHJ,IAAMI,WACJ,AAACI,CAAAA,UAAU,QAAQA,MAAMC,SAAS,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUU,2BAAVV,qCAAAA,KAAAA,IAAAA,wBAAyBW,OAAH,MAAe,WACpCX,CAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,SAAUU,2BAAVV,sCAAAA,KAAAA,IAAAA,yBAAyBW,OAAH,MAAe,UAAS;QAClDN,YAAYD;IACd,GACA;QAACJ,qBAAAA,sBAAAA,KAAAA,IAAAA,CAAAA,0BAAAA,SAAUU,2BAAVV,qCAAAA,KAAAA,IAAAA,wBAAyBW;KAAQ;IAGpC;;;GAGC,GACDT,OAAMU,UAAU;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZO,IAAAA,gDAAuBb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,gDAAuBb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEO,UAAAA;IAAS;AACpB"}

package/dist/cjs/hooks/useKeyboardInputTracker.js

@@ -19,9 +19,9 @@ _export(exports, {
         return useKeyboardInputTracker;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _accessibility = require("../lib/accessibility");
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
@@ -29,7 +29,7 @@ var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
 var DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
 function useKeyboardInputTracker() {
     var document = (0, _dom.useDOM)().document;
-    var _React_useState = _slicedToArray(_react.useState(false), 2), isKeyboardInputActive = _React_useState[0], toggleKeyboardInput = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(false), 2), isKeyboardInputActive = _React_useState[0], toggleKeyboardInput = _React_useState[1];
     var enableKeyboardInput = _react.useCallback(function() {
         toggleKeyboardInput(true);
     }, []);

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;;+DARO;6BACU;mBACV;sCACgB;AAEhC,IAAMF,mCAAmC;AACzC,IAAMC,oCAAoC;AAE1C,SAASC;IACd,IAAM,AAAEC,WAAaC,IAAAA,eAAbD;IAER,IAAqDE,qCAAAA,OAAMC,SAAkB,YAAtEC,wBAA8CF,oBAAvBG,sBAAuBH;IAErD,IAAMI,sBAAsBJ,OAAMK,YAAY;QAC5CF,oBAAoB;IACtB,GAAG,EAAE;IAEL,IAAMG,gBAAgBN,OAAMK,YAC1B,SAACE;QACC,IAAIC,IAAAA,2BAAWD,OAAOE,oBAAKC,KAAK;YAC9BN;QACF;IACF,GACA;QAACA;KAAoB;IAGvB,IAAMO,uBAAuBX,OAAMK,YAAY;QAC7CF,oBAAoB;IACtB,GAAG,EAAE;IAEL,IAAMS,eAAe;QACnBC,SAAS;QACTC,SAAS;IACX;IAEAC,IAAAA,gDAAuBjB,UAAU,WAAWQ,eAAeM;IAC3DG,IAAAA,gDAAuBjB,UAAU,aAAaa,sBAAsBC;IACpEG,IAAAA,gDAAuBjB,UAAU,cAAca,sBAAsBC;IACrEG,IAAAA,gDACEjB,UACAH,kCACAS,qBACAQ;IAEFG,IAAAA,gDACEjB,UACAF,mCACAe,sBACAC;IAGF,OAAOV;AACT"}

package/dist/cjs/hooks/useMediaQueries.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "useMediaQueries", {
         return useMediaQueries;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _adaptivity = require("../lib/adaptivity");
 var _browser = require("../lib/browser");
 var _dom = require("../lib/dom");

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;+DAlCU;0BAC0B;uBAClB;mBACR;AAuBvB,IAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAKO,IAAMJ,kBAAkB;IAC7B,IAAM,AAAEE,SAAWG,IAAAA,eAAXH;IAER,OAAOI,OAAMC,QACX,SAASC;QACP,IAAIP,mBAAmBC,WAAWA,UAAUD,mBAAmBG,iBAAiB,MAAM;YACpF,OAAOH,mBAAmBG;QAC5B;QAEA,IAAMK,aAAaP,SAASA,OAAOO,WAAWC,KAAKR,UAAUS;QAE7DV,mBAAmBC,SAASA;QAC5BD,mBAAmBG,eAAe;YAChCQ,aAAaH,WAAWI,0BAAcC;YACtCC,iBAAiBN,WAAWI,0BAAcG;YAC1CC,QAAQR,WAAWI,0BAAcK;YACjCC,aAAaV,WAAWI,0BAAcO;YACtCC,QAAQZ,WAAWI,0BAAcS;YACjCC,cAAcd,WAAWI,0BAAcW;YACvCC,uBAAuBhB,WAAWI,0BAAca;QAClD;QAEA,OAAOzB,mBAAmBG;IAC5B,GACA;QAACF;KAAO;AAEZ"}

package/dist/cjs/hooks/useObjectMemo.js

@@ -16,8 +16,8 @@ _export(exports, {
         return useObjectMemo;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(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];