@vkontakte/vkui 4.22.1 → 4.25.0

package/dist/cssm/hooks/useExternRef.js

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import * as React from "react";
 import { setRef } from "../lib/utils";
 export function useExternRef() {
   for (var _len = arguments.length, externRefs = new Array(_len), _key = 0; _key < _len; _key++) {
     externRefs[_key] = arguments[_key];
   }
 
-  var stableRef = React.useRef();
+  var stableRef = React.useRef(null);
   return React.useMemo(function () {
     return {
       get current() {
@@ -15,11 +15,14 @@ export function useExternRef() {
       set current(el) {
         stableRef.current = el;
         externRefs.forEach(function (ref) {
-          return setRef(el, ref);
+          if (ref) {
+            setRef(el, ref);
+          }
         });
       }
 
     };
-  }, externRefs);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  externRefs);
 }
 //# sourceMappingURL=useExternRef.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AAEA,OAAO,SAASC,YAAT,GAAwF;AAAA,oCAA5DC,UAA4D;AAA5DA,IAAAA,UAA4D;AAAA;;AAC7F,MAAMC,SAAS,GAAGJ,KAAK,CAACK,MAAN,EAAlB;AACA,SAAOL,KAAK,CAACM,OAAN,CAAc;AAAA,WAAO;AAC1B,UAAIC,OAAJ,GAAc;AACZ,eAAOH,SAAS,CAACG,OAAjB;AACD,OAHyB;;AAI1B,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdJ,QAAAA,SAAS,CAACG,OAAV,GAAoBC,EAApB;AACAL,QAAAA,UAAU,CAACM,OAAX,CAAmB,UAACC,GAAD;AAAA,iBAAST,MAAM,CAACO,EAAD,EAAKE,GAAL,CAAf;AAAA,SAAnB;AACD;;AAPyB,KAAP;AAAA,GAAd,EAQHP,UARG,CAAP;AASD","sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(...externRefs: Array<React.Ref<T>>): React.MutableRefObject<T> {\n  const stableRef = React.useRef<T>();\n  return React.useMemo(() => ({\n    get current() {\n      return stableRef.current;\n    },\n    set current(el) {\n      stableRef.current = el;\n      externRefs.forEach((ref) => setRef(el, ref));\n    },\n  }), externRefs);\n}\n"],"file":"useExternRef.js"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AAEA,OAAO,SAASC,YAAT,GAE6B;AAAA,oCAD/BC,UAC+B;AAD/BA,IAAAA,UAC+B;AAAA;;AAClC,MAAMC,SAAS,GAAGJ,KAAK,CAACK,MAAN,CAAuB,IAAvB,CAAlB;AAEA,SAAOL,KAAK,CAACM,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOH,SAAS,CAACG,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdJ,QAAAA,SAAS,CAACG,OAAV,GAAoBC,EAApB;AACAL,QAAAA,UAAU,CAACM,OAAX,CAAmB,UAACC,GAAD,EAAS;AAC1B,cAAIA,GAAJ,EAAS;AACPT,YAAAA,MAAM,CAACO,EAAD,EAAKE,GAAL,CAAN;AACD;AACF,SAJD;AAKD;;AAXI,KAAP;AAAA,GADK,EAcL;AACAP,EAAAA,UAfK,CAAP;AAiBD","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"],"file":"useExternRef.js"}

package/dist/cssm/hooks/useFocusVisible.js

@@ -0,0 +1,28 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useContext, useState, useCallback } from "react";
+import { AppRootContext } from "../components/AppRoot/AppRootContext";
+export function useFocusVisible() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
+
+  var _useContext = useContext(AppRootContext),
+      keyboardInput = _useContext.keyboardInput;
+
+  var onFocus = useCallback(function (event) {
+    event.stopPropagation();
+    setIsFocused(true);
+  }, [setIsFocused]);
+  var onBlur = useCallback(function (event) {
+    event.stopPropagation();
+    setIsFocused(false);
+  }, [setIsFocused]);
+  var focusVisible = keyboardInput && isFocused;
+  return {
+    focusVisible: focusVisible,
+    onFocus: onFocus,
+    onBlur: onBlur
+  };
+}
+//# sourceMappingURL=useFocusVisible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"names":["useContext","useState","useCallback","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":";AAAA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,WAA/B,QAA8D,OAA9D;AACA,SAASC,cAAT;AAEA,OAAO,SAASC,eAAT,GAA2B;AAChC,kBAAkCH,QAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOI,SAAP;AAAA,MAAkBC,YAAlB;;AACA,oBAA0BN,UAAU,CAACG,cAAD,CAApC;AAAA,MAAQI,aAAR,eAAQA,aAAR;;AAEA,MAAMC,OAAO,GAAGN,WAAW,CACzB,UAACO,KAAD,EAAoC;AAClCA,IAAAA,KAAK,CAACC,eAAN;AACAJ,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,GAJwB,EAKzB,CAACA,YAAD,CALyB,CAA3B;AAQA,MAAMK,MAAM,GAAGT,WAAW,CACxB,UAACO,KAAD,EAAoC;AAClCA,IAAAA,KAAK,CAACC,eAAN;AACAJ,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,GAJuB,EAKxB,CAACA,YAAD,CALwB,CAA1B;AAQA,MAAMM,YAAY,GAAGL,aAAa,IAAIF,SAAtC;AAEA,SAAO;AACLO,IAAAA,YAAY,EAAZA,YADK;AAELJ,IAAAA,OAAO,EAAPA,OAFK;AAGLG,IAAAA,MAAM,EAANA;AAHK,GAAP;AAKD","sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from \"react\";\nimport { AppRootContext } from \"../components/AppRoot/AppRootContext\";\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused]\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused]\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"file":"useFocusVisible.js"}

package/dist/cssm/hooks/useGlobalEventListener.js

@@ -3,7 +3,11 @@ import { useEventListener } from "./useEventListener";
 export function useGlobalEventListener(element, event, cb, options) {
   var listener = useEventListener(event, cb, options);
   useIsomorphicLayoutEffect(function () {
-    return cb ? listener.add(element) : listener.remove();
-  }, [Boolean(cb)]);
+    if (cb && element) {
+      listener.add(element);
+    } else {
+      listener.remove();
+    }
+  }, [Boolean(cb), Boolean(element)]);
 }
 //# sourceMappingURL=useGlobalEventListener.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAT;AACA,SAASC,gBAAT;AAcA,OAAO,SAASC,sBAAT,CAAgCC,OAAhC,EAA8CC,KAA9C,EAA6DC,EAA7D,EAAqFC,OAArF,EAAwH;AAC7H,MAAMC,QAAQ,GAAGN,gBAAgB,CAACG,KAAD,EAAQC,EAAR,EAAYC,OAAZ,CAAjC;AACAN,EAAAA,yBAAyB,CAAC;AAAA,WAAMK,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,EAAnC;AAAA,GAAD,EAAuD,CAACC,OAAO,CAACL,EAAD,CAAR,CAAvD,CAAzB;AACD","sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: HTMLElement | HTMLDocument | Window,\n  event: K,\n  cb: false | null | ((ev: GlobalEventHandlersEventMap[K]) => any),\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener(\n  element: HTMLElement | HTMLDocument | Window,\n  event: string,\n  cb: false | null | ((ev: Event) => any),\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener(element: any, event: string, cb: (ev: Event) => any, options?: AddEventListenerOptions) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => cb ? listener.add(element) : listener.remove(), [Boolean(cb)]);\n}\n"],"file":"useGlobalEventListener.js"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":"AAAA,SAASA,yBAAT;AACA,SAASC,gBAAT;AAgBA,OAAO,SAASC,sBAAT,CAILC,OAJK,EAKLC,KALK,EAMLC,EANK,EAOLC,OAPK,EAQL;AACA,MAAMC,QAAQ,GAAGN,gBAAgB,CAACG,KAAD,EAAQC,EAAR,EAAYC,OAAZ,CAAjC;AACAN,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIK,EAAE,IAAIF,OAAV,EAAmB;AACjBI,MAAAA,QAAQ,CAACC,GAAT,CAAaL,OAAb;AACD,KAFD,MAEO;AACLI,MAAAA,QAAQ,CAACE,MAAT;AACD;AACF,GANwB,EAMtB,CAACC,OAAO,CAACL,EAAD,CAAR,EAAcK,OAAO,CAACP,OAAD,CAArB,CANsB,CAAzB;AAOD","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"file":"useGlobalEventListener.js"}

package/dist/cssm/hooks/useInsets.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import * as React from 'react';
-import vkBridge from '@vkontakte/vk-bridge';
+import * as React from "react";
+import vkBridge from "@vkontakte/vk-bridge";
 import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
 var initialState = {
   bottom: null,
@@ -16,8 +16,8 @@ function resolveInsets(e) {
       data = _e$detail.data;
 
   switch (type) {
-    case 'VKWebAppUpdateConfig':
-    case 'VKWebAppUpdateInsets':
+    case "VKWebAppUpdateConfig":
+    case "VKWebAppUpdateInsets":
       // Устаревшее событие vk-bridge
       var insets = data.insets;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAiC,sBAAjC;AACA,SAASC,yBAAT;AAEA,IAAIC,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,+CACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDH,QAAQ,CAACa,SAAT,CAAmB,UAACL,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;AAOA,OAAO,SAASE,SAAT,GAA6B;AAClC,wBAA4Bf,KAAK,CAACgB,QAAN,CAAuBb,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeI,SAAf;;AAEAf,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,aAASgB,eAAT,CAAyBT,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVI,QAAAA,SAAS,CAACJ,MAAD,CAAT;AACD;AACF;;AAEDZ,IAAAA,QAAQ,CAACa,SAAT,CAAmBI,eAAnB;AACA,WAAO,YAAM;AACXjB,MAAAA,QAAQ,CAACkB,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZwB,EAYtB,EAZsB,CAAzB;AAcA,SAAOL,MAAP;AACD","sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"file":"useInsets.js"}
+{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAiD,sBAAjD;AACA,SAASC,yBAAT;AASA,IAAIC,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,+CACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDH,QAAQ,CAACa,SAAT,CAAmB,UAACL,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;AAOA,OAAO,SAASE,SAAT,GAA6B;AAClC,wBAA4Bf,KAAK,CAACgB,QAAN,CAAuBb,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeI,SAAf;;AAEAf,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,aAASgB,eAAT,CAAyBT,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVI,QAAAA,SAAS,CAACJ,MAAD,CAAT;AACD;AACF;;AAEDZ,IAAAA,QAAQ,CAACa,SAAT,CAAmBI,eAAnB;AACA,WAAO,YAAM;AACXjB,MAAAA,QAAQ,CAACkB,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZwB,EAYtB,EAZsB,CAAzB;AAcA,SAAOL,MAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets as BridgeInsets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface Insets {\n  bottom: BridgeInsets[\"bottom\"] | null;\n  top: BridgeInsets[\"top\"] | null;\n  left: BridgeInsets[\"left\"] | null;\n  right: BridgeInsets[\"right\"] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case \"VKWebAppUpdateConfig\":\n    case \"VKWebAppUpdateInsets\": // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"file":"useInsets.js"}

package/dist/cssm/hooks/useKeyboard.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
+import * as React from "react";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";
 
@@ -8,29 +8,49 @@ import { useGlobalEventListener } from "./useGlobalEventListener";
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 export function getPreciseKeyboardState(window) {
-  var availHeight = window.screen.availHeight;
-  var innerHeight = window.innerHeight;
+  var innerHeight = window.innerHeight,
+      availHeight = window.screen.availHeight;
   var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
   return coveredViewportPercentage > 24;
 }
+var eventOptions = {
+  passive: true,
+  capture: false
+};
 export function useKeyboard() {
+  var _document$activeEleme3;
+
   var _useDOM = useDOM(),
       window = _useDOM.window,
       document = _useDOM.document;
 
-  var _React$useState = React.useState({
-    isOpened: false,
-    isPrecise: false
-  }),
+  var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
-      keyboardState = _React$useState2[0],
-      setKeyboardState = _React$useState2[1];
+      isOpened = _React$useState2[0],
+      setIsOpened = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isPrecise = _React$useState4[0],
+      setIsPrecise = _React$useState4[1];
 
   var transitionalTimeout = React.useRef(null);
-  var eventOptions = {
-    passive: true,
-    capture: false
-  };
+  var onFocus = React.useCallback(function (event) {
+    var _document$activeEleme, _document$activeEleme2;
+
+    if (transitionalTimeout.current) {
+      clearTimeout(transitionalTimeout.current);
+    }
+
+    var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA");
+    setIsOpened(isOpened);
+    setIsPrecise(false); // Ожидаем прохождение анимации раскрытия клавиатуры
+
+    transitionalTimeout.current = setTimeout(function () {
+      setIsOpened(isOpened);
+      setIsPrecise(getPreciseKeyboardState(window));
+    }, 300);
+  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName, window]);
   /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -39,24 +59,11 @@ export function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-
-  function onFocus(event) {
-    var _document$activeEleme, _document$activeEleme2;
-
-    clearTimeout(transitionalTimeout.current);
-    var returnObject = {
-      isOpened: (event === true || event.type === 'focusin') && (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === 'INPUT' || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === 'TEXTAREA'),
-      isPrecise: false
-    }; // Ожидаем прохождение анимации раскрытия клавиатуры
-
-    transitionalTimeout.current = setTimeout(function () {
-      returnObject.isPrecise = getPreciseKeyboardState(window);
-      setKeyboardState(returnObject);
-    }, 300);
-  }
-
-  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);
-  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);
-  return keyboardState;
+  useGlobalEventListener(document, "focusout", onFocus, eventOptions);
+  useGlobalEventListener(document, "focusin", onFocus, eventOptions);
+  return {
+    isOpened: isOpened,
+    isPrecise: isPrecise
+  };
 }
 //# sourceMappingURL=useKeyboard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","availHeight","screen","innerHeight","coveredViewportPercentage","Math","round","useKeyboard","document","useState","isOpened","isPrecise","keyboardState","setKeyboardState","transitionalTimeout","useRef","eventOptions","passive","capture","useEffect","onFocus","event","clearTimeout","current","returnObject","type","activeElement","tagName","setTimeout"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;;AAOA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MAAQC,WAAR,GAAwBD,MAAM,CAACE,MAA/B,CAAQD,WAAR;AACA,MAAQE,WAAR,GAAwBH,MAAxB,CAAQG,WAAR;AAEA,MAAMC,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAAW,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,GAA7C,CAAlC;AACA,SAAOG,yBAAyB,GAAG,EAAnC;AACD;AAED,OAAO,SAASG,WAAT,GAA8C;AACnD,gBAA6BV,MAAM,EAAnC;AAAA,MAAQG,MAAR,WAAQA,MAAR;AAAA,MAAgBQ,QAAhB,WAAgBA,QAAhB;;AAEA,wBAA0CZ,KAAK,CAACa,QAAN,CAAsC;AAC9EC,IAAAA,QAAQ,EAAE,KADoE;AAE9EC,IAAAA,SAAS,EAAE;AAFmE,GAAtC,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAKA,MAAMC,mBAAmB,GAAGlB,KAAK,CAACmB,MAAN,CAAmD,IAAnD,CAA5B;AAEA,MAAMC,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA;AACF;AACA;AACA;;AACEtB,EAAAA,KAAK,CAACuB,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;;AAIA,WAASA,OAAT,CAAiBC,KAAjB,EAA2C;AAAA;;AACzCC,IAAAA,YAAY,CAACR,mBAAmB,CAACS,OAArB,CAAZ;AAEA,QAAIC,YAAY,GAAG;AACjBd,MAAAA,QAAQ,EAAE,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,MACR,0BAAAjB,QAAQ,CAACkB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,IACA,2BAAAnB,QAAQ,CAACkB,aAAT,kFAAwBC,OAAxB,MAAoC,UAF5B,CADO;AAKjBhB,MAAAA,SAAS,EAAE;AALM,KAAnB,CAHyC,CAWzC;;AACAG,IAAAA,mBAAmB,CAACS,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7CJ,MAAAA,YAAY,CAACb,SAAb,GAAyBZ,uBAAuB,CAACC,MAAD,CAAhD;AACAa,MAAAA,gBAAgB,CAACW,YAAD,CAAhB;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID;;AAED1B,EAAAA,sBAAsB,CAACU,QAAD,EAAW,UAAX,EAAuBY,OAAvB,EAAgCJ,YAAhC,CAAtB;AACAlB,EAAAA,sBAAsB,CAACU,QAAD,EAAW,SAAX,EAAsBY,OAAtB,EAA+BJ,YAA/B,CAAtB;AAEA,SAAOJ,aAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const { availHeight } = window.screen;\n  const { innerHeight } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [keyboardState, setKeyboardState] = React.useState<SoftwareKeyboardState>({\n    isOpened: false,\n    isPrecise: false,\n  });\n\n  const transitionalTimeout = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const eventOptions = {\n    passive: true,\n    capture: false,\n  };\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  function onFocus(event: FocusEvent | true) {\n    clearTimeout(transitionalTimeout.current);\n\n    let returnObject = {\n      isOpened: (event === true || event.type === 'focusin') && (\n        document.activeElement?.tagName === 'INPUT' ||\n        document.activeElement?.tagName === 'TEXTAREA'\n      ),\n      isPrecise: false,\n    };\n\n    // Ожидаем прохождение анимации раскрытия клавиатуры\n    transitionalTimeout.current = setTimeout(() => {\n      returnObject.isPrecise = getPreciseKeyboardState(window);\n      setKeyboardState(returnObject);\n    }, 300);\n  }\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return keyboardState;\n}\n"],"file":"useKeyboard.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;;AAOA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;AAKA,OAAO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAA6Bb,MAAM,EAAnC;AAAA,MAAQG,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCf,KAAK,CAACgB,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkClB,KAAK,CAACgB,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGrB,KAAK,CAACsB,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGvB,KAAK,CAACwB,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAIJ,mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,QAAQ,GACZ,CAACQ,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,IAAN,KAAe,SAAlC,MACC,CAAAb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEc,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEc,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAZ,IAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAACjB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEc,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC1B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEJ,EAAAA,KAAK,CAACgC,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIArB,EAAAA,sBAAsB,CAACa,QAAD,EAAW,UAAX,EAAuBQ,OAAvB,EAAgCZ,YAAhC,CAAtB;AACAT,EAAAA,sBAAsB,CAACa,QAAD,EAAW,SAAX,EAAsBQ,OAAtB,EAA+BZ,YAA/B,CAAtB;AAEA,SAAO;AAAEM,IAAAA,QAAQ,EAARA,QAAF;AAAYE,IAAAA,SAAS,EAATA;AAAZ,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [isPrecise, setIsPrecise] = React.useState(false);\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      if (transitionalTimeout.current) {\n        clearTimeout(transitionalTimeout.current);\n      }\n\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n      setIsPrecise(false);\n\n      // Ожидаем прохождение анимации раскрытия клавиатуры\n      transitionalTimeout.current = setTimeout(() => {\n        setIsOpened(isOpened);\n        setIsPrecise(getPreciseKeyboardState(window));\n      }, 300);\n    },\n    [document?.activeElement?.tagName, window]\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, isPrecise };\n}\n"],"file":"useKeyboard.js"}

package/dist/cssm/hooks/useKeyboardInputTracker.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
+import * as React from "react";
 import { Keys, pressedKey } from "../lib/accessibility";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";
@@ -24,9 +24,9 @@ export function useKeyboardInputTracker() {
     passive: true,
     capture: true
   };
-  useGlobalEventListener(document, 'keydown', enableKeyboardInput, eventOptions);
-  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);
-  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, "keydown", enableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, "mousedown", disableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, "touchstart", disableKeyboardInput, eventOptions);
   return isKeyboardInputActive;
 }
 //# sourceMappingURL=useKeyboardInputTracker.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AAEA,OAAO,SAASC,uBAAT,GAA4C;AACjD,gBAAqBF,MAAM,EAA3B;AAAA,MAAQG,QAAR,WAAQA,QAAR;;AAEA,wBAAqDN,KAAK,CAACO,QAAN,CAAwB,KAAxB,CAArD;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAEA,MAAMC,mBAAmB,GAAGV,KAAK,CAACW,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClE,QAAIV,UAAU,CAACU,CAAD,CAAV,KAAkBX,IAAI,CAACY,GAA3B,EAAgC;AAC9BJ,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,MAAMK,oBAAoB,GAAGd,KAAK,CAACW,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMM,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKAb,EAAAA,sBAAsB,CAACE,QAAD,EAAW,SAAX,EAAsBI,mBAAtB,EAA2CK,YAA3C,CAAtB;AACAX,EAAAA,sBAAsB,CAACE,QAAD,EAAW,WAAX,EAAwBQ,oBAAxB,EAA8CC,YAA9C,CAAtB;AACAX,EAAAA,sBAAsB,CAACE,QAAD,EAAW,YAAX,EAAyBQ,oBAAzB,EAA+CC,YAA/C,CAAtB;AAEA,SAAOP,qBAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB) {\n      toggleKeyboardInput(true);\n    }\n  }, []);\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', enableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AAEA,OAAO,SAASC,uBAAT,GAA4C;AACjD,gBAAqBF,MAAM,EAA3B;AAAA,MAAQG,QAAR,WAAQA,QAAR;;AAEA,wBACEN,KAAK,CAACO,QAAN,CAAwB,KAAxB,CADF;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAGA,MAAMC,mBAAmB,GAAGV,KAAK,CAACW,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClE,QAAIV,UAAU,CAACU,CAAD,CAAV,KAAkBX,IAAI,CAACY,GAA3B,EAAgC;AAC9BJ,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,MAAMK,oBAAoB,GAAGd,KAAK,CAACW,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMM,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKAb,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,SAFoB,EAGpBI,mBAHoB,EAIpBK,YAJoB,CAAtB;AAMAX,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,WAFoB,EAGpBQ,oBAHoB,EAIpBC,YAJoB,CAAtB;AAMAX,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,YAFoB,EAGpBQ,oBAHoB,EAIpBC,YAJoB,CAAtB;AAOA,SAAOP,qBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB) {\n      toggleKeyboardInput(true);\n    }\n  }, []);\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(\n    document,\n    \"keydown\",\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}

package/dist/cssm/hooks/useObjectMemo.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export function objectEquals(o1, o2) {
   return Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every(function (k) {
     return o1[k] === o2[k];

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;AAC7C,SAAOC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACLF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;AAAA,WAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;AAAA,GAAtB,CADF;AAED;AAED,OAAO,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;AAC7C,MAAMC,KAAK,GAAGX,KAAK,CAACY,MAAN,CAAaF,MAAb,CAAd;;AACA,MAAI,CAACT,YAAY,CAACU,KAAK,CAACE,OAAP,EAAgBH,MAAhB,CAAjB,EAA0C;AACxCC,IAAAA,KAAK,CAACE,OAAN,GAAgBH,MAAhB;AACD;;AACD,SAAOC,KAAK,CAACE,OAAb;AACD","sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k]);\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"file":"useObjectMemo.js"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;AAC7C,SACEC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACAF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;AAAA,WAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;AAAA,GAAtB,CAFF;AAID;AAED,OAAO,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;AAC7C,MAAMC,KAAK,GAAGX,KAAK,CAACY,MAAN,CAAaF,MAAb,CAAd;;AACA,MAAI,CAACT,YAAY,CAACU,KAAK,CAACE,OAAP,EAAgBH,MAAhB,CAAjB,EAA0C;AACxCC,IAAAA,KAAK,CAACE,OAAN,GAAgBH,MAAhB;AACD;;AACD,SAAOC,KAAK,CAACE,OAAb;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"file":"useObjectMemo.js"}

package/dist/cssm/hooks/usePatchChildrenRef.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import * as React from "react";
+import { useExternRef } from "./useExternRef";
+import { warnOnce } from "../lib/warnOnce";
+
+var isDOMTypeElement = function isDOMTypeElement(element) {
+  return typeof element.type === "string";
+};
+
+var warn = warnOnce("usePatchChildrenRef");
+export var usePatchChildrenRef = function usePatchChildrenRef(children) {
+  var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
+  var patchedRef = useExternRef(childRef);
+  React.useEffect(function () {
+    if (!patchedRef.current && process.env.NODE_ENV === "development") {
+      warn("Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем" + "получить ссылку на корневой dom-элемент этого компонента");
+    }
+  }, [children === null || children === void 0 ? void 0 : children.type, patchedRef]);
+  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _defineProperty({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
+};
+//# sourceMappingURL=usePatchChildrenRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["React","useExternRef","warnOnce","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,QAAT;;AAIA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;AAC1C,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,qBAAD,CAArB;AACA,OAAO,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEsC;AACvE,MAAMC,QAAQ,GACZ,aAAAT,KAAK,CAACU,cAAN,CAAqBF,QAArB,MACCL,gBAAgB,CAACK,QAAD,CAAhB,GACIA,QAAQ,CAACG,GADb,GAEGH,QAAQ,CAACI,KAAT,CAAeC,UAHnB,CADF;AAKA,MAAMC,UAAU,GAAGb,YAAY,CAAIQ,QAAJ,CAA/B;AACAT,EAAAA,KAAK,CAACe,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEb,MAAAA,IAAI,CACF,wGACE,0DAFA,CAAJ;AAID;AACF,GAPD,EAOG,CAACE,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEH,IAAX,EAAiBS,UAAjB,CAPH;AAQA,SAAO,CACLA,UADK,EAEL,aAAAd,KAAK,CAACU,cAAN,CAAqBF,QAArB,iBACIR,KAAK,CAACoB,YAAN,CAAmBZ,QAAnB,sBACGL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDM,UADvD,EADJ,GAIIN,QANC,CAAP;AAQD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем\" +\n          \"получить ссылку на корневой dom-элемент этого компонента\"\n      );\n    }\n  }, [children?.type, patchedRef]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"file":"usePatchChildrenRef.js"}

package/dist/cssm/hooks/usePlatform.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { SSRContext } from "../lib/SSR";
 import { ConfigProviderContext } from "../components/ConfigProvider/ConfigProviderContext";
 export function usePlatform() {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["React","SSRContext","ConfigProviderContext","usePlatform","ssrContext","useContext","platform"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,qBAAT;AAEA,OAAO,SAASC,WAAT,GAAqC;AAC1C,MAAMC,UAAU,GAAGJ,KAAK,CAACK,UAAN,CAAiBJ,UAAjB,CAAnB;;AACA,0BAAqBD,KAAK,CAACK,UAAN,CAAiBH,qBAAjB,CAArB;AAAA,MAAQI,QAAR,qBAAQA,QAAR;;AACA,SAAOF,UAAU,CAACE,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from 'react';\nimport { PlatformType } from '../lib/platform';\nimport { SSRContext } from '../lib/SSR';\nimport { ConfigProviderContext } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}
+{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["React","SSRContext","ConfigProviderContext","usePlatform","ssrContext","useContext","platform"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,qBAAT;AAEA,OAAO,SAASC,WAAT,GAAiD;AACtD,MAAMC,UAAU,GAAGJ,KAAK,CAACK,UAAN,CAAiBJ,UAAjB,CAAnB;;AACA,0BAAqBD,KAAK,CAACK,UAAN,CAAiBH,qBAAjB,CAArB;AAAA,MAAQI,QAAR,qBAAQA,QAAR;;AACA,SAAOF,UAAU,CAACE,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType | undefined {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}

package/dist/cssm/hooks/useTimeout.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
 import { canUseDOM } from "../lib/dom";
 export function useTimeout(cb, duration) {
@@ -12,7 +12,9 @@ export function useTimeout(cb, duration) {
   }, [cb, duration]);
   var timeout = React.useRef();
   var clear = React.useCallback(function () {
-    return canUseDOM && clearTimeout(timeout.current);
+    if (canUseDOM && timeout !== null && timeout !== void 0 && timeout.current) {
+      clearTimeout(timeout.current);
+    }
   }, []);
   var set = React.useCallback(function () {
     var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : options.current.duration;
@@ -21,10 +23,10 @@ export function useTimeout(cb, duration) {
     if (canUseDOM) {
       timeout.current = setTimeout(function () {
         var cb = options.current.cb;
-        typeof cb === 'function' && cb();
+        typeof cb === "function" && cb();
       }, duration);
     }
-  }, []);
+  }, [clear]);
   useIsomorphicLayoutEffect(function () {
     return clear;
   }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["React","useIsomorphicLayoutEffect","canUseDOM","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AACA,SAASC,SAAT;AAEA,OAAO,SAASC,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGN,KAAK,CAACO,MAAN,CAAa;AAAEH,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACAJ,EAAAA,yBAAyB,CAAC,YAAM;AAC9BK,IAAAA,OAAO,CAACE,OAAR,CAAgBJ,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACE,OAAR,CAAgBH,QAAhB,GAA2BA,QAA3B;AACD,GAHwB,EAGtB,CAACD,EAAD,EAAKC,QAAL,CAHsB,CAAzB;AAKA,MAAMI,OAAO,GAAGT,KAAK,CAACO,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGV,KAAK,CAACW,WAAN,CAAkB;AAAA,WAAMT,SAAS,IAAIU,YAAY,CAACH,OAAO,CAACD,OAAT,CAA/B;AAAA,GAAlB,EAAoE,EAApE,CAAd;AACA,MAAMK,GAAG,GAAGb,KAAK,CAACW,WAAN,CAAkB,YAAyC;AAAA,QAAxCN,QAAwC,uEAA7BC,OAAO,CAACE,OAAR,CAAgBH,QAAa;AACrEK,IAAAA,KAAK;;AACL,QAAIR,SAAJ,EAAe;AACbO,MAAAA,OAAO,CAACD,OAAR,GAAkBM,UAAU,CAAC,YAAM;AACjC,YAAQV,EAAR,GAAeE,OAAO,CAACE,OAAvB,CAAQJ,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GARW,EAQT,EARS,CAAZ;AASAJ,EAAAA,yBAAyB,CAAC;AAAA,WAAMS,KAAN;AAAA,GAAD,EAAc,EAAd,CAAzB;AAEA,SAAO;AAAEG,IAAAA,GAAG,EAAHA,GAAF;AAAOH,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { canUseDOM } from '../lib/dom';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => canUseDOM && clearTimeout(timeout.current), []);\n  const set = React.useCallback((duration = options.current.duration) => {\n    clear();\n    if (canUseDOM) {\n      timeout.current = setTimeout(() => {\n        const { cb } = options.current;\n        typeof cb === 'function' && cb();\n      }, duration);\n    }\n  }, []);\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}
+{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["React","useIsomorphicLayoutEffect","canUseDOM","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AACA,SAASC,SAAT;AAEA,OAAO,SAASC,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGN,KAAK,CAACO,MAAN,CAAa;AAAEH,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACAJ,EAAAA,yBAAyB,CAAC,YAAM;AAC9BK,IAAAA,OAAO,CAACE,OAAR,CAAgBJ,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACE,OAAR,CAAgBH,QAAhB,GAA2BA,QAA3B;AACD,GAHwB,EAGtB,CAACD,EAAD,EAAKC,QAAL,CAHsB,CAAzB;AAKA,MAAMI,OAAO,GAAGT,KAAK,CAACO,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGV,KAAK,CAACW,WAAN,CAAkB,YAAM;AACpC,QAAIT,SAAS,IAAIO,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAED,OAA1B,EAAmC;AACjCI,MAAAA,YAAY,CAACH,OAAO,CAACD,OAAT,CAAZ;AACD;AACF,GAJa,EAIX,EAJW,CAAd;AAKA,MAAMK,GAAG,GAAGb,KAAK,CAACW,WAAN,CACV,YAAyC;AAAA,QAAxCN,QAAwC,uEAA7BC,OAAO,CAACE,OAAR,CAAgBH,QAAa;AACvCK,IAAAA,KAAK;;AACL,QAAIR,SAAJ,EAAe;AACbO,MAAAA,OAAO,CAACD,OAAR,GAAkBM,UAAU,CAAC,YAAM;AACjC,YAAQV,EAAR,GAAeE,OAAO,CAACE,OAAvB,CAAQJ,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GATS,EAUV,CAACK,KAAD,CAVU,CAAZ;AAYAT,EAAAA,yBAAyB,CAAC;AAAA,WAAMS,KAAN;AAAA,GAAD,EAAc,EAAd,CAAzB;AAEA,SAAO;AAAEG,IAAAA,GAAG,EAAHA,GAAF;AAAOH,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === \"function\" && cb();\n        }, duration);\n      }\n    },\n    [clear]\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}

package/dist/cssm/hooks/useWaitTransitionFinish.js

@@ -1,15 +1,18 @@
-import * as React from 'react';
+import * as React from "react";
 import { transitionEvent } from "../lib/supportEvents";
 export var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);
 
   var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
     if (element) {
-      if (transitionEvent.supported) {
+      if (transitionEvent.supported && transitionEvent.name) {
         element.removeEventListener(transitionEvent.name, eventHandler);
         element.addEventListener(transitionEvent.name, eventHandler);
       } else {
-        clearTimeout(timeoutRef.current);
+        if (timeoutRef !== null && timeoutRef !== void 0 && timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["React","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","waitTransitionFinish","element","eventHandler","durationFallback","supported","removeEventListener","name","addEventListener","clearTimeout","current","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,eAAT;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGH,KAAK,CAACI,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD,EAAuBC,YAAvB,EAAmDC,gBAAnD,EAAgF;AAC3G,QAAIF,OAAJ,EAAa;AACX,UAAIL,eAAe,CAACQ,SAApB,EAA+B;AAC7BH,QAAAA,OAAO,CAACI,mBAAR,CAA4BT,eAAe,CAACU,IAA5C,EAAkDJ,YAAlD;AACAD,QAAAA,OAAO,CAACM,gBAAR,CAAyBX,eAAe,CAACU,IAAzC,EAA+CJ,YAA/C;AACD,OAHD,MAGO;AACLM,QAAAA,YAAY,CAACV,UAAU,CAACW,OAAZ,CAAZ;AACAX,QAAAA,UAAU,CAACW,OAAX,GAAqBC,UAAU,CAACR,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAVD;;AAYA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAlBM","sourcesContent":["import * as React from 'react';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (element: HTMLElement, eventHandler: VoidFunction, durationFallback: number) => {\n    if (element) {\n      if (transitionEvent.supported) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["React","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","waitTransitionFinish","element","eventHandler","durationFallback","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,eAAT;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGH,KAAK,CAACI,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,OAD2B,EAE3BC,YAF2B,EAG3BC,gBAH2B,EAIxB;AACH,QAAIF,OAAJ,EAAa;AACX,UAAIL,eAAe,CAACQ,SAAhB,IAA6BR,eAAe,CAACS,IAAjD,EAAuD;AACrDJ,QAAAA,OAAO,CAACK,mBAAR,CAA4BV,eAAe,CAACS,IAA5C,EAAkDH,YAAlD;AACAD,QAAAA,OAAO,CAACM,gBAAR,CAAyBX,eAAe,CAACS,IAAzC,EAA+CH,YAA/C;AACD,OAHD,MAGO;AACL,YAAIJ,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEU,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAACX,UAAU,CAACU,OAAZ,CAAZ;AACD;;AACDV,QAAAA,UAAU,CAACU,OAAX,GAAqBE,UAAU,CAACR,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAhBD;;AAkBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAxBM","sourcesContent":["import * as React from \"react\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (\n    element: HTMLElement | null,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (transitionEvent.supported && transitionEvent.name) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        if (timeoutRef?.current) {\n          clearTimeout(timeoutRef.current);\n        }\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}

package/dist/cssm/index.js

@@ -61,7 +61,7 @@ export { Cell } from "./components/Cell/Cell";
 export { default as RichCell } from "./components/RichCell/RichCell";
 export { default as SimpleCell } from "./components/SimpleCell/SimpleCell";
 export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
-export { default as Footer } from "./components/Footer/Footer";
+export { Footer } from "./components/Footer/Footer";
 export { default as InfoRow } from "./components/InfoRow/InfoRow";
 export { default as Gallery } from "./components/Gallery/Gallery";
 export { default as Avatar } from "./components/Avatar/Avatar";
@@ -105,6 +105,7 @@ export { default as Slider } from "./components/Slider/Slider";
 export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
 export { default as Textarea } from "./components/Textarea/Textarea";
 export { default as Radio } from "./components/Radio/Radio";
+export { RadioGroup } from "./components/RadioGroup/RadioGroup";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export { default as Select } from "./components/Select/Select";
 export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
@@ -133,7 +134,9 @@ export { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
 export { AppRoot } from "./components/AppRoot/AppRoot";
 export { default as AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
-export { ConfigProviderContext, Appearance, Scheme, WebviewType } from "./components/ConfigProvider/ConfigProviderContext";
+export { ConfigProviderContext, WebviewType } from "./components/ConfigProvider/ConfigProviderContext";
+export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export { Scheme, Appearance } from "./helpers/scheme";
 /**
  * Advertisement
  */
@@ -174,6 +177,8 @@ export { SSRWrapper } from "./lib/SSR";
 export { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS } from "./lib/platform";
 export { getClassName } from "./helpers/getClassName";
 export { ViewWidth, ViewHeight, SizeType } from "./components/AdaptivityProvider/AdaptivityContext";
+export { calcInitialsAvatarColor } from "./helpers/avatar";
+export { Popper } from "./components/Popper/Popper";
 /**
  * Types
  */