@vkontakte/vkui 6.1.2 → 6.2.1

package/dist/cssm/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":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;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":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,MAAM,CAAW;IAEzC,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}

package/dist/cssm/hooks/useFocusVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,WAAW,WAAW,CAAC;oBAQvB,WAAW,WAAW,CAAC;EAclC"}
+{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,UAAU,CAAC,WAAW,CAAC;oBAQvB,UAAU,CAAC,WAAW,CAAC;EAclC"}

package/dist/cssm/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":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;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":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,aAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC,eAAe;QACrBJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}

package/dist/cssm/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":["classNames","styles","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAmC;IAC9CC,QAAQF,MAAM,CAAC,8BAA8B;IAC7CG,SAASH,MAAM,CAAC,+BAA+B;AACjD,EAAE;AAMF,MAAMI,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBV,WAC7BC,MAAM,CAAC,iBAAiB,EACxBO,gBAAgBP,MAAM,CAAC,0BAA0B,EACjDO,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":["classNames","styles","focusVisiblePresetModeClassNames","inside","outside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAmC;IAC9CC,QAAQF,MAAM,CAAC,8BAA8B;IAC7CG,SAASH,MAAM,CAAC,+BAA+B;AACjD,EAAE;AAMF,MAAMI,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQJ,gCAAgC,CAACI,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBV,WAC7BC,MAAM,CAAC,iBAAiB,EACxBO,gBAAgBP,MAAM,CAAC,0BAA0B,EACjDO,gBAAgBC;IAGlB,OAAOC;AACT"}

package/dist/cssm/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":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;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":["React","useDOM","useIsomorphicLayoutEffect","isFocusWithin","ref","document","contains","activeElement","useFocusWithin","focusWithin","setFocusWithin","useState","current","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAErC,OAAO,SAASC,eAAeJ,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAM,CAACQ,aAAaC,eAAe,GAAGV,MAAMW,QAAQ,CAAU,IAC5DP,IAAIQ,OAAO,IAAIP,WAAWF,cAAcC,IAAIQ,OAAO,EAAEP,YAAY;IAGnEH,0BAA0B,SAASW;QACjC,oIAAoI,GACpI,IAAI,CAACR,UAAU;YACb;QACF;QAEA,MAAMS,0BAA0B;YAC9B,IAAIV,IAAIQ,OAAO,EAAE;gBACfF,eAAeP,cAAcC,IAAIQ,OAAO,EAAEP;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKS;QAELT,SAASU,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5EX,SAASU,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLX,SAASY,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/EX,SAASY,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOP;AACT"}

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

@@ -1 +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":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}
+{"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":["Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","document","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrBC,0BAA0B;QACxB,IAAI,CAACO,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAME,gBAAgB,CAACC;YACrB,IAAIX,WAAWW,WAAWZ,KAAKa,MAAM,EAAE;gBACrCJ,SAASG;YACX;QACF;QACAF,SAASI,gBAAgB,CAAC,WAAWH,eAAeP;QACpD,OAAO;YACLM,SAASK,mBAAmB,CAAC,WAAWJ,eAAeP;QACzD;IACF,GAAG;QAACI;QAAME;QAAUD;KAAS;AAC/B,EAAE"}

package/dist/cssm/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":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;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":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB;AActD,OAAO,SAASC,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWN,iBAAiBG,OAAOC,IAAIC;IAC7CN,0BAA0B;QACxB,IAAIK,MAAMF,SAAS;YACjBI,SAASC,GAAG,CAACL;QACf,OAAO;YACLI,SAASE,MAAM;QACjB;IACF,GAAG;QAACC,QAAQL;QAAKK,QAAQP;KAAS;AACpC"}

package/dist/cssm/hooks/useGlobalOnClickOutside.d.ts

@@ -4,5 +4,5 @@ import * as React from 'react';
  *
  * @private
  */
-export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | null | undefined, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
+export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | undefined | null, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
 //# sourceMappingURL=useGlobalOnClickOutside.d.ts.map

package/dist/cssm/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,+GAIxB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,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,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,EACzD,WAAW,SAAS,OAAO,sBAEjB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}

package/dist/cssm/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":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}
+{"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":["React","isElement","useDOM","useIsomorphicLayoutEffect","useGlobalOnClickOutside","callback","refs","document","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","contains","addEventListener","passive","capture","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,MAAM,QAAQ,aAAa;AAC/C,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrBC,0BAA0B;QACxB,MAAMK,iBAAiBF,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACJ,YAAY,CAACC,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJf,UAAUa,aACVR,KAAKG,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACM,QAAQ,CAACH;YAChE,IAAI,CAACE,oBAAoB;gBACvBX,SAASQ;YACX;QACF;QACAN,SAASW,gBAAgB,CAAC,SAASN,aAAa;YAC9CO,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAAST,aAAa;QACrD;IACF,GAAG;QAACL;QAAUF;WAAaC;KAAK;AAClC,EAAE"}

package/dist/cssm/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":["React","useIsomorphicLayoutEffect","useIsClient","initial","isClient","setIsClient","useState"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;;;;CAOC,GACD,OAAO,SAASC,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGL,MAAMM,QAAQ,CAACH;IAE/CF,0BAA0B;QACxBI,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":["React","useIsomorphicLayoutEffect","useIsClient","initial","isClient","setIsClient","useState"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E;;;;;;;CAOC,GACD,OAAO,SAASC,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGL,MAAMM,QAAQ,CAACH;IAE/CF,0BAA0B;QACxBI,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

package/dist/cssm/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":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,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;AAEA,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;QACC,MAAML,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,UAAUQ,eAAeC,YAAY,WACpCT,UAAUQ,eAAeC,YAAY,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,UAAUQ,eAAeC;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;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":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,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;AAEA,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;QACC,MAAML,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,UAAUQ,eAAeC,YAAY,WACpCT,UAAUQ,eAAeC,YAAY,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,UAAUQ,eAAeC;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEK;IAAS;AACpB"}

package/dist/cssm/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":["React","isKeyboardFocusingStarted","useDOM","useIsomorphicLayoutEffect","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","EVENT_OPTIONS","passive","capture","useKeyboardInputTracker","document","keyboardFocusingStartedRef","useRef","handleKeydown","event","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,uBAAuB;AACjE,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,mCAAmC,sBAAsB;AACtE,OAAO,MAAMC,oCAAoC,uBAAuB;AAExE,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrB,MAAMS,6BAA6BX,MAAMY,MAAM,CAAC;IAEhDT,0BAA0B;QACxB,oIAAoI,GACpI,IAAI,CAACO,UAAU;YACb;QACF;QAEA,MAAMG,gBAAgB,CAACC;YACrB,IAAIb,0BAA0Ba,QAAQ;gBACpCH,2BAA2BI,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCL,2BAA2BI,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCN,2BAA2BI,OAAO,GAAG;QACvC;QAEAL,SAASQ,gBAAgB,CAAC,WAAWL,eAAeP;QACpDI,SAASQ,gBAAgB,CAACd,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;QAC/HI,SAASQ,gBAAgB,CAACb,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;QACjII,SAASQ,gBAAgB,CAAC,aAAaD,kCAAkCX;QACzEI,SAASQ,gBAAgB,CAAC,cAAcD,kCAAkCX;QAE1E,OAAO;YACLI,SAASS,mBAAmB,CAAC,WAAWN,eAAeP;YACvDI,SAASS,mBAAmB,CAACf,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;YAClII,SAASS,mBAAmB,CAACd,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;YACpII,SAASS,mBAAmB,CAAC,aAAaF,kCAAkCX;YAC5EI,SAASS,mBAAmB,CAAC,cAAcF,kCAAkCX;QAC/E;IACF,GAAG;QAACI;KAAS;IAEb,OAAOC;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":["React","isKeyboardFocusingStarted","useDOM","useIsomorphicLayoutEffect","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","EVENT_OPTIONS","passive","capture","useKeyboardInputTracker","document","keyboardFocusingStartedRef","useRef","handleKeydown","event","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,uBAAuB;AACjE,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,mCAAmC,sBAAsB;AACtE,OAAO,MAAMC,oCAAoC,uBAAuB;AAExE,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGR;IACrB,MAAMS,6BAA6BX,MAAMY,MAAM,CAAC;IAEhDT,0BAA0B;QACxB,oIAAoI,GACpI,IAAI,CAACO,UAAU;YACb;QACF;QAEA,MAAMG,gBAAgB,CAACC;YACrB,IAAIb,0BAA0Ba,QAAQ;gBACpCH,2BAA2BI,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCL,2BAA2BI,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCN,2BAA2BI,OAAO,GAAG;QACvC;QAEAL,SAASQ,gBAAgB,CAAC,WAAWL,eAAeP;QACpDI,SAASQ,gBAAgB,CAACd,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;QAC/HI,SAASQ,gBAAgB,CAACb,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;QACjII,SAASQ,gBAAgB,CAAC,aAAaD,kCAAkCX;QACzEI,SAASQ,gBAAgB,CAAC,cAAcD,kCAAkCX;QAE1E,OAAO;YACLI,SAASS,mBAAmB,CAAC,WAAWN,eAAeP;YACvDI,SAASS,mBAAmB,CAACf,kCAAkCY,iCAAiCV,gBAAgB,kBAAkB;YAClII,SAASS,mBAAmB,CAACd,mCAAmCY,kCAAkCX,gBAAgB,kBAAkB;YACpII,SAASS,mBAAmB,CAAC,aAAaF,kCAAkCX;YAC5EI,SAASS,mBAAmB,CAAC,cAAcF,kCAAkCX;QAC/E;IACF,GAAG;QAACI;KAAS;IAEb,OAAOC;AACT"}

package/dist/cssm/hooks/useMediaQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBA0B3B,CAAC"}
+{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAkBrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBAsB3B,CAAC"}

package/dist/cssm/hooks/useMediaQueries.js

@@ -2,30 +2,33 @@ import * as React from 'react';
 import { MEDIA_QUERIES } from '../lib/adaptivity';
 import { mediaQueryNull } from '../lib/browser';
 import { useDOM } from '../lib/dom';
-const storedMediaQueries = {
-    window: undefined,
-    mediaQueries: null
-};
+const mediaQueriesCache = new WeakMap();
+function getMediaQueries(matchMedia) {
+    return {
+        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),
+        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),
+        tablet: matchMedia(MEDIA_QUERIES.TABLET),
+        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),
+        mobile: matchMedia(MEDIA_QUERIES.MOBILE),
+        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),
+        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+    };
+}
 /**
  * Возвращает медиа выражения определенные дизайн-системой.
  */ export const useMediaQueries = ()=>{
     const { window } = useDOM();
     return React.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
-        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
-            return storedMediaQueries.mediaQueries;
+        if (!window) {
+            return getMediaQueries(mediaQueryNull);
+        }
+        const storedMediaQueries = mediaQueriesCache.get(window);
+        if (storedMediaQueries) {
+            return storedMediaQueries;
         }
-        const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;
-        storedMediaQueries.window = window;
-        storedMediaQueries.mediaQueries = {
-            desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),
-            smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),
-            tablet: matchMedia(MEDIA_QUERIES.TABLET),
-            smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),
-            mobile: matchMedia(MEDIA_QUERIES.MOBILE),
-            mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),
-            mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
-        };
-        return storedMediaQueries.mediaQueries;
+        const mediaQueries = getMediaQueries(window.matchMedia.bind(window));
+        mediaQueriesCache.set(window, mediaQueries);
+        return mediaQueries;
     }, [
         window
     ]);

package/dist/cssm/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":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAuBpC,MAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAEA;;CAEC,GACD,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEH,MAAM,EAAE,GAAGF;IAEnB,OAAOH,MAAMS,OAAO,CAClB,SAASC;QACP,IAAIN,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,MAAM;YACpF,OAAOH,mBAAmBG,YAAY;QACxC;QAEA,MAAMI,aAAaN,SAASA,OAAOM,UAAU,CAACC,IAAI,CAACP,UAAUH;QAE7DE,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCM,aAAaF,WAAWV,cAAca,YAAY;YAClDC,iBAAiBJ,WAAWV,cAAce,iBAAiB;YAC3DC,QAAQN,WAAWV,cAAciB,MAAM;YACvCC,aAAaR,WAAWV,cAAcmB,YAAY;YAClDC,QAAQV,WAAWV,cAAcqB,MAAM;YACvCC,cAAcZ,WAAWV,cAAcuB,aAAa;YACpDC,uBAAuBd,WAAWV,cAAcyB,uBAAuB;QACzE;QAEA,OAAOtB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ,EAAE"}
+{"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\nconst mediaQueriesCache = new WeakMap<Window, MediaQueries>();\n\nfunction getMediaQueries(matchMedia: (query: string) => MediaQueryList): MediaQueries {\n  return {\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\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo<MediaQueries>(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (!window) {\n        return getMediaQueries(mediaQueryNull);\n      }\n\n      const storedMediaQueries = mediaQueriesCache.get(window);\n      if (storedMediaQueries) {\n        return storedMediaQueries;\n      }\n\n      const mediaQueries = getMediaQueries(window.matchMedia.bind(window));\n\n      mediaQueriesCache.set(window, mediaQueries);\n\n      return mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","mediaQueriesCache","WeakMap","getMediaQueries","matchMedia","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT","useMediaQueries","window","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","storedMediaQueries","get","mediaQueries","bind","set"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,MAAM,QAAQ,aAAa;AAEpC,MAAMC,oBAAoB,IAAIC;AAE9B,SAASC,gBAAgBC,UAA6C;IACpE,OAAO;QACLC,aAAaD,WAAWN,cAAcQ,YAAY;QAClDC,iBAAiBH,WAAWN,cAAcU,iBAAiB;QAC3DC,QAAQL,WAAWN,cAAcY,MAAM;QACvCC,aAAaP,WAAWN,cAAcc,YAAY;QAClDC,QAAQT,WAAWN,cAAcgB,MAAM;QACvCC,cAAcX,WAAWN,cAAckB,aAAa;QACpDC,uBAAuBb,WAAWN,cAAcoB,uBAAuB;IACzE;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,MAAM,EAAE,GAAGpB;IAEnB,OAAOH,MAAMwB,OAAO,CAClB,SAASC;QACP,IAAI,CAACF,QAAQ;YACX,OAAOjB,gBAAgBJ;QACzB;QAEA,MAAMwB,qBAAqBtB,kBAAkBuB,GAAG,CAACJ;QACjD,IAAIG,oBAAoB;YACtB,OAAOA;QACT;QAEA,MAAME,eAAetB,gBAAgBiB,OAAOhB,UAAU,CAACsB,IAAI,CAACN;QAE5DnB,kBAAkB0B,GAAG,CAACP,QAAQK;QAE9B,OAAOA;IACT,GACA;QAACL;KAAO;AAEZ,EAAE"}

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

@@ -1 +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"}
+{"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,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}

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

@@ -1 +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":["React","useIsomorphicLayoutEffect","useNativeFormResetListener","ref","handler","current","formEl","closest","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,6BAA6B,CACxCC,KACAC;IAEAH,0BAA0B;QACxB,IAAI,CAACE,IAAIE,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASH,IAAIE,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASJ;QAEjC,OAAO;YACLE,OAAOG,mBAAmB,CAAC,SAASL;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB,EAAE"}
+{"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":["React","useIsomorphicLayoutEffect","useNativeFormResetListener","ref","handler","current","formEl","closest","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,MAAMC,6BAA6B,CACxCC,KACAC;IAEAH,0BAA0B;QACxB,IAAI,CAACE,IAAIE,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASH,IAAIE,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASJ;QAEjC,OAAO;YACLE,OAAOG,mBAAmB,CAAC,SAASL;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB,EAAE"}

package/dist/cssm/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":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"rangeMappings":";;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAO,SAASC,cAAiBC,MAAS;IACxC,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,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":["React","isEqual","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,OAAO,SAASC,cAAiBC,MAAS;IACxC,MAAMC,QAAQJ,MAAMK,MAAM,CAACF;IAC3B,IAAI,CAACF,QAAQG,MAAME,OAAO,EAAEH,SAAS;QACnCC,MAAME,OAAO,GAAGH;IAClB;IACA,OAAOC,MAAME,OAAO;AACtB"}

package/dist/cssm/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":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","setOrientation","useState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAIlE;;;CAGC,GACD,SAASC,eAAeC,MAA0B;IAChD,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;IAEA,MAAMC,QAAQC,KAAKC,GAAG,CACpB,yCAAyC;IACzCH,OAAOI,MAAM,EAAEC,aAAaJ,SAASK,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAEA;;;CAGC,GACD,OAAO,SAASM;IACd,MAAM,EAAEP,MAAM,EAAE,GAAGH;IAEnB,MAAM,CAACQ,aAAaG,eAAe,GAAGZ,MAAMa,QAAQ,CAAC,IAAMV,eAAeC;IAE1EF,uBAAuBE,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":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","setOrientation","useState"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAIlE;;;CAGC,GACD,SAASC,eAAeC,MAA0B;IAChD,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;IAEA,MAAMC,QAAQC,KAAKC,GAAG,CACpB,yCAAyC;IACzCH,OAAOI,MAAM,EAAEC,aAAaJ,SAASK,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAEA;;;CAGC,GACD,OAAO,SAASM;IACd,MAAM,EAAEP,MAAM,EAAE,GAAGH;IAEnB,MAAM,CAACQ,aAAaG,eAAe,GAAGZ,MAAMa,QAAQ,CAAC,IAAMV,eAAeC;IAE1EF,uBAAuBE,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT"}

package/dist/cssm/hooks/usePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,wEAKvB,kBAAkB,wBAwCoC,CAAC"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,wEAKvB,kBAAkB,KAAQ,mBAwC4B,CAAC"}

package/dist/cssm/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":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBR,MAAMS,OAAO,CAAC;QACZ,MAAMC,aAAaR,eAAe,GAAGS,KAAKC,GAAG,CAACN,eAAeE;QAC7D,MAAMK,WAAWX,eACfS,KAAKG,GAAG,CAACN,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMO,mCAAmCP,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMW,gBAAgBf,MACpBG,cAAcC,cACdC,gBAAgB,GAChBS;QAGF,MAAME,kCAAkCX,gBAAgB,IAAI,IAAID;QAChE,MAAMa,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACV,cAAcC,cAAcY,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIL,UAAU;QAGpD,MAAMY,QAA6BV;QAEnC,IAAIM,gBAAgBV,gBAAgB,GAAG;YACrCc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIE,UAAUF,eAAe;YACtDc,MAAMC,IAAI,CAACf,gBAAgB;QAC7B;QAEAc,MAAMC,IAAI,IAAInB,eAAec,eAAeE;QAE5C,IAAIA,cAAcV,UAAUF,gBAAgB,GAAG;YAC7Cc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIb,UAAUF,gBAAgBA,eAAe;YAClDc,MAAMC,IAAI,CAACb,UAAUF;QACvB;QAEAc,MAAMC,IAAI,IAAIR;QAEd,OAAOO;IACT,GAAG;QAAChB;QAAaI;QAASH;QAAcC;KAAc,EAAE"}
+{"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":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBR,MAAMS,OAAO,CAAC;QACZ,MAAMC,aAAaR,eAAe,GAAGS,KAAKC,GAAG,CAACN,eAAeE;QAC7D,MAAMK,WAAWX,eACfS,KAAKG,GAAG,CAACN,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMO,mCAAmCP,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMW,gBAAgBf,MACpBG,cAAcC,cACdC,gBAAgB,GAChBS;QAGF,MAAME,kCAAkCX,gBAAgB,IAAI,IAAID;QAChE,MAAMa,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACV,cAAcC,cAAcY,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIL,UAAU;QAGpD,MAAMY,QAA6BV;QAEnC,IAAIM,gBAAgBV,gBAAgB,GAAG;YACrCc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIE,UAAUF,eAAe;YACtDc,MAAMC,IAAI,CAACf,gBAAgB;QAC7B;QAEAc,MAAMC,IAAI,IAAInB,eAAec,eAAeE;QAE5C,IAAIA,cAAcV,UAAUF,gBAAgB,GAAG;YAC7Cc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIb,UAAUF,gBAAgBA,eAAe;YAClDc,MAAMC,IAAI,CAACb,UAAUF;QACvB;QAEAc,MAAMC,IAAI,IAAIR;QAEd,OAAOO;IACT,GAAG;QAAChB;QAAaI;QAASH;QAAcC;KAAc,EAAE"}

package/dist/cssm/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,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"}
+{"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,GAAI,WAAW,SAAS,WAAW,2BACnD,eAAe,CAAC,WAAW,CAAC,gBACzB,WAAW,CAAC,WAAW,CAAC,cAC1B,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KACjC,CAAC,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS,CAsCvF,CAAC"}

package/dist/cssm/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":["React","getMergedSameEventsByProps","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","warnOnce","useEffectDev","useExternRef","warn","usePatchChildren","children","injectProps","externRef","isValidElementResult","isDOMTypeElementResult","isForwardedRefElementResult","shouldUseRef","childRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","current","type","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,wCAAwC;AACnF,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,8BAA8B,QACzB,eAAe;AACtB,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,OAAOH,SAAS;AAkBtB;;;;;;;;;;;;;;;;;;;;;;;;CAwBC,GACD,OAAO,MAAMI,mBAAmB,CAC9BC,UACAC,aACAC;IAEA,MAAMC,uBAAuBT,+BAA+BM;IAC5D,MAAMI,yBACJD,wBACAX,iBAAiEQ;IAEnE,MAAMK,8BACJF,wBACAV,oBAAoEO;IAEtE,MAAMM,eAAeF,0BAA0BC;IAE/C,MAAME,WAAWV,aACfS,eAAeN,SAASQ,GAAG,GAAGL,uBAAuBH,SAASS,KAAK,CAACC,UAAU,GAAGC,WACjFT;IAGF,MAAMU,4BAA4BrB,2BAChCU,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASS,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQH,eACV;QAAEE,KAAKD;QAAU,GAAGN,WAAW;QAAE,GAAGW,yBAAyB;IAAC,IAC9DT,uBACA;QAAEO,YAAYH;QAAU,GAAGN,WAAW;QAAE,GAAGW,yBAAyB;IAAC,IACrED;IAEJf,aAAa;QACX,IAAI,CAACW,SAASM,OAAO,EAAE;YACrBf,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASc,IAAI,GAAG;QAAMP;KAAS;IAE1D,OAAO;QAACA;QAAUJ,uBAAuBb,MAAMyB,YAAY,CAACf,UAAUS,SAAST;KAAS;AAC1F,EAAE"}
+{"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":["React","getMergedSameEventsByProps","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","warnOnce","useEffectDev","useExternRef","warn","usePatchChildren","children","injectProps","externRef","isValidElementResult","isDOMTypeElementResult","isForwardedRefElementResult","shouldUseRef","childRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","current","type","cloneElement"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,wCAAwC;AACnF,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,8BAA8B,QACzB,eAAe;AACtB,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,OAAOH,SAAS;AAkBtB;;;;;;;;;;;;;;;;;;;;;;;;CAwBC,GACD,OAAO,MAAMI,mBAAmB,CAC9BC,UACAC,aACAC;IAEA,MAAMC,uBAAuBT,+BAA+BM;IAC5D,MAAMI,yBACJD,wBACAX,iBAAiEQ;IAEnE,MAAMK,8BACJF,wBACAV,oBAAoEO;IAEtE,MAAMM,eAAeF,0BAA0BC;IAE/C,MAAME,WAAWV,aACfS,eAAeN,SAASQ,GAAG,GAAGL,uBAAuBH,SAASS,KAAK,CAACC,UAAU,GAAGC,WACjFT;IAGF,MAAMU,4BAA4BrB,2BAChCU,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASS,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQH,eACV;QAAEE,KAAKD;QAAU,GAAGN,WAAW;QAAE,GAAGW,yBAAyB;IAAC,IAC9DT,uBACE;QAAEO,YAAYH;QAAU,GAAGN,WAAW;QAAE,GAAGW,yBAAyB;IAAC,IACrED;IAENf,aAAa;QACX,IAAI,CAACW,SAASM,OAAO,EAAE;YACrBf,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASc,IAAI,GAAG;QAAMP;KAAS;IAE1D,OAAO;QAACA;QAAUJ,uBAAuBb,MAAMyB,YAAY,CAACf,UAAUS,SAAST;KAAS;AAC1F,EAAE"}

package/dist/cssm/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":["useConfigProvider","usePlatform","platform"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGF;IAErB,OAAOE;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":["useConfigProvider","usePlatform","platform"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGF;IAErB,OAAOE;AACT"}

package/dist/cssm/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":["React","usePrevious","value","ref","useRef","useEffect","current"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YAAeC,KAAQ;IACrC,MAAMC,MAAMH,MAAMI,MAAM;IAExBJ,MAAMK,SAAS,CAAC;QACdF,IAAIG,OAAO,GAAGJ;IAChB;IAEA,OAAOC,IAAIG,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":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YAAeC,KAAQ;IACrC,MAAMC,MAAMH,MAAMI,MAAM;IAExBJ,MAAMK,SAAS,CAAC;QACdF,IAAIG,OAAO,GAAGJ;IAChB;IAEA,OAAOC,IAAIG,OAAO;AACpB"}

package/dist/cssm/hooks/useResizeObserver.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * Хук вызывает переданный коллбэк при изменении размеров элемента.
  */
-export declare function useResizeObserver(ref: React.MutableRefObject<HTMLElement | null>, callback: (element: HTMLElement) => void): void;
+export declare function useResizeObserver(ref: React.MutableRefObject<HTMLElement | null> | React.RefObject<HTMLElement | null> | null, callback: (element: HTMLElement) => void): void;
 //# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/cssm/hooks/useResizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAmBzC"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAC5F,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAmBzC"}

package/dist/cssm/hooks/useResizeObserver.js

@@ -1,13 +1,13 @@
+import { useEffect } from 'react';
 import * as React from 'react';
 import { CustomResizeObserver } from '../lib/floating/customResizeObserver';
-import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 import { useStableCallback } from './useStableCallback';
 /**
  * Хук вызывает переданный коллбэк при изменении размеров элемента.
  */ export function useResizeObserver(ref, callback) {
     const stableCallback = useStableCallback(callback);
-    useIsomorphicLayoutEffect(function addResizeObserverHandler() {
-        /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */ if (!ref.current) {
+    useEffect(function addResizeObserverHandler() {
+        /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */ if (!ref || !ref.current) {
             return;
         }
         const element = ref.current;
@@ -16,7 +16,8 @@ import { useStableCallback } from './useStableCallback';
         observer.appendToTheDOM();
         return ()=>observer.disconnect();
     }, [
-        ref
+        ref,
+        stableCallback
     ]);
 }
 

package/dist/cssm/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import * as React from 'react';\nimport { CustomResizeObserver } from '../lib/floating/customResizeObserver';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Хук вызывает переданный коллбэк при изменении размеров элемента.\n */\nexport function useResizeObserver(\n  ref: React.MutableRefObject<HTMLElement | null>,\n  callback: (element: HTMLElement) => void,\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useIsomorphicLayoutEffect(\n    function addResizeObserverHandler() {\n      /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n      if (!ref.current) {\n        return;\n      }\n      const element = ref.current;\n      const observer = new CustomResizeObserver(() => stableCallback(element));\n      observer.observe(element);\n      observer.appendToTheDOM();\n\n      return () => observer.disconnect();\n    },\n    [ref],\n  );\n}\n"],"names":["React","CustomResizeObserver","useIsomorphicLayoutEffect","useStableCallback","useResizeObserver","ref","callback","stableCallback","addResizeObserverHandler","current","element","observer","observe","appendToTheDOM","disconnect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,uCAAuC;AAC5E,SAASC,yBAAyB,QAAQ,mCAAmC;AAC7E,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD;;CAEC,GACD,OAAO,SAASC,kBACdC,GAA+C,EAC/CC,QAAwC;IAExC,MAAMC,iBAAiBJ,kBAAkBG;IAEzCJ,0BACE,SAASM;QACP,6EAA6E,GAC7E,IAAI,CAACH,IAAII,OAAO,EAAE;YAChB;QACF;QACA,MAAMC,UAAUL,IAAII,OAAO;QAC3B,MAAME,WAAW,IAAIV,qBAAqB,IAAMM,eAAeG;QAC/DC,SAASC,OAAO,CAACF;QACjBC,SAASE,cAAc;QAEvB,OAAO,IAAMF,SAASG,UAAU;IAClC,GACA;QAACT;KAAI;AAET"}
+{"version":3,"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport * as React from 'react';\nimport { CustomResizeObserver } from '../lib/floating/customResizeObserver';\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Хук вызывает переданный коллбэк при изменении размеров элемента.\n */\nexport function useResizeObserver(\n  ref: React.MutableRefObject<HTMLElement | null> | React.RefObject<HTMLElement | null> | null,\n  callback: (element: HTMLElement) => void,\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useEffect(\n    function addResizeObserverHandler() {\n      /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n      if (!ref || !ref.current) {\n        return;\n      }\n      const element = ref.current;\n      const observer = new CustomResizeObserver(() => stableCallback(element));\n      observer.observe(element);\n      observer.appendToTheDOM();\n\n      return () => observer.disconnect();\n    },\n    [ref, stableCallback],\n  );\n}\n"],"names":["useEffect","React","CustomResizeObserver","useStableCallback","useResizeObserver","ref","callback","stableCallback","addResizeObserverHandler","current","element","observer","observe","appendToTheDOM","disconnect"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,uCAAuC;AAC5E,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD;;CAEC,GACD,OAAO,SAASC,kBACdC,GAA4F,EAC5FC,QAAwC;IAExC,MAAMC,iBAAiBJ,kBAAkBG;IAEzCN,UACE,SAASQ;QACP,6EAA6E,GAC7E,IAAI,CAACH,OAAO,CAACA,IAAII,OAAO,EAAE;YACxB;QACF;QACA,MAAMC,UAAUL,IAAII,OAAO;QAC3B,MAAME,WAAW,IAAIT,qBAAqB,IAAMK,eAAeG;QAC/DC,SAASC,OAAO,CAACF;QACjBC,SAASE,cAAc;QAEvB,OAAO,IAAMF,SAASG,UAAU;IAClC,GACA;QAACT;QAAKE;KAAe;AAEzB"}

package/dist/cssm/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":["React","useIsomorphicLayoutEffect","useStableCallback","fn","ref","useRef","current","args"],"rangeMappings":";;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAW7E,OAAO,SAASC,kBACdC,EAA6B;IAE7B,MAAMC,MAAMJ,MAAMK,MAAM,CAACF;IACzBF,0BAA0B;QACxBG,IAAIE,OAAO,GAAGH;IAChB;IACA,OAAOH,MAAMK,MAAM,CAAC,CAAC,GAAGE,OAAe,AAAC,CAAA,GAAGH,IAAIE,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":["React","useIsomorphicLayoutEffect","useStableCallback","fn","ref","useRef","current","args"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,mCAAmC;AAW7E,OAAO,SAASC,kBACdC,EAA6B;IAE7B,MAAMC,MAAMJ,MAAMK,MAAM,CAACF;IACzBF,0BAA0B;QACxBG,IAAIE,OAAO,GAAGH;IAChB;IACA,OAAOH,MAAMK,MAAM,CAAC,CAAC,GAAGE,OAAe,AAAC,CAAA,GAAGH,IAAIE,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}

package/dist/cssm/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":["React","getMillisecondsToTomorrow","isSameDay","useDOM","useTodayDate","listenDayChangesForUpdate","document","window","todayDate","setTodayDate","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","clearTimeout","setTimeout","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,EAAEC,SAAS,QAAQ,cAAc;AACnE,SAASC,MAAM,QAAQ,aAAa;AAEpC;;;;;;;;CAQC,GACD,OAAO,SAASC,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGJ;IAC7B,MAAM,CAACK,WAAWC,aAAa,GAAGT,MAAMU,QAAQ,CAAC,IAAM,IAAIC;IAE3DX,MAAMY,SAAS,CAAC;QACd,IAAI,CAACP,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIM,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIT,SAASU,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBjB,0BAA0BgB;gBAElD,yBAAyB;gBACzBV,OAAOY,YAAY,CAACN;gBAEpB,wBAAwB;gBACxBA,UAAUN,OAAOa,UAAU,CAAC;oBAC1BX,aAAaQ;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAAChB,UAAUM,WAAWS,MAAM;oBAC9BR,aAAaQ;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDT,SAASe,gBAAgB,CAAC,oBAAoBN;QAE9C,OAAO;YACLR,OAAOY,YAAY,CAACN;YACpBP,SAASgB,mBAAmB,CAAC,oBAAoBP;QACnD;IACF,GAAG;QAACT;QAAUD;QAA2BG;QAAWD;KAAO;IAE3D,OAAOC;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":["React","getMillisecondsToTomorrow","isSameDay","useDOM","useTodayDate","listenDayChangesForUpdate","document","window","todayDate","setTodayDate","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","clearTimeout","setTimeout","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,EAAEC,SAAS,QAAQ,cAAc;AACnE,SAASC,MAAM,QAAQ,aAAa;AAEpC;;;;;;;;CAQC,GACD,OAAO,SAASC,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGJ;IAC7B,MAAM,CAACK,WAAWC,aAAa,GAAGT,MAAMU,QAAQ,CAAC,IAAM,IAAIC;IAE3DX,MAAMY,SAAS,CAAC;QACd,IAAI,CAACP,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIM,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIT,SAASU,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBjB,0BAA0BgB;gBAElD,yBAAyB;gBACzBV,OAAOY,YAAY,CAACN;gBAEpB,wBAAwB;gBACxBA,UAAUN,OAAOa,UAAU,CAAC;oBAC1BX,aAAaQ;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAAChB,UAAUM,WAAWS,MAAM;oBAC9BR,aAAaQ;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDT,SAASe,gBAAgB,CAAC,oBAAoBN;QAE9C,OAAO;YACLR,OAAOY,YAAY,CAACN;YACpBP,SAASgB,mBAAmB,CAAC,oBAAoBP;QACnD;IACF,GAAG;QAACT;QAAUD;QAA2BG;QAAWD;KAAO;IAE3D,OAAOC;AACT"}

package/dist/cssm/hooks/useWaitTransitionFinish.d.ts

@@ -1,4 +1,2 @@
-export declare const useWaitTransitionFinish: () => {
-    waitTransitionFinish: (element: HTMLElement | undefined | null, eventHandler: VoidFunction, durationFallback: number) => void;
-};
+export declare const useWaitTransitionFinish: () => (element: HTMLElement | undefined | null, eventHandler: VoidFunction, durationFallback: number) => void;
 //# sourceMappingURL=useWaitTransitionFinish.d.ts.map

package/dist/cssm/hooks/useWaitTransitionFinish.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB;oCAYrB,WAAW,GAAG,SAAS,GAAG,IAAI,gBACzB,YAAY,oBACR,MAAM;CAyB7B,CAAC"}
+{"version":3,"file":"useWaitTransitionFinish.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,kBAYrB,WAAW,GAAG,SAAS,GAAG,IAAI,gBACzB,YAAY,oBACR,MAAM,SAqB7B,CAAC"}

package/dist/cssm/hooks/useWaitTransitionFinish.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
 import { useDOM } from '../lib/dom';
-import { transitionEvent } from '../lib/supportEvents';
 export const useWaitTransitionFinish = ()=>{
     const timeoutRef = React.useRef(null);
     const { document } = useDOM();
@@ -12,13 +11,11 @@ export const useWaitTransitionFinish = ()=>{
     }, []);
     const waitTransitionFinish = React.useCallback((element, eventHandler, durationFallback)=>{
         if (element) {
-            if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {
+            if (!document?.hidden) {
                 remove();
-                element.addEventListener(transitionEvent.name, eventHandler);
+                element.addEventListener('transitionend', eventHandler);
                 detach.current = ()=>{
-                    if (transitionEvent.name) {
-                        element.removeEventListener(transitionEvent.name, eventHandler);
-                    }
+                    element.removeEventListener('transitionend', eventHandler);
                 };
             } else {
                 if (timeoutRef?.current) {
@@ -32,9 +29,7 @@ export const useWaitTransitionFinish = ()=>{
         remove,
         timeoutRef
     ]);
-    return {
-        waitTransitionFinish
-    };
+    return waitTransitionFinish;
 };
 
 //# sourceMappingURL=useWaitTransitionFinish.js.map

package/dist/cssm/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":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,aAAaL,MAAMM,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrB,MAAMM,SAASR,MAAMM,MAAM,CAACL;IAE5B,MAAMQ,SAAST,MAAMU,WAAW,CAAC;QAC/BF,OAAOG,OAAO;QACdH,OAAOG,OAAO,GAAGV;IACnB,GAAG,EAAE;IAEL,MAAMW,uBAAuBZ,MAAMU,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,CAACN,UAAUS,UAAUb,gBAAgBc,SAAS,IAAId,gBAAgBe,IAAI,EAAE;gBAC1ET;gBACAI,QAAQM,gBAAgB,CAAChB,gBAAgBe,IAAI,EAAEJ;gBAC/CN,OAAOG,OAAO,GAAG;oBACf,IAAIR,gBAAgBe,IAAI,EAAE;wBACxBL,QAAQO,mBAAmB,CAACjB,gBAAgBe,IAAI,EAAEJ;oBACpD;gBACF;YACF,OAAO;gBACL,IAAIT,YAAYM,SAAS;oBACvBU,aAAahB,WAAWM,OAAO;gBACjC;gBACAN,WAAWM,OAAO,GAAGW,WAAWR,cAAcC;YAChD;QACF;IACF,GACA;QAACR;QAAUE;QAAQJ;KAAW;IAGhC,OAAO;QACLO;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\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) {\n          remove();\n          element.addEventListener('transitionend', eventHandler);\n          detach.current = () => {\n            element.removeEventListener('transitionend', eventHandler);\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 waitTransitionFinish;\n};\n"],"names":["React","noop","useDOM","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,aAAa;AAEpC,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,aAAaJ,MAAMK,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IACrB,MAAMK,SAASP,MAAMK,MAAM,CAACJ;IAE5B,MAAMO,SAASR,MAAMS,WAAW,CAAC;QAC/BF,OAAOG,OAAO;QACdH,OAAOG,OAAO,GAAGT;IACnB,GAAG,EAAE;IAEL,MAAMU,uBAAuBX,MAAMS,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,CAACN,UAAUS,QAAQ;gBACrBP;gBACAI,QAAQI,gBAAgB,CAAC,iBAAiBH;gBAC1CN,OAAOG,OAAO,GAAG;oBACfE,QAAQK,mBAAmB,CAAC,iBAAiBJ;gBAC/C;YACF,OAAO;gBACL,IAAIT,YAAYM,SAAS;oBACvBQ,aAAad,WAAWM,OAAO;gBACjC;gBACAN,WAAWM,OAAO,GAAGS,WAAWN,cAAcC;YAChD;QACF;IACF,GACA;QAACR;QAAUE;QAAQJ;KAAW;IAGhC,OAAOO;AACT,EAAE"}