@vkontakte/vkui 6.0.2 → 6.1.0

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

@@ -3,14 +3,14 @@ export interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
     value?: V;
     defaultValue: V;
     disabled?: boolean | undefined;
-    onChange?(this: void, e: E): any;
+    onChange?: (this: void, e: E) => any;
 }
 export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>({ onChange: onChangeProp, disabled, ...props }: UseEnsuredControlProps<V, E>): [V, (e: E) => any];
 export interface UseCustomEnsuredControlProps<V> {
     value?: V;
     defaultValue: V;
     disabled?: boolean | undefined;
-    onChange?(this: void, v: V): any;
+    onChange?: (this: void, v: V) => any;
 }
 export declare function useCustomEnsuredControl<V = any>({ value, defaultValue, disabled, onChange: onChangeProp, }: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>];
 //# sourceMappingURL=useEnsuredControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEnsuredControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEnsuredControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;IACzE,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;CAClC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EACrE,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAgBnD;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;CAClC;AAED,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,GAAG,EAAE,EAC/C,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EAAE,YAAY,GACvB,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAyChF"}
+{"version":3,"file":"useEnsuredControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEnsuredControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;IACzE,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC;CACtC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EACrE,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAgBnD;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC;CACtC;AAED,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,GAAG,EAAE,EAC/C,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EAAE,YAAY,GACvB,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAyChF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?(this: void, e: E): any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (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\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?(this: void, v: V): any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n  const preservedControlledValueRef = React.useRef<V>();\n\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: V | ((prevValue: any) => V)) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          const resolvedValue = nextValue(preservedControlledValueRef.current);\n          onChangeProp(resolvedValue);\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["useCustomEnsuredControl","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","useIsomorphicLayoutEffect","current","nextValue","isFunction","prevValue","resolvedValue"],"mappings":";;;;;;;;;;;IAwCgBA,uBAAuB;eAAvBA;;IA7BAC,iBAAiB;eAAjBA;;;;;iEAXO;sBACI;2CACe;AASnC,SAASA,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,qCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGP,wBAAwBK;IAEvD,MAAMH,WAAWM,OAAMC,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASF,wBAAiC,EAC/CM,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGR,OAAMS,QAAQ,CAACL;IACnD,MAAMM,8BAA8BV,OAAMW,MAAM;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBF,4BAA4BG,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWM,OAAMC,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAImB,IAAAA,gBAAU,EAACD,YAAY;YACzB,IAAI,CAACT,cAAc;gBACjBG,cAAc,CAACQ;oBACb,MAAMC,gBAAgBH,UAAUE;oBAChC,IAAIrB,cAAc;wBAChBA,aAAasB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAItB,cAAc;gBACvB,MAAMsB,gBAAgBH,UAAUJ,4BAA4BG,OAAO;gBACnElB,aAAasB;YACf;QACF,OAAO;YACL,IAAItB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACT,cAAc;gBACjBG,cAAcM;YAChB;QACF;IACF,GACA;QAAClB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (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\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, v: V) => any;\n}\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n  const preservedControlledValueRef = React.useRef<V>();\n\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: V | ((prevValue: any) => V)) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          const resolvedValue = nextValue(preservedControlledValueRef.current);\n          onChangeProp(resolvedValue);\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["useCustomEnsuredControl","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","useIsomorphicLayoutEffect","current","nextValue","isFunction","prevValue","resolvedValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwCgBA,uBAAuB;eAAvBA;;IA7BAC,iBAAiB;eAAjBA;;;;;iEAXO;sBACI;2CACe;AASnC,SAASA,kBAAuD;QAAA,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EAEqB,GAJwC,QAGlEC,qCAHkE;QACrEH;QACAE;;IAGA,MAAM,CAACE,OAAOC,cAAc,GAAGP,wBAAwBK;IAEvD,MAAMH,WAAWM,OAAMC,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASF,wBAAiC,EAC/CM,KAAK,EACLM,YAAY,EACZR,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMU,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGR,OAAMS,QAAQ,CAACL;IACnD,MAAMM,8BAA8BV,OAAMW,MAAM;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBF,4BAA4BG,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWM,OAAMC,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAImB,IAAAA,gBAAU,EAACD,YAAY;YACzB,IAAI,CAACT,cAAc;gBACjBG,cAAc,CAACQ;oBACb,MAAMC,gBAAgBH,UAAUE;oBAChC,IAAIrB,cAAc;wBAChBA,aAAasB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAItB,cAAc;gBACvB,MAAMsB,gBAAgBH,UAAUJ,4BAA4BG,OAAO;gBACnElB,aAAasB;YACf;QACF,OAAO;YACL,IAAItB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACT,cAAc;gBACjBG,cAAcM;YAChB;QACF;IACF,GACA;QAAClB;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}

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;;;;;iEApBO;sBACF;qBACK;2CACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,MAAMO,KAAKJ,OAAMK,WAAW,CAAC,CAACC,IAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,MAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,MAAME,MAAMV,OAAMK,WAAW,CAC3B,CAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG,IAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC,IAAMP,QAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKD;QAAO,CAAA,GAAI;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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBgBA;;;eAAAA;;;;;iEApBO;sBACF;qBACK;2CACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,MAAMO,KAAKJ,OAAMK,WAAW,CAAC,CAACC,IAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,MAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,MAAME,MAAMV,OAAMK,WAAW,CAC3B,CAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG,IAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC,IAAMP,QAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}

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;;;;iEAHO;uBACA;AAEhB,SAASA,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;uBACA;AAEhB,SAASA,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDR;AAEJ"}

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(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","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;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","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["focusVisiblePresetModeClassNames","useFocusVisibleClassName","inside","outside","isPresetMode","mode","focusVisible","modeClassName","focusVisibleClassNames","classNames"],"mappings":";;;;;;;;;;;IAIaA,gCAAgC;eAAhCA;;IA8BGC,wBAAwB;eAAxBA;;;sBAlCW;AAIpB,MAAMD,mCAAmC;IAC9CE,MAAM;IACNC,OAAO;AACT;AAMA,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAoBzB,SAASJ,yBAAyB,EACvCK,eAAe,KAAK,EACpBD,OAAO,QAAQ,EACe;IAC9B,MAAME,gBAAgBH,aAAaC,QAAQL,gCAAgC,CAACK,KAAK,GAAGA;IAEpF,MAAMG,yBAAyBC,IAAAA,gBAAU,wBAEvCH,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["focusVisiblePresetModeClassNames","useFocusVisibleClassName","inside","outside","isPresetMode","mode","focusVisible","modeClassName","focusVisibleClassNames","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,gCAAgC;eAAhCA;;IA8BGC,wBAAwB;eAAxBA;;;sBAlCW;AAIpB,MAAMD,mCAAmC;IAC9CE,MAAM;IACNC,OAAO;AACT;AAMA,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAoBzB,SAASJ,yBAAyB,EACvCK,eAAe,KAAK,EACpBD,OAAO,QAAQ,EACe;IAC9B,MAAME,gBAAgBH,aAAaC,QAAQL,gCAAgC,CAACK,KAAK,GAAGA;IAEpF,MAAMG,yBAAyBC,IAAAA,gBAAU,wBAEvCH,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","isFocusWithin","ref","document","contains","activeElement","useDOM","focusWithin","setFocusWithin","React","useState","current","useIsomorphicLayoutEffect","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;qBACA;2CACmB;AAE1C,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAE9B,SAASL,eAAeE,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGG,IAAAA,WAAM;IAC3B,MAAM,CAACC,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAAU,IAC5DR,IAAIS,OAAO,IAAIR,WAAWF,cAAcC,IAAIS,OAAO,EAAER,YAAY;IAGnES,IAAAA,oDAAyB,EAAC,SAASC;QACjC,oIAAoI,GACpI,IAAI,CAACV,UAAU;YACb;QACF;QAEA,MAAMW,0BAA0B;YAC9B,IAAIZ,IAAIS,OAAO,EAAE;gBACfH,eAAeP,cAAcC,IAAIS,OAAO,EAAER;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKW;QAELX,SAASY,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5Eb,SAASY,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/Eb,SAASc,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOT;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","isFocusWithin","ref","document","contains","activeElement","useDOM","focusWithin","setFocusWithin","React","useState","current","useIsomorphicLayoutEffect","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;qBACA;2CACmB;AAE1C,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAE9B,SAASL,eAAeE,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGG,IAAAA,WAAM;IAC3B,MAAM,CAACC,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAAU,IAC5DR,IAAIS,OAAO,IAAIR,WAAWF,cAAcC,IAAIS,OAAO,EAAER,YAAY;IAGnES,IAAAA,oDAAyB,EAAC,SAASC;QACjC,oIAAoI,GACpI,IAAI,CAACV,UAAU;YACb;QACF;QAEA,MAAMW,0BAA0B;YAC9B,IAAIZ,IAAIS,OAAO,EAAE;gBACfH,eAAeP,cAAcC,IAAIS,OAAO,EAAER;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKW;QAELX,SAASY,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5Eb,SAASY,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/Eb,SAASc,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOT;AACT"}

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

@@ -0,0 +1,7 @@
+/**
+ * Завязывается на document.
+ *
+ * @private
+ */
+export declare const useGlobalEscKeyDown: (init: boolean, callback?: (event: KeyboardEvent) => void) => void;
+//# sourceMappingURL=useGlobalEscKeyDown.d.ts.map

package/dist/cjs/hooks/useGlobalEscKeyDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalEscKeyDown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,SAAU,OAAO,aAAa,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,SAgB3F,CAAC"}

package/dist/cjs/hooks/useGlobalEscKeyDown.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useGlobalEscKeyDown", {
+    enumerable: true,
+    get: function() {
+        return useGlobalEscKeyDown;
+    }
+});
+const _accessibility = require("../lib/accessibility");
+const _dom = require("../lib/dom");
+const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
+const EVENT_OPTIONS = {
+    passive: true,
+    capture: true
+};
+const useGlobalEscKeyDown = (init, callback)=>{
+    const { document } = (0, _dom.useDOM)();
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{
+        if (!document || !init || !callback) {
+            return;
+        }
+        const handleKeyDown = (event)=>{
+            if ((0, _accessibility.pressedKey)(event) === _accessibility.Keys.ESCAPE) {
+                callback(event);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);
+        return ()=>{
+            document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);
+        };
+    }, [
+        init,
+        document,
+        callback
+    ]);
+};
+
+//# sourceMappingURL=useGlobalEscKeyDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["useGlobalEscKeyDown","EVENT_OPTIONS","passive","capture","init","callback","document","useDOM","useIsomorphicLayoutEffect","handleKeyDown","event","pressedKey","Keys","ESCAPE","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;+BAdoB;qBACV;2CACmB;AAE1C,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAOO,MAAMH,sBAAsB,CAACI,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAMI,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,yBAAU,EAACD,WAAWE,mBAAI,CAACC,MAAM,EAAE;gBACrCR,SAASK;YACX;QACF;QACAJ,SAASQ,gBAAgB,CAAC,WAAWL,eAAeR;QACpD,OAAO;YACLK,SAASS,mBAAmB,CAAC,WAAWN,eAAeR;QACzD;IACF,GAAG;QAACG;QAAME;QAAUD;KAAS;AAC/B"}

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;;;2CAf0B;kCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWC,IAAAA,kCAAgB,EAACJ,OAAOC,IAAIC;IAC7CG,IAAAA,oDAAyB,EAAC;QACxB,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,GAAG,CAACP;QACf,OAAO;YACLI,SAASI,MAAM;QACjB;IACF,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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAegBA;;;eAAAA;;;2CAf0B;kCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWC,IAAAA,kCAAgB,EAACJ,OAAOC,IAAIC;IAC7CG,IAAAA,oDAAyB,EAAC;QACxB,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,GAAG,CAACP;QACf,OAAO;YACLI,SAASI,MAAM;QACjB;IACF,GAAG;QAACC,QAAQP;QAAKO,QAAQT;KAAS;AACpC"}

package/dist/cjs/hooks/useGlobalOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,uHAIhB,UAAU,KAAK,IAAI,uBA0BtC,CAAC"}
+{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,+GAIxB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["useGlobalOnClickOutside","callback","refs","document","useDOM","useIsomorphicLayoutEffect","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","isElement","contains","addEventListener","passive","capture","removeEventListener"],"mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qBACW;2CACQ;AAOnC,MAAMA,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,MAAMC,iBAAiBJ,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACN,YAAY,CAACG,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJC,IAAAA,cAAS,EAACH,aACVV,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACO,QAAQ,CAACJ;YAChE,IAAI,CAACE,oBAAoB;gBACvBb,SAASU;YACX;QACF;QACAR,SAASc,gBAAgB,CAAC,SAASP,aAAa;YAC9CQ,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLhB,SAASiB,mBAAmB,CAAC,SAASV,aAAa;QACrD;IACF,GAAG;QAACP;QAAUF;WAAaC;KAAK;AAClC"}
+{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["useGlobalOnClickOutside","callback","refs","document","useDOM","useIsomorphicLayoutEffect","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","isElement","contains","addEventListener","passive","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qBACW;2CACQ;AAOnC,MAAMA,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,MAAMC,iBAAiBJ,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACN,YAAY,CAACG,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJC,IAAAA,cAAS,EAACH,aACVV,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACO,QAAQ,CAACJ;YAChE,IAAI,CAACE,oBAAoB;gBACvBb,SAASU;YACX;QACF;QACAR,SAASc,gBAAgB,CAAC,SAASP,aAAa;YAC9CQ,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLhB,SAASiB,mBAAmB,CAAC,SAASV,aAAa;QACrD;IACF,GAAG;QAACP;QAAUF;WAAaC;KAAK;AAClC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\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  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["useIsClient","initial","isClient","setIsClient","React","useState","useIsomorphicLayoutEffect"],"mappings":";;;;+BAWgBA;;;eAAAA;;;;iEAXO;2CACmB;AAUnC,SAASA,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAACJ;IAE/CK,IAAAA,oDAAyB,EAAC;QACxBH,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\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  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["useIsClient","initial","isClient","setIsClient","React","useState","useIsomorphicLayoutEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWgBA;;;eAAAA;;;;iEAXO;2CACmB;AAUnC,SAASA,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAACJ;IAE/CK,IAAAA,oDAAyB,EAAC;QACxBH,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

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","isOpened","setIsOpened","React","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"mappings":";;;;;;;;;;;IAYgBA,uBAAuB;eAAvBA;;IAeAC,WAAW;eAAXA;;;;iEA3BO;qBACA;wCACgB;AAUhC,SAASD,wBAAwBE,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEO,SAASV;QAaXW;IAZH,MAAM,EAAEA,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3B,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAE/C,MAAMC,UAAUF,OAAMG,WAAW,CAC/B,CAACC;YAGIR,yBACCA;QAHJ,MAAME,WACJ,AAACM,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO,MAAK,WACpCX,CAAAA,qBAAAA,gCAAAA,2BAAAA,SAAUU,aAAa,cAAvBV,+CAAAA,yBAAyBW,OAAO,MAAK,UAAS;QAClDR,YAAYD;IACd,GACA;QAACF,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO;KAAC;IAGpC;;;GAGC,GACDP,OAAMQ,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZO,IAAAA,8CAAsB,EAACb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,8CAAsB,EAACb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEK;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","isOpened","setIsOpened","React","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYgBA,uBAAuB;eAAvBA;;IAeAC,WAAW;eAAXA;;;;iEA3BO;qBACA;wCACgB;AAUhC,SAASD,wBAAwBE,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEO,SAASV;QAaXW;IAZH,MAAM,EAAEA,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3B,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAE/C,MAAMC,UAAUF,OAAMG,WAAW,CAC/B,CAACC;YAGIR,yBACCA;QAHJ,MAAME,WACJ,AAACM,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO,MAAK,WACpCX,CAAAA,qBAAAA,gCAAAA,2BAAAA,SAAUU,aAAa,cAAvBV,+CAAAA,yBAAyBW,OAAO,MAAK,UAAS;QAClDR,YAAYD;IACd,GACA;QAACF,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO;KAAC;IAGpC;;;GAGC,GACDP,OAAMQ,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZO,IAAAA,8CAAsB,EAACb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,8CAAsB,EAACb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEK;IAAS;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["DISABLE_KEYBOARD_INPUT_EVENT_NAME","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","EVENT_OPTIONS","passive","capture","document","useDOM","keyboardFocusingStartedRef","React","useRef","useIsomorphicLayoutEffect","handleKeydown","event","isKeyboardFocusingStarted","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;IAMaA,iCAAiC;eAAjCA;;IADAC,gCAAgC;eAAhCA;;IA0BGC,uBAAuB;eAAvBA;;;;iEA/BO;+BACmB;qBACnB;2CACmB;AAEnC,MAAMD,mCAAmC;AACzC,MAAMD,oCAAoC;AAEjD,MAAMG,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAoBO,SAASH;IACd,MAAM,EAAEI,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,6BAA6BC,OAAMC,MAAM,CAAC;IAEhDC,IAAAA,oDAAyB,EAAC;QACxB,oIAAoI,GACpI,IAAI,CAACL,UAAU;YACb;QACF;QAEA,MAAMM,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,wCAAyB,EAACD,QAAQ;gBACpCL,2BAA2BO,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCR,2BAA2BO,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCT,2BAA2BO,OAAO,GAAG;QACvC;QAEAT,SAASY,gBAAgB,CAAC,WAAWN,eAAeT;QACpDG,SAASY,gBAAgB,CAACjB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;QAC/HG,SAASY,gBAAgB,CAAClB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;QACjIG,SAASY,gBAAgB,CAAC,aAAaD,kCAAkCd;QACzEG,SAASY,gBAAgB,CAAC,cAAcD,kCAAkCd;QAE1E,OAAO;YACLG,SAASa,mBAAmB,CAAC,WAAWP,eAAeT;YACvDG,SAASa,mBAAmB,CAAClB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;YAClIG,SAASa,mBAAmB,CAACnB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;YACpIG,SAASa,mBAAmB,CAAC,aAAaF,kCAAkCd;YAC5EG,SAASa,mBAAmB,CAAC,cAAcF,kCAAkCd;QAC/E;IACF,GAAG;QAACG;KAAS;IAEb,OAAOE;AACT"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["DISABLE_KEYBOARD_INPUT_EVENT_NAME","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","EVENT_OPTIONS","passive","capture","document","useDOM","keyboardFocusingStartedRef","React","useRef","useIsomorphicLayoutEffect","handleKeydown","event","isKeyboardFocusingStarted","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,iCAAiC;eAAjCA;;IADAC,gCAAgC;eAAhCA;;IA0BGC,uBAAuB;eAAvBA;;;;iEA/BO;+BACmB;qBACnB;2CACmB;AAEnC,MAAMD,mCAAmC;AACzC,MAAMD,oCAAoC;AAEjD,MAAMG,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAoBO,SAASH;IACd,MAAM,EAAEI,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,6BAA6BC,OAAMC,MAAM,CAAC;IAEhDC,IAAAA,oDAAyB,EAAC;QACxB,oIAAoI,GACpI,IAAI,CAACL,UAAU;YACb;QACF;QAEA,MAAMM,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,wCAAyB,EAACD,QAAQ;gBACpCL,2BAA2BO,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCR,2BAA2BO,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCT,2BAA2BO,OAAO,GAAG;QACvC;QAEAT,SAASY,gBAAgB,CAAC,WAAWN,eAAeT;QACpDG,SAASY,gBAAgB,CAACjB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;QAC/HG,SAASY,gBAAgB,CAAClB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;QACjIG,SAASY,gBAAgB,CAAC,aAAaD,kCAAkCd;QACzEG,SAASY,gBAAgB,CAAC,cAAcD,kCAAkCd;QAE1E,OAAO;YACLG,SAASa,mBAAmB,CAAC,WAAWP,eAAeT;YACvDG,SAASa,mBAAmB,CAAClB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;YAClIG,SAASa,mBAAmB,CAACnB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;YACpIG,SAASa,mBAAmB,CAAC,aAAaF,kCAAkCd;YAC5EG,SAASa,mBAAmB,CAAC,cAAcF,kCAAkCd;QAC/E;IACF,GAAG;QAACG;KAAS;IAEb,OAAOE;AACT"}

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;;;;iEAlCU;4BAC0B;yBAClB;qBACR;AAuBvB,MAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAKO,MAAMJ,kBAAkB;IAC7B,MAAM,EAAEE,MAAM,EAAE,GAAGG,IAAAA,WAAM;IAEzB,OAAOC,OAAMC,OAAO,CAClB,SAASC;QACP,IAAIP,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,MAAM;YACpF,OAAOH,mBAAmBG,YAAY;QACxC;QAEA,MAAMK,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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkCaA;;;eAAAA;;;;iEAlCU;4BAC0B;yBAClB;qBACR;AAuBvB,MAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAKO,MAAMJ,kBAAkB;IAC7B,MAAM,EAAEE,MAAM,EAAE,GAAGG,IAAAA,WAAM;IAEzB,OAAOC,OAAMC,OAAO,CAClB,SAASC;QACP,IAAIP,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,MAAM;YACpF,OAAOH,mBAAmBG,YAAY;QACxC;QAEA,MAAMK,aAAaP,SAASA,OAAOO,UAAU,CAACC,IAAI,CAACR,UAAUS,uBAAc;QAE3EV,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCQ,aAAaH,WAAWI,yBAAa,CAACC,YAAY;YAClDC,iBAAiBN,WAAWI,yBAAa,CAACG,iBAAiB;YAC3DC,QAAQR,WAAWI,yBAAa,CAACK,MAAM;YACvCC,aAAaV,WAAWI,yBAAa,CAACO,YAAY;YAClDC,QAAQZ,WAAWI,yBAAa,CAACS,MAAM;YACvCC,cAAcd,WAAWI,yBAAa,CAACW,aAAa;YACpDC,uBAAuBhB,WAAWI,yBAAa,CAACa,uBAAuB;QACzE;QAEA,OAAOzB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ"}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const useNativeFormResetListener: (ref: React.RefObject<HTMLElement>, handler: (event: Event) => void) => void;
+//# sourceMappingURL=useNativeFormResetListener.d.ts.map

package/dist/cjs/hooks/useNativeFormResetListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeFormResetListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeFormResetListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,0BAA0B,QAChC,MAAM,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}

package/dist/cjs/hooks/useNativeFormResetListener.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNativeFormResetListener", {
+    enumerable: true,
+    get: function() {
+        return useNativeFormResetListener;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
+const useNativeFormResetListener = (ref, handler)=>{
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{
+        if (!ref.current) {
+            return;
+        }
+        // eslint-disable-next-line no-restricted-properties
+        const formEl = ref.current.closest('form');
+        if (!formEl) {
+            return;
+        }
+        formEl.addEventListener('reset', handler);
+        return ()=>{
+            formEl.removeEventListener('reset', handler);
+        };
+    }, [
+        ref,
+        handler
+    ]);
+};
+
+//# sourceMappingURL=useNativeFormResetListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useNativeFormResetListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const useNativeFormResetListener = (\n  ref: React.RefObject<HTMLElement>,\n  handler: (event: Event) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const formEl = ref.current.closest('form');\n\n    if (!formEl) {\n      return;\n    }\n\n    formEl.addEventListener('reset', handler);\n\n    return () => {\n      formEl.removeEventListener('reset', handler);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useNativeFormResetListener","ref","handler","useIsomorphicLayoutEffect","current","formEl","closest","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;2CACmB;AAEnC,MAAMA,6BAA6B,CACxCC,KACAC;IAEAC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,IAAIG,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASJ,IAAIG,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASL;QAEjC,OAAO;YACLG,OAAOG,mBAAmB,CAAC,SAASN;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["useObjectMemo","object","cache","React","useRef","isEqual","current"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;sBACC;AAEjB,SAASA,cAAiBC,MAAS;IACxC,MAAMC,QAAQC,OAAMC,MAAM,CAACH;IAC3B,IAAI,CAACI,IAAAA,aAAO,EAACH,MAAMI,OAAO,EAAEL,SAAS;QACnCC,MAAMI,OAAO,GAAGL;IAClB;IACA,OAAOC,MAAMI,OAAO;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["useObjectMemo","object","cache","React","useRef","isEqual","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;sBACC;AAEjB,SAASA,cAAiBC,MAAS;IACxC,MAAMC,QAAQC,OAAMC,MAAM,CAACH;IAC3B,IAAI,CAACI,IAAAA,aAAO,EAACH,MAAMI,OAAO,EAAEL,SAAS;QACnCC,MAAMI,OAAO,GAAGL;IAClB;IACA,OAAOC,MAAMI,OAAO;AACtB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["useOrientationChange","getOrientation","window","angle","Math","abs","screen","orientation","Number","useDOM","setOrientation","React","useState","useGlobalEventListener"],"mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;qBACA;wCACgB;AAIvC;;;CAGC,GACD,SAASC,eAAeC,MAA0B;QAM9C,yCAAyC;IACzCA,4BAAAA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;QAIEA;IAFF,MAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,oCAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,sCAAAA,6BAAAA,eAAeK,WAAW,cAA1BL,iDAAAA,2BAA4BC,KAAK,cAAjCD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAMO,SAASH;IACd,MAAM,EAAEE,MAAM,EAAE,GAAGO,IAAAA,WAAM;IAEzB,MAAM,CAACF,aAAaG,eAAe,GAAGC,OAAMC,QAAQ,CAAC,IAAMX,eAAeC;IAE1EW,IAAAA,8CAAsB,EAACX,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT"}
+{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["useOrientationChange","getOrientation","window","angle","Math","abs","screen","orientation","Number","useDOM","setOrientation","React","useState","useGlobalEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;qBACA;wCACgB;AAIvC;;;CAGC,GACD,SAASC,eAAeC,MAA0B;QAM9C,yCAAyC;IACzCA,4BAAAA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;QAIEA;IAFF,MAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,oCAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,sCAAAA,6BAAAA,eAAeK,WAAW,cAA1BL,iDAAAA,2BAA4BC,KAAK,cAAjCD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAMO,SAASH;IACd,MAAM,EAAEE,MAAM,EAAE,GAAGO,IAAAA,WAAM;IAEzB,MAAM,CAACF,aAAaG,eAAe,GAAGC,OAAMC,QAAQ,CAAC,IAAMX,eAAeC;IAE1EW,IAAAA,8CAAsB,EAACX,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;iEAvCU;sBACD;uBACS;AAqCxB,MAAMA,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBC,OAAMC,OAAO,CAAC;QACZ,MAAMC,aAAaC,IAAAA,qBAAc,EAAC,GAAGC,KAAKC,GAAG,CAACR,eAAeE;QAC7D,MAAMO,WAAWH,IAAAA,qBAAc,EAC7BC,KAAKG,GAAG,CAACR,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMS,mCAAmCT,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMa,gBAAgBC,IAAAA,WAAK,EACzBf,cAAcC,cACdC,gBAAgB,GAChBW;QAGF,MAAMG,kCAAkCd,gBAAgB,IAAI,IAAID;QAChE,MAAMgB,cAAcR,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACZ,cAAcC,cAAce,kCACrCL,SAASO,MAAM,GAAG,IAAIP,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU;QAGpD,MAAMe,QAA6BZ;QAEnC,IAAIO,gBAAgBZ,gBAAgB,GAAG;YACrCiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIlB,gBAAgB,IAAIE,UAAUF,eAAe;YACtDiB,MAAMC,IAAI,CAAClB,gBAAgB;QAC7B;QAEAiB,MAAMC,IAAI,IAAIZ,IAAAA,qBAAc,EAACM,eAAeG;QAE5C,IAAIA,cAAcb,UAAUF,gBAAgB,GAAG;YAC7CiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIhB,UAAUF,gBAAgBA,eAAe;YAClDiB,MAAMC,IAAI,CAAChB,UAAUF;QACvB;QAEAiB,MAAMC,IAAI,IAAIT;QAEd,OAAOQ;IACT,GAAG;QAACnB;QAAaI;QAASH;QAAcC;KAAc"}
+{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuCaA;;;eAAAA;;;;iEAvCU;sBACD;uBACS;AAqCxB,MAAMA,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBC,OAAMC,OAAO,CAAC;QACZ,MAAMC,aAAaC,IAAAA,qBAAc,EAAC,GAAGC,KAAKC,GAAG,CAACR,eAAeE;QAC7D,MAAMO,WAAWH,IAAAA,qBAAc,EAC7BC,KAAKG,GAAG,CAACR,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMS,mCAAmCT,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMa,gBAAgBC,IAAAA,WAAK,EACzBf,cAAcC,cACdC,gBAAgB,GAChBW;QAGF,MAAMG,kCAAkCd,gBAAgB,IAAI,IAAID;QAChE,MAAMgB,cAAcR,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACZ,cAAcC,cAAce,kCACrCL,SAASO,MAAM,GAAG,IAAIP,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU;QAGpD,MAAMe,QAA6BZ;QAEnC,IAAIO,gBAAgBZ,gBAAgB,GAAG;YACrCiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIlB,gBAAgB,IAAIE,UAAUF,eAAe;YACtDiB,MAAMC,IAAI,CAAClB,gBAAgB;QAC7B;QAEAiB,MAAMC,IAAI,IAAIZ,IAAAA,qBAAc,EAACM,eAAeG;QAE5C,IAAIA,cAAcb,UAAUF,gBAAgB,GAAG;YAC7CiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIhB,UAAUF,gBAAgBA,eAAe;YAClDiB,MAAMC,IAAI,CAAChB,UAAUF;QACvB;QAEAiB,MAAMC,IAAI,IAAIT;QAEd,OAAOQ;IACT,GAAG;QAACnB;QAAaI;QAASH;QAAcC;KAAc"}

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

@@ -30,6 +30,6 @@ type ChildrenElement<T> = ExpectedReactElement<T> | React.ReactText | React.Reac
  *
  * @private
  */
-export declare const usePatchChildren: <ElementType extends HTMLElement = HTMLElement>(children?: ChildrenElement<ElementType>, injectProps?: InjectProps<ElementType> | undefined, externRef?: React.Ref<ElementType> | undefined) => [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType>];
+export declare const usePatchChildren: <ElementType extends HTMLElement = HTMLElement>(children?: ChildrenElement<ElementType>, injectProps?: InjectProps<ElementType>, externRef?: React.Ref<ElementType>) => [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType> | undefined];
 export {};
 //# sourceMappingURL=usePatchChildren.d.ts.map

package/dist/cjs/hooks/usePatchChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildren.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePatchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAC/E,KAAK,CAAC,UAAU,GAAG;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEJ,KAAK,oBAAoB,CAAC,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F,KAAK,eAAe,CAAC,CAAC,IAClB,oBAAoB,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,aAAa,GACnB,KAAK,CAAC,WAAW,GACjB,OAAO,GACP,IAAI,GACJ,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,gBAAgB,4QA0C5B,CAAC"}
+{"version":3,"file":"usePatchChildren.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePatchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAC/E,KAAK,CAAC,UAAU,GAAG;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEJ,KAAK,oBAAoB,CAAC,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F,KAAK,eAAe,CAAC,CAAC,IAClB,oBAAoB,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,aAAa,GACnB,KAAK,CAAC,WAAW,GACjB,OAAO,GACP,IAAI,GACJ,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,gBAAgB,6DAChB,gBAAgB,WAAW,CAAC,gBACzB,YAAY,WAAW,CAAC,cAC1B,MAAM,GAAG,CAAC,WAAW,CAAC,KACjC,CAAC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,gBAAgB,WAAW,CAAC,GAAG,SAAS,CAsCvF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildrenRef');\n\ntype InjectProps<T> = Omit<React.HTMLAttributes<T>, keyof React.DOMAttributes<T>> &\n  React.Attributes & {\n    ref?: React.Ref<T>;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> =\n  | ExpectedReactElement<T>\n  | React.ReactText\n  | React.ReactFragment\n  | React.ReactPortal\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Функция пытается прокинуть в переданный React-элемент хук для получения его ссылки на DOM этого\n * элемента.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children, undefined, ref);\n * ```\n *\n * @private\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n    ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : undefined;\n\n  useEffectDev(() => {\n    if (!childRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [isValidElementResult ? children.type : null, childRef]);\n\n  return [childRef, isValidElementResult ? React.cloneElement(children, props) : children];\n};\n"],"names":["usePatchChildren","warn","warnOnce","children","injectProps","externRef","isValidElementResult","isValidNotReactFragmentElement","isDOMTypeElementResult","isDOMTypeElement","isForwardedRefElementResult","isForwardRefElement","shouldUseRef","childRef","useExternRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","getMergedSameEventsByProps","useEffectDev","current","type","React","cloneElement"],"mappings":";;;;+BAuDaA;;;eAAAA;;;;;iEAvDU;4CACoB;uBAKpC;0BACkB;8BAEI;8BACA;AAE7B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AA2Cf,MAAMF,mBAAmB,CAC9BG,UACAC,aACAC;IAEA,MAAMC,uBAAuBC,IAAAA,qCAA8B,EAACJ;IAC5D,MAAMK,yBACJF,wBACAG,IAAAA,uBAAgB,EAAiDN;IAEnE,MAAMO,8BACJJ,wBACAK,IAAAA,0BAAmB,EAAiDR;IAEtE,MAAMS,eAAeJ,0BAA0BE;IAE/C,MAAMG,WAAWC,IAAAA,0BAAY,EAC3BF,eAAeT,SAASY,GAAG,GAAGT,uBAAuBH,SAASa,KAAK,CAACC,UAAU,GAAGC,WACjFb;IAGF,MAAMc,4BAA4BC,IAAAA,sDAA0B,EAC1DhB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASa,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQJ,eACV;QAAEG,KAAKF;OAAaT,aAAgBe,6BACpCb,uBACA;QAAEW,YAAYJ;OAAaT,aAAgBe,6BAC3CD;IAEJG,IAAAA,0BAAY,EAAC;QACX,IAAI,CAACR,SAASS,OAAO,EAAE;YACrBrB,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASoB,IAAI,GAAG;QAAMV;KAAS;IAE1D,OAAO;QAACA;QAAUP,uBAAuBkB,OAAMC,YAAY,CAACtB,UAAUa,SAASb;KAAS;AAC1F"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildrenRef');\n\ntype InjectProps<T> = Omit<React.HTMLAttributes<T>, keyof React.DOMAttributes<T>> &\n  React.Attributes & {\n    ref?: React.Ref<T>;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> =\n  | ExpectedReactElement<T>\n  | React.ReactText\n  | React.ReactFragment\n  | React.ReactPortal\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Функция пытается прокинуть в переданный React-элемент хук для получения его ссылки на DOM этого\n * элемента.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children, undefined, ref);\n * ```\n *\n * @private\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n    ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : undefined;\n\n  useEffectDev(() => {\n    if (!childRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [isValidElementResult ? children.type : null, childRef]);\n\n  return [childRef, isValidElementResult ? React.cloneElement(children, props) : children];\n};\n"],"names":["usePatchChildren","warn","warnOnce","children","injectProps","externRef","isValidElementResult","isValidNotReactFragmentElement","isDOMTypeElementResult","isDOMTypeElement","isForwardedRefElementResult","isForwardRefElement","shouldUseRef","childRef","useExternRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","getMergedSameEventsByProps","useEffectDev","current","type","React","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuDaA;;;eAAAA;;;;;iEAvDU;4CACoB;uBAKpC;0BACkB;8BAEI;8BACA;AAE7B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AA2Cf,MAAMF,mBAAmB,CAC9BG,UACAC,aACAC;IAEA,MAAMC,uBAAuBC,IAAAA,qCAA8B,EAACJ;IAC5D,MAAMK,yBACJF,wBACAG,IAAAA,uBAAgB,EAAiDN;IAEnE,MAAMO,8BACJJ,wBACAK,IAAAA,0BAAmB,EAAiDR;IAEtE,MAAMS,eAAeJ,0BAA0BE;IAE/C,MAAMG,WAAWC,IAAAA,0BAAY,EAC3BF,eAAeT,SAASY,GAAG,GAAGT,uBAAuBH,SAASa,KAAK,CAACC,UAAU,GAAGC,WACjFb;IAGF,MAAMc,4BAA4BC,IAAAA,sDAA0B,EAC1DhB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASa,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQJ,eACV;QAAEG,KAAKF;OAAaT,aAAgBe,6BACpCb,uBACA;QAAEW,YAAYJ;OAAaT,aAAgBe,6BAC3CD;IAEJG,IAAAA,0BAAY,EAAC;QACX,IAAI,CAACR,SAASS,OAAO,EAAE;YACrBrB,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASoB,IAAI,GAAG;QAAMV;KAAS;IAE1D,OAAO;QAACA;QAAUP,uBAAuBkB,OAAMC,YAAY,CAACtB,UAAUa,SAASb;KAAS;AAC1F"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["usePlatform","platform","useConfigProvider"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;AAG3B,SAASA;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;IAEtC,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["usePlatform","platform","useConfigProvider"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;AAG3B,SAASA;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;IAEtC,OAAOD;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,YAAeC,KAAQ;IACrC,MAAMC,MAAMC,OAAMC,MAAM;IAExBD,OAAME,SAAS,CAAC;QACdH,IAAII,OAAO,GAAGL;IAChB;IAEA,OAAOC,IAAII,OAAO;AACpB"}
+{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,YAAeC,KAAQ;IACrC,MAAMC,MAAMC,OAAMC,MAAM;IAExBD,OAAME,SAAS,CAAC;QACdH,IAAII,OAAO,GAAGL;IAChB;IAEA,OAAOC,IAAII,OAAO;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args: Args) => (0, ref.current)(...args)).current;\n}\n"],"names":["useStableCallback","fn","ref","React","useRef","useIsomorphicLayoutEffect","current","args"],"mappings":";;;;+BAYgBA;;;eAAAA;;;;iEAZO;2CACmB;AAWnC,SAASA,kBACdC,EAA6B;IAE7B,MAAMC,MAAMC,OAAMC,MAAM,CAACH;IACzBI,IAAAA,oDAAyB,EAAC;QACxBH,IAAII,OAAO,GAAGL;IAChB;IACA,OAAOE,OAAMC,MAAM,CAAC,CAAC,GAAGG,OAAe,AAAC,CAAA,GAAGL,IAAII,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}
+{"version":3,"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args: Args) => (0, ref.current)(...args)).current;\n}\n"],"names":["useStableCallback","fn","ref","React","useRef","useIsomorphicLayoutEffect","current","args"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYgBA;;;eAAAA;;;;iEAZO;2CACmB;AAWnC,SAASA,kBACdC,EAA6B;IAE7B,MAAMC,MAAMC,OAAMC,MAAM,CAACH;IACzBI,IAAAA,oDAAyB,EAAC;QACxBH,IAAII,OAAO,GAAGL;IAChB;IACA,OAAOE,OAAMC,MAAM,CAAC,CAAC,GAAGG,OAAe,AAAC,CAAA,GAAGL,IAAII,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;qBACG;2CACgB;AAEnC,SAASA,WAAWC,EAAa,EAAEC,QAAgB;IACxD,MAAMC,UAAUC,OAAMC,MAAM,CAAC;QAAEJ;QAAIC;IAAS;IAC5CI,IAAAA,oDAAyB,EAAC;QACxBH,QAAQI,OAAO,CAACN,EAAE,GAAGA;QACrBE,QAAQI,OAAO,CAACL,QAAQ,GAAGA;IAC7B,GAAG;QAACD;QAAIC;KAAS;IAEjB,MAAMM,UAAUJ,OAAMC,MAAM;IAC5B,MAAMI,QAAQL,OAAMM,WAAW,CAAC;QAC9B,IAAIC,cAAS,KAAIH,oBAAAA,8BAAAA,QAASD,OAAO,GAAE;YACjCK,aAAaJ,QAAQD,OAAO;QAC9B;IACF,GAAG,EAAE;IACL,MAAMM,MAAMT,OAAMM,WAAW,CAC3B,CAACR,WAAWC,QAAQI,OAAO,CAACL,QAAQ;QAClCO;QACA,IAAIE,cAAS,EAAE;YACbH,QAAQD,OAAO,GAAGO,WAAW;gBAC3B,MAAM,EAAEb,EAAE,EAAE,GAAGE,QAAQI,OAAO;gBAC9B,OAAON,OAAO,cAAcA;YAC9B,GAAGC;QACL;IACF,GACA;QAACO;KAAM;IAETH,IAAAA,oDAAyB,EAAC,IAAMG,OAAO,EAAE;IAEzC,OAAO;QAAEI;QAAKJ;IAAM;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;qBACG;2CACgB;AAEnC,SAASA,WAAWC,EAAa,EAAEC,QAAgB;IACxD,MAAMC,UAAUC,OAAMC,MAAM,CAAC;QAAEJ;QAAIC;IAAS;IAC5CI,IAAAA,oDAAyB,EAAC;QACxBH,QAAQI,OAAO,CAACN,EAAE,GAAGA;QACrBE,QAAQI,OAAO,CAACL,QAAQ,GAAGA;IAC7B,GAAG;QAACD;QAAIC;KAAS;IAEjB,MAAMM,UAAUJ,OAAMC,MAAM;IAC5B,MAAMI,QAAQL,OAAMM,WAAW,CAAC;QAC9B,IAAIC,cAAS,KAAIH,oBAAAA,8BAAAA,QAASD,OAAO,GAAE;YACjCK,aAAaJ,QAAQD,OAAO;QAC9B;IACF,GAAG,EAAE;IACL,MAAMM,MAAMT,OAAMM,WAAW,CAC3B,CAACR,WAAWC,QAAQI,OAAO,CAACL,QAAQ;QAClCO;QACA,IAAIE,cAAS,EAAE;YACbH,QAAQD,OAAO,GAAGO,WAAW;gBAC3B,MAAM,EAAEb,EAAE,EAAE,GAAGE,QAAQI,OAAO;gBAC9B,OAAON,OAAO,cAAcA;YAC9B,GAAGC;QACL;IACF,GACA;QAACO;KAAM;IAETH,IAAAA,oDAAyB,EAAC,IAAMG,OAAO,EAAE;IAEzC,OAAO;QAAEI;QAAKJ;IAAM;AACtB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMillisecondsToTomorrow, isSameDay } from '../lib/date';\nimport { useDOM } from '../lib/dom';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const { document, window } = useDOM();\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate || !document || !window) {\n      return;\n    }\n\n    let timeout: number | undefined = undefined;\n\n    const recalcTimeout = () => {\n      if (document.visibilityState === 'visible') {\n        const now = new Date();\n\n        const timeToDayChange = getMillisecondsToTomorrow(now);\n\n        // Удаляем старый таймаут\n        window.clearTimeout(timeout);\n\n        // Создаем новый таймаут\n        timeout = window.setTimeout(() => {\n          setTodayDate(now);\n        }, timeToDayChange);\n\n        // Если todayDate не обновился в таймаут - обновить при заходе на вкладку\n        if (!isSameDay(todayDate, now)) {\n          setTodayDate(now);\n        }\n      }\n    };\n\n    recalcTimeout();\n\n    // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки\n    // Если человек ее долго не трогал или закрывал крышку ноута и тп\n    // https://developer.chrome.com/blog/page-lifecycle-api/\n    document.addEventListener('visibilitychange', recalcTimeout);\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('visibilitychange', recalcTimeout);\n    };\n  }, [document, listenDayChangesForUpdate, todayDate, window]);\n\n  return todayDate;\n}\n"],"names":["useTodayDate","listenDayChangesForUpdate","document","window","useDOM","todayDate","setTodayDate","React","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","getMillisecondsToTomorrow","clearTimeout","setTimeout","isSameDay","addEventListener","removeEventListener"],"mappings":";;;;+BAagBA;;;eAAAA;;;;iEAbO;sBAC8B;qBAC9B;AAWhB,SAASA,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACnC,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAAC,IAAM,IAAIC;IAE3DF,OAAMG,SAAS,CAAC;QACd,IAAI,CAACT,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIQ,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIX,SAASY,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBC,IAAAA,+BAAyB,EAACF;gBAElD,yBAAyB;gBACzBZ,OAAOe,YAAY,CAACP;gBAEpB,wBAAwB;gBACxBA,UAAUR,OAAOgB,UAAU,CAAC;oBAC1Bb,aAAaS;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAACI,IAAAA,eAAS,EAACf,WAAWU,MAAM;oBAC9BT,aAAaS;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDX,SAASmB,gBAAgB,CAAC,oBAAoBR;QAE9C,OAAO;YACLV,OAAOe,YAAY,CAACP;YACpBT,SAASoB,mBAAmB,CAAC,oBAAoBT;QACnD;IACF,GAAG;QAACX;QAAUD;QAA2BI;QAAWF;KAAO;IAE3D,OAAOE;AACT"}
+{"version":3,"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMillisecondsToTomorrow, isSameDay } from '../lib/date';\nimport { useDOM } from '../lib/dom';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const { document, window } = useDOM();\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate || !document || !window) {\n      return;\n    }\n\n    let timeout: number | undefined = undefined;\n\n    const recalcTimeout = () => {\n      if (document.visibilityState === 'visible') {\n        const now = new Date();\n\n        const timeToDayChange = getMillisecondsToTomorrow(now);\n\n        // Удаляем старый таймаут\n        window.clearTimeout(timeout);\n\n        // Создаем новый таймаут\n        timeout = window.setTimeout(() => {\n          setTodayDate(now);\n        }, timeToDayChange);\n\n        // Если todayDate не обновился в таймаут - обновить при заходе на вкладку\n        if (!isSameDay(todayDate, now)) {\n          setTodayDate(now);\n        }\n      }\n    };\n\n    recalcTimeout();\n\n    // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки\n    // Если человек ее долго не трогал или закрывал крышку ноута и тп\n    // https://developer.chrome.com/blog/page-lifecycle-api/\n    document.addEventListener('visibilitychange', recalcTimeout);\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('visibilitychange', recalcTimeout);\n    };\n  }, [document, listenDayChangesForUpdate, todayDate, window]);\n\n  return todayDate;\n}\n"],"names":["useTodayDate","listenDayChangesForUpdate","document","window","useDOM","todayDate","setTodayDate","React","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","getMillisecondsToTomorrow","clearTimeout","setTimeout","isSameDay","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAagBA;;;eAAAA;;;;iEAbO;sBAC8B;qBAC9B;AAWhB,SAASA,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACnC,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAAC,IAAM,IAAIC;IAE3DF,OAAMG,SAAS,CAAC;QACd,IAAI,CAACT,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIQ,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIX,SAASY,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBC,IAAAA,+BAAyB,EAACF;gBAElD,yBAAyB;gBACzBZ,OAAOe,YAAY,CAACP;gBAEpB,wBAAwB;gBACxBA,UAAUR,OAAOgB,UAAU,CAAC;oBAC1Bb,aAAaS;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAACI,IAAAA,eAAS,EAACf,WAAWU,MAAM;oBAC9BT,aAAaS;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDX,SAASmB,gBAAgB,CAAC,oBAAoBR;QAE9C,OAAO;YACLV,OAAOe,YAAY,CAACP;YACpBT,SAASoB,mBAAmB,CAAC,oBAAoBT;QACnD;IACF,GAAG;QAACX;QAAUD;QAA2BI;QAAWF;KAAO;IAE3D,OAAOE;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","useDOM","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;sBACF;qBACE;+BACS;AAEzB,MAAMA,0BAA0B;IACrC,MAAMC,aAAaC,OAAMC,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,SAASJ,OAAMC,MAAM,CAACI,UAAI;IAEhC,MAAMC,SAASN,OAAMO,WAAW,CAAC;QAC/BH,OAAOI,OAAO;QACdJ,OAAOI,OAAO,GAAGH,UAAI;IACvB,GAAG,EAAE;IAEL,MAAMI,uBAAuBT,OAAMO,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,EAACR,qBAAAA,+BAAAA,SAAUW,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;gBAC1EV;gBACAI,QAAQO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL;gBAC/CP,OAAOI,OAAO,GAAG;oBACf,IAAIM,8BAAe,CAACE,IAAI,EAAE;wBACxBN,QAAQQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL;oBACpD;gBACF;YACF,OAAO;gBACL,IAAIZ,uBAAAA,iCAAAA,WAAYS,OAAO,EAAE;oBACvBW,aAAapB,WAAWS,OAAO;gBACjC;gBACAT,WAAWS,OAAO,GAAGY,WAAWT,cAAcC;YAChD;QACF;IACF,GACA;QAACV;QAAUI;QAAQP;KAAW;IAGhC,OAAO;QACLU;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","useDOM","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;sBACF;qBACE;+BACS;AAEzB,MAAMA,0BAA0B;IACrC,MAAMC,aAAaC,OAAMC,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,SAASJ,OAAMC,MAAM,CAACI,UAAI;IAEhC,MAAMC,SAASN,OAAMO,WAAW,CAAC;QAC/BH,OAAOI,OAAO;QACdJ,OAAOI,OAAO,GAAGH,UAAI;IACvB,GAAG,EAAE;IAEL,MAAMI,uBAAuBT,OAAMO,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,EAACR,qBAAAA,+BAAAA,SAAUW,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;gBAC1EV;gBACAI,QAAQO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL;gBAC/CP,OAAOI,OAAO,GAAG;oBACf,IAAIM,8BAAe,CAACE,IAAI,EAAE;wBACxBN,QAAQQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL;oBACpD;gBACF;YACF,OAAO;gBACL,IAAIZ,uBAAAA,iCAAAA,WAAYS,OAAO,EAAE;oBACvBW,aAAapB,WAAWS,OAAO;gBACjC;gBACAT,WAAWS,OAAO,GAAGY,WAAWT,cAAcC;YAChD;QACF;IACF,GACA;QAACV;QAAUI;QAAQP;KAAW;IAGhC,OAAO;QACLU;IACF;AACF"}