@vkontakte/vkui 4.15.0 → 4.16.2

package/dist/cssm/hooks/useInsets.js

@@ -2,6 +2,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 { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
 var initialState = {
   bottom: null,
   top: null,
@@ -36,15 +37,6 @@ vkBridge.subscribe(function (e) {
   var insets = resolveInsets(e);
 
   if (insets) {
-    // eslint-disable-next-line no-restricted-globals
-    var htmlElement = document.documentElement;
-
-    for (var key in insets) {
-      if (insets.hasOwnProperty(key) && (insets[key] > 0 || key === 'bottom')) {
-        htmlElement.style.setProperty("--safe-area-inset-".concat(key), "".concat(insets[key], "px"));
-      }
-    }
-
     initialState = insets;
   }
 });
@@ -54,7 +46,7 @@ export function useInsets() {
       insets = _React$useState2[0],
       setInsets = _React$useState2[1];
 
-  React.useEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     function connectListener(e) {
       var insets = resolveInsets(e);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["React","vkBridge","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","htmlElement","document","documentElement","key","hasOwnProperty","style","setProperty","useInsets","useState","setInsets","useEffect","connectListener","unsubscribe"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAiC,sBAAjC;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;;AAEDF,QAAQ,CAACY,SAAT,CAAmB,UAACL,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACV;AACA,QAAME,WAAW,GAAGC,QAAQ,CAACC,eAA7B;;AACA,SAAK,IAAIC,GAAT,IAAgBL,MAAhB,EAAwB;AACtB,UAAIA,MAAM,CAACM,cAAP,CAAsBD,GAAtB,MAA+BL,MAAM,CAACK,GAAD,CAAN,GAA8B,CAA9B,IAAmCA,GAAG,KAAK,QAA1E,CAAJ,EAAyF;AACvFH,QAAAA,WAAW,CAACK,KAAZ,CAAkBC,WAAlB,6BAAmDH,GAAnD,aAA6DL,MAAM,CAACK,GAAD,CAAnE;AACD;AACF;;AACDf,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CAZD;AAcA,OAAO,SAASS,SAAT,GAA6B;AAClC,wBAA4BrB,KAAK,CAACsB,QAAN,CAAuBpB,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeW,SAAf;;AAEAvB,EAAAA,KAAK,CAACwB,SAAN,CAAgB,YAAM;AACpB,aAASC,eAAT,CAAyBjB,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVW,QAAAA,SAAS,CAACX,MAAD,CAAT;AACD;AACF;;AAEDX,IAAAA,QAAQ,CAACY,SAAT,CAAmBY,eAAnB;AACA,WAAO,YAAM;AACXxB,MAAAA,QAAQ,CAACyB,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOb,MAAP;AACD","sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets } from '@vkontakte/vk-bridge';\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    // eslint-disable-next-line no-restricted-globals\n    const htmlElement = document.documentElement;\n    for (let key in insets) {\n      if (insets.hasOwnProperty(key) && (insets[key as keyof Insets] > 0 || key === 'bottom')) {\n        htmlElement.style.setProperty(`--safe-area-inset-${key}`, `${insets[key as keyof Insets]}px`);\n      }\n    }\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  React.useEffect(() => {\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,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"}

package/dist/cssm/hooks/useKeyboard.js

@@ -0,0 +1,62 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from 'react';
+import { useDOM } from "../lib/dom";
+import { useGlobalEventListener } from "./useGlobalEventListener";
+
+/**
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств
+ Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
+ */
+export function getPreciseKeyboardState(window) {
+  var availHeight = window.screen.availHeight;
+  var innerHeight = window.innerHeight;
+  var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
+  return coveredViewportPercentage > 24;
+}
+export function useKeyboard() {
+  var _useDOM = useDOM(),
+      window = _useDOM.window,
+      document = _useDOM.document;
+
+  var _React$useState = React.useState({
+    isOpened: false,
+    isPrecise: false
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      keyboardState = _React$useState2[0],
+      setKeyboardState = _React$useState2[1];
+
+  var transitionalTimeout = React.useRef(null);
+  var eventOptions = {
+    passive: true,
+    capture: false
+  };
+  /**
+   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
+   чтобы иметь хоть какое-то понимание происходящего.
+   */
+
+  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;
+}
+//# sourceMappingURL=useKeyboard.js.map

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

@@ -0,0 +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"}

package/dist/cssm/hooks/useKeyboardInputTracker.js

@@ -7,13 +7,15 @@ export function useKeyboardInputTracker() {
   var _useDOM = useDOM(),
       document = _useDOM.document;
 
-  var _React$useState = React.useState(true),
+  var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isKeyboardInputActive = _React$useState2[0],
       toggleKeyboardInput = _React$useState2[1];
 
   var enableKeyboardInput = React.useCallback(function (e) {
-    toggleKeyboardInput(pressedKey(e) === Keys.TAB);
+    if (pressedKey(e) === Keys.TAB) {
+      toggleKeyboardInput(true);
+    }
   }, []);
   var disableKeyboardInput = React.useCallback(function () {
     toggleKeyboardInput(false);

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,IAAxB,CAArD;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAEA,MAAMC,mBAAmB,GAAGV,KAAK,CAACW,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClEH,IAAAA,mBAAmB,CAACP,UAAU,CAACU,CAAD,CAAV,KAAkBX,IAAI,CAACY,GAAxB,CAAnB;AACD,GAF2B,EAEzB,EAFyB,CAA5B;AAIA,MAAMC,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>(true);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    toggleKeyboardInput(pressedKey(e) === Keys.TAB);\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,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"}

package/dist/cssm/index.js

@@ -117,7 +117,7 @@ export { default as SliderSwitch } from "./components/SliderSwitch/SliderSwitch"
  */
 export { default as Div } from "./components/Div/Div";
 export { default as Tappable } from "./components/Tappable/Tappable";
-export { default as Touch } from "./components/Touch/Touch";
+export { Touch } from "./components/Touch/Touch";
 export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
 export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
 export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";

package/dist/cssm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["default","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","HorizontalScroll","FixedLayout","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","Button","IconButton","Card","CardGrid","CardScroll","ContentCard","CellButton","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","HorizontalCell","Footer","InfoRow","Gallery","Avatar","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SliderSwitch","Div","Tappable","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","AppRoot","AdaptivityProvider","ConfigProvider","ConfigProviderContext","Appearance","Scheme","WebviewType","PromoBanner","Title","Headline","Text","Caption","Subhead","withInsets","withPlatform","withAdaptivity","useInsets","usePlatform","useAdaptivity","useAppearance","classNamesString","classNames","animate","removeObjectKeys","SSRWrapper","platform","ANDROID","IOS","VKCOM","Platform","IS_PLATFORM_ANDROID","IS_PLATFORM_IOS","getClassName","ViewWidth","ViewHeight","SizeType"],"mappings":"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","sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/common.css';\n\n/**\n * Layout\n */\nexport { default as Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { default as View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { default as PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { default as PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { default as Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { default as Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { default as TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { default as HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { default as FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { default as Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { default as ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { default as ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { default as ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { default as ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { default as ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { default as ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { default as ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { default as Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\nexport { default as IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { default as Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { default as CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { default as CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { default as ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { default as Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { default as Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { default as Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { default as List } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { default as RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { default as SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { default as Footer } from './components/Footer/Footer';\nexport { default as InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { default as Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { default as Avatar } from './components/Avatar/Avatar';\nexport type { AvatarProps } from './components/Avatar/Avatar';\nexport { default as Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { default as Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { default as Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { default as TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { default as Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { default as PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { default as Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { default as Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { default as Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { default as UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { default as Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { default as Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { default as Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\n\n/**\n * Forms\n */\nexport { default as FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { default as FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { default as File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { default as Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { default as Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { default as ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { default as Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { default as RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { default as Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { default as Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { default as Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { default as Select } from './components/Select/Select';\nexport type { SelectProps } from './components/Select/Select';\nexport { default as SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { default as NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { default as CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type { CustomSelectProps, CustomSelectOptionInterface } from './components/CustomSelect/CustomSelect';\nexport { default as CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { default as DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { default as SliderSwitch } from './components/SliderSwitch/SliderSwitch';\nexport type { SliderSwitchProps, SliderSwitchOptionInterface } from './components/SliderSwitch/SliderSwitch';\n\n/**\n * Helpers\n */\nexport { default as Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { default as Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { default as Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { default as PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { default as PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { default as PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { default as PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { default as PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\n\n/**\n * Wrappers\n */\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport { default as AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  ConfigProviderContext,\n  Appearance,\n  Scheme,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\n\n/**\n * Advertisement\n */\nexport { default as PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * Typography\n */\nexport { default as Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { default as Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { default as Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { default as Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\nexport { default as Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\nexport { withAdaptivity } from './hoc/withAdaptivity';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport { useAppearance } from './hooks/useAppearance';\n\n/**\n * Utils\n */\nexport { classNamesString as classNames } from './lib/classNames';\nexport { default as animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS } from './lib/platform';\nexport { getClassName } from './helpers/getClassName';\nexport { ViewWidth, ViewHeight, SizeType } from './components/AdaptivityProvider/AdaptivityContext';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { AdaptivityProps } from './hoc/withAdaptivity';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":["default","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","HorizontalScroll","FixedLayout","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","Button","IconButton","Card","CardGrid","CardScroll","ContentCard","CellButton","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","HorizontalCell","Footer","InfoRow","Gallery","Avatar","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SliderSwitch","Div","Tappable","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","AppRoot","AdaptivityProvider","ConfigProvider","ConfigProviderContext","Appearance","Scheme","WebviewType","PromoBanner","Title","Headline","Text","Caption","Subhead","withInsets","withPlatform","withAdaptivity","useInsets","usePlatform","useAdaptivity","useAppearance","classNamesString","classNames","animate","removeObjectKeys","SSRWrapper","platform","ANDROID","IOS","VKCOM","Platform","IS_PLATFORM_ANDROID","IS_PLATFORM_IOS","getClassName","ViewWidth","ViewHeight","SizeType"],"mappings":"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","sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/common.css';\n\n/**\n * Layout\n */\nexport { default as Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { default as View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { default as PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { default as PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { default as Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { default as Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { default as TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { default as HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { default as FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { default as Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { default as ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { default as ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { default as ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { default as ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { default as ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { default as ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { default as ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { default as Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\nexport { default as IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { default as Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { default as CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { default as CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { default as ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { default as Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { default as Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { default as Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { default as List } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { default as RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { default as SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { default as Footer } from './components/Footer/Footer';\nexport { default as InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { default as Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { default as Avatar } from './components/Avatar/Avatar';\nexport type { AvatarProps } from './components/Avatar/Avatar';\nexport { default as Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { default as Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { default as Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { default as TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { default as Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { default as PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { default as Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { default as Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { default as Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { default as UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { default as Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { default as Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { default as Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\n\n/**\n * Forms\n */\nexport { default as FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { default as FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { default as File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { default as Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { default as Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { default as ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { default as Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { default as RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { default as Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { default as Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { default as Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { default as Select } from './components/Select/Select';\nexport type { SelectProps } from './components/Select/Select';\nexport { default as SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { default as NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { default as CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type { CustomSelectProps, CustomSelectOptionInterface } from './components/CustomSelect/CustomSelect';\nexport { default as CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { default as DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { default as SliderSwitch } from './components/SliderSwitch/SliderSwitch';\nexport type { SliderSwitchProps, SliderSwitchOptionInterface } from './components/SliderSwitch/SliderSwitch';\n\n/**\n * Helpers\n */\nexport { default as Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { default as Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { default as PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { default as PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { default as PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { default as PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { default as PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\n\n/**\n * Wrappers\n */\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport { default as AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  ConfigProviderContext,\n  Appearance,\n  Scheme,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\n\n/**\n * Advertisement\n */\nexport { default as PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * Typography\n */\nexport { default as Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { default as Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { default as Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { default as Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\nexport { default as Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\nexport { withAdaptivity } from './hoc/withAdaptivity';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport { useAppearance } from './hooks/useAppearance';\n\n/**\n * Utils\n */\nexport { classNamesString as classNames } from './lib/classNames';\nexport { default as animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS } from './lib/platform';\nexport { getClassName } from './helpers/getClassName';\nexport { ViewWidth, ViewHeight, SizeType } from './components/AdaptivityProvider/AdaptivityContext';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { AdaptivityProps } from './hoc/withAdaptivity';\n"],"file":"index.js"}

package/dist/cssm/lib/select.js

@@ -0,0 +1,62 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+
+var findAllIncludes = function findAllIncludes() {
+  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var includes = [];
+  var i = target.indexOf(search);
+
+  while (i !== -1) {
+    includes.push(i);
+    i = target.indexOf(search, i + 1);
+  }
+
+  return includes;
+};
+
+var letterRegexp; // На момент написания флаг u не поддерживался рядом браузеров, поэтому добавили фоллбэк.
+
+try {
+  letterRegexp = new RegExp('\\p{L}', 'u');
+} catch (e) {}
+
+export var defaultFilterFn = function defaultFilterFn() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var option = arguments.length > 1 ? arguments[1] : undefined;
+  var getOptionLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (option) {
+    return option.label;
+  };
+  query = query.toLocaleLowerCase();
+  var label = getOptionLabel(option).toLocaleLowerCase();
+
+  if (label.startsWith(query)) {
+    return true;
+  }
+
+  var includes = findAllIncludes(label, query); // Ищем вхождение перед началом которого не буква
+
+  if (letterRegexp) {
+    var _iterator = _createForOfIteratorHelper(includes),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _index = _step.value;
+
+        if (!letterRegexp.test(label[_index - 1])) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else {
+    // если regexp не поддерживается, то ищем любое вхождение
+    return includes.length > 0;
+  }
+
+  return false;
+};
+//# sourceMappingURL=select.js.map

package/dist/cssm/lib/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/select.ts"],"names":["findAllIncludes","target","search","includes","i","indexOf","push","letterRegexp","RegExp","e","defaultFilterFn","query","option","getOptionLabel","label","toLocaleLowerCase","startsWith","index","test","length"],"mappings":";;AAOA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAA8B;AAAA,MAA7BC,MAA6B,uEAApB,EAAoB;AAAA,MAAhBC,MAAgB,uEAAP,EAAO;AACpD,MAAMC,QAAQ,GAAG,EAAjB;AAEA,MAAIC,CAAC,GAAGH,MAAM,CAACI,OAAP,CAAeH,MAAf,CAAR;;AACA,SAAOE,CAAC,KAAK,CAAC,CAAd,EAAiB;AACfD,IAAAA,QAAQ,CAACG,IAAT,CAAcF,CAAd;AACAA,IAAAA,CAAC,GAAGH,MAAM,CAACI,OAAP,CAAeH,MAAf,EAAuBE,CAAC,GAAG,CAA3B,CAAJ;AACD;;AAED,SAAOD,QAAP;AACD,CAVD;;AAYA,IAAII,YAAJ,C,CAEA;;AACA,IAAI;AACFA,EAAAA,YAAY,GAAG,IAAIC,MAAJ,CAAW,QAAX,EAAqB,GAArB,CAAf;AACD,CAFD,CAEE,OAAOC,CAAP,EAAU,CAAE;;AAEd,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAI1B;AAAA,MAHHC,KAGG,uEAHK,EAGL;AAAA,MAFHC,MAEG;AAAA,MADHC,cACG,uEAD8B,UAACD,MAAD;AAAA,WAAYA,MAAM,CAACE,KAAnB;AAAA,GAC9B;AACHH,EAAAA,KAAK,GAAGA,KAAK,CAACI,iBAAN,EAAR;AACA,MAAID,KAAK,GAAGD,cAAc,CAACD,MAAD,CAAd,CAAuBG,iBAAvB,EAAZ;;AAEA,MAAID,KAAK,CAACE,UAAN,CAAiBL,KAAjB,CAAJ,EAA6B;AAC3B,WAAO,IAAP;AACD;;AAED,MAAMR,QAAQ,GAAGH,eAAe,CAACc,KAAD,EAAQH,KAAR,CAAhC,CARG,CAUH;;AACA,MAAIJ,YAAJ,EAAkB;AAAA,+CACIJ,QADJ;AAAA;;AAAA;AAChB,0DAA8B;AAAA,YAAnBc,MAAmB;;AAC5B,YAAI,CAACV,YAAY,CAACW,IAAb,CAAkBJ,KAAK,CAACG,MAAK,GAAG,CAAT,CAAvB,CAAL,EAA0C;AACxC,iBAAO,IAAP;AACD;AACF;AALe;AAAA;AAAA;AAAA;AAAA;AAMjB,GAND,MAMO;AAAE;AACP,WAAOd,QAAQ,CAACgB,MAAT,GAAkB,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CA1BM","sourcesContent":["type Option = {\n  label?: string;\n  [index: string]: any;\n};\n\ntype GetOptionLabel = (option: Option) => string;\n\nconst findAllIncludes = (target = '', search = '') => {\n  const includes = [];\n\n  let i = target.indexOf(search);\n  while (i !== -1) {\n    includes.push(i);\n    i = target.indexOf(search, i + 1);\n  }\n\n  return includes;\n};\n\nlet letterRegexp: RegExp;\n\n// На момент написания флаг u не поддерживался рядом браузеров, поэтому добавили фоллбэк.\ntry {\n  letterRegexp = new RegExp('\\\\p{L}', 'u');\n} catch (e) {}\n\nexport const defaultFilterFn = (\n  query = '',\n  option: Option,\n  getOptionLabel: GetOptionLabel = (option) => option.label,\n) => {\n  query = query.toLocaleLowerCase();\n  let label = getOptionLabel(option).toLocaleLowerCase();\n\n  if (label.startsWith(query)) {\n    return true;\n  }\n\n  const includes = findAllIncludes(label, query);\n\n  // Ищем вхождение перед началом которого не буква\n  if (letterRegexp) {\n    for (const index of includes) {\n      if (!letterRegexp.test(label[index - 1])) {\n        return true;\n      }\n    }\n  } else { // если regexp не поддерживается, то ищем любое вхождение\n    return includes.length > 0;\n  }\n\n  return false;\n};\n"],"file":"select.js"}

package/dist/cssm/lib/touch.js

@@ -24,15 +24,18 @@ var coordY = function coordY(e) {
 }; // eslint-disable-next-line no-restricted-globals
 
 
-var touchEnabled = canUseDOM && 'ontouchstart' in window;
+var touchEnabled = function touchEnabled() {
+  return canUseDOM && 'ontouchstart' in window;
+};
 /*
  * Возвращает массив поддерживаемых событий
  * Если браузер поддерживает pointer events или подключена handjs, вернет события указателя.
  * Если нет, используем события мыши
  */
 
+
 function getSupportedEvents() {
-  if (touchEnabled) {
+  if (touchEnabled()) {
     return ['touchstart', 'touchmove', 'touchend', 'touchcancel'];
   }
 

package/dist/cssm/lib/touch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/touch.ts"],"names":["canUseDOM","coordX","e","clientX","changedTouches","coordY","clientY","touchEnabled","window","getSupportedEvents","rubber","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"mappings":"AAAA,SAASA,SAAT,QAA0B,iBAA1B;;AAKA;AACA;AACA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,CAAD,EAA+B;AAC5C,MAAIA,CAAC,CAACC,OAAF,IAAa,IAAjB,EAAuB;AACrB,WAAOD,CAAC,CAACC,OAAT;AACD;;AACD,SAAOD,CAAC,CAACE,cAAF,IAAoBF,CAAC,CAACE,cAAF,CAAiB,CAAjB,EAAoBD,OAA/C;AACD,CALD;AAOA;AACA;AACA;;;AACA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACH,CAAD,EAA+B;AAC5C,MAAIA,CAAC,CAACI,OAAF,IAAa,IAAjB,EAAuB;AACrB,WAAOJ,CAAC,CAACI,OAAT;AACD;;AACD,SAAOJ,CAAC,CAACE,cAAF,IAAoBF,CAAC,CAACE,cAAF,CAAiB,CAAjB,EAAoBE,OAA/C;AACD,CALD,C,CAOA;;;AACA,IAAMC,YAAqB,GAAGP,SAAS,IAAI,kBAAkBQ,MAA7D;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,kBAAT,GAAwC;AACtC,MAAIF,YAAJ,EAAkB;AAChB,WAAO,CAAC,YAAD,EAAe,WAAf,EAA4B,UAA5B,EAAwC,aAAxC,CAAP;AACD;;AAED,SAAO,CAAC,WAAD,EAAc,WAAd,EAA2B,SAA3B,EAAsC,YAAtC,CAAP;AACD;AAED;AACA;AACA;;;AACA,SAASG,MAAT,CAAgBC,MAAhB,EAAgCC,SAAhC,EAAmDC,cAAnD,EAA2EC,SAA3E,EAAuG;AACrG,MAAIA,SAAS,IAAIH,MAAM,GAAG,CAA1B,EAA6B;AAC3B,WAAOA,MAAP;AACD;;AAED,MAAMI,mBAAmB,GAAGJ,MAAM,GAAGE,cAArC;AACA,SAAOE,mBAAmB,GAAGH,SAAtB,IAAmCG,mBAAmB,GAAGH,SAAzD,CAAP;AACD;;AAED,SAASH,kBAAT,EAA6BR,MAA7B,EAAqCI,MAArC,EAA6CE,YAA7C,EAA2DG,MAA3D","sourcesContent":["import { canUseDOM } from '@vkontakte/vkjs';\n\nexport interface VKUITouchEvent extends MouseEvent, TouchEvent {}\nexport type VKUITouchEventHander = (e: VKUITouchEvent) => void;\n\n/*\n * Получает координату по оси абсцисс из touch- или mouse-события\n */\nconst coordX = (e: VKUITouchEvent): number => {\n  if (e.clientX != null) {\n    return e.clientX;\n  }\n  return e.changedTouches && e.changedTouches[0].clientX;\n};\n\n/*\n * Получает координату по оси ординат из touch- или mouse-события\n */\nconst coordY = (e: VKUITouchEvent): number => {\n  if (e.clientY != null) {\n    return e.clientY;\n  }\n  return e.changedTouches && e.changedTouches[0].clientY;\n};\n\n// eslint-disable-next-line no-restricted-globals\nconst touchEnabled: boolean = canUseDOM && 'ontouchstart' in window;\n\n/*\n * Возвращает массив поддерживаемых событий\n * Если браузер поддерживает pointer events или подключена handjs, вернет события указателя.\n * Если нет, используем события мыши\n */\nfunction getSupportedEvents(): string[] {\n  if (touchEnabled) {\n    return ['touchstart', 'touchmove', 'touchend', 'touchcancel'];\n  }\n\n  return ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];\n}\n\n/*\n * Рассчитывает \"сопротивление\" для iOS тач-событий\n */\nfunction rubber(offset: number, dimension: number, resistanceRate: number, isAndroid: boolean): number {\n  if (isAndroid || offset < 0) {\n    return offset;\n  }\n\n  const offsettedResistance = offset * resistanceRate;\n  return offsettedResistance * dimension / (offsettedResistance + dimension);\n}\n\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber };\n"],"file":"touch.js"}
+{"version":3,"sources":["../../../src/lib/touch.ts"],"names":["canUseDOM","coordX","e","clientX","changedTouches","coordY","clientY","touchEnabled","window","getSupportedEvents","rubber","offset","dimension","resistanceRate","isAndroid","offsettedResistance"],"mappings":"AAAA,SAASA,SAAT,QAA0B,iBAA1B;;AAKA;AACA;AACA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,CAAD,EAA+B;AAC5C,MAAIA,CAAC,CAACC,OAAF,IAAa,IAAjB,EAAuB;AACrB,WAAOD,CAAC,CAACC,OAAT;AACD;;AACD,SAAOD,CAAC,CAACE,cAAF,IAAoBF,CAAC,CAACE,cAAF,CAAiB,CAAjB,EAAoBD,OAA/C;AACD,CALD;AAOA;AACA;AACA;;;AACA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACH,CAAD,EAA+B;AAC5C,MAAIA,CAAC,CAACI,OAAF,IAAa,IAAjB,EAAuB;AACrB,WAAOJ,CAAC,CAACI,OAAT;AACD;;AACD,SAAOJ,CAAC,CAACE,cAAF,IAAoBF,CAAC,CAACE,cAAF,CAAiB,CAAjB,EAAoBE,OAA/C;AACD,CALD,C,CAOA;;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMP,SAAS,IAAI,kBAAkBQ,MAArC;AAAA,CAArB;AAEA;AACA;AACA;AACA;AACA;;;AACA,SAASC,kBAAT,GAAwC;AACtC,MAAIF,YAAY,EAAhB,EAAoB;AAClB,WAAO,CAAC,YAAD,EAAe,WAAf,EAA4B,UAA5B,EAAwC,aAAxC,CAAP;AACD;;AAED,SAAO,CAAC,WAAD,EAAc,WAAd,EAA2B,SAA3B,EAAsC,YAAtC,CAAP;AACD;AAED;AACA;AACA;;;AACA,SAASG,MAAT,CAAgBC,MAAhB,EAAgCC,SAAhC,EAAmDC,cAAnD,EAA2EC,SAA3E,EAAuG;AACrG,MAAIA,SAAS,IAAIH,MAAM,GAAG,CAA1B,EAA6B;AAC3B,WAAOA,MAAP;AACD;;AAED,MAAMI,mBAAmB,GAAGJ,MAAM,GAAGE,cAArC;AACA,SAAOE,mBAAmB,GAAGH,SAAtB,IAAmCG,mBAAmB,GAAGH,SAAzD,CAAP;AACD;;AAED,SAASH,kBAAT,EAA6BR,MAA7B,EAAqCI,MAArC,EAA6CE,YAA7C,EAA2DG,MAA3D","sourcesContent":["import { canUseDOM } from '@vkontakte/vkjs';\n\nexport interface VKUITouchEvent extends MouseEvent, TouchEvent {}\nexport type VKUITouchEventHander = (e: VKUITouchEvent) => void;\n\n/*\n * Получает координату по оси абсцисс из touch- или mouse-события\n */\nconst coordX = (e: VKUITouchEvent): number => {\n  if (e.clientX != null) {\n    return e.clientX;\n  }\n  return e.changedTouches && e.changedTouches[0].clientX;\n};\n\n/*\n * Получает координату по оси ординат из touch- или mouse-события\n */\nconst coordY = (e: VKUITouchEvent): number => {\n  if (e.clientY != null) {\n    return e.clientY;\n  }\n  return e.changedTouches && e.changedTouches[0].clientY;\n};\n\n// eslint-disable-next-line no-restricted-globals\nconst touchEnabled = () => canUseDOM && 'ontouchstart' in window;\n\n/*\n * Возвращает массив поддерживаемых событий\n * Если браузер поддерживает pointer events или подключена handjs, вернет события указателя.\n * Если нет, используем события мыши\n */\nfunction getSupportedEvents(): string[] {\n  if (touchEnabled()) {\n    return ['touchstart', 'touchmove', 'touchend', 'touchcancel'];\n  }\n\n  return ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];\n}\n\n/*\n * Рассчитывает \"сопротивление\" для iOS тач-событий\n */\nfunction rubber(offset: number, dimension: number, resistanceRate: number, isAndroid: boolean): number {\n  if (isAndroid || offset < 0) {\n    return offset;\n  }\n\n  const offsettedResistance = offset * resistanceRate;\n  return offsettedResistance * dimension / (offsettedResistance + dimension);\n}\n\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber };\n"],"file":"touch.js"}

package/dist/cssm/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/utils.ts"],"names":["React","isNumeric","value","isNaN","parseFloat","isFinite","isFunction","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","leadingZero","val","strVal","toFixed","length","hasReactNode","undefined","isPrimitiveReactNode","node","setRef","element","ref","current","multiRef","refs","forEach","noop","createCustomEvent","window","type","eventInitDict","CustomEvent","options","bubbles","cancelable","detail","evt","document","createEvent","initCustomEvent","getTitleFromChildren","children","label","Children","map","child"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Ref, RefWithCurrent } from '../types';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<keyof React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\n// Является ли переданное значение числовым\nexport function isNumeric(value: any): boolean {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n}\n\n// Является ли переданное значение функцией\nexport function isFunction(value: any): value is ((...args: any[]) => any) {\n  return typeof value === 'function';\n}\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function leadingZero(val: number) {\n  let strVal = val.toFixed();\n\n  if (strVal.length === 1) {\n    return '0' + strVal;\n  }\n\n  return strVal;\n}\n\nexport function hasReactNode(value: React.ReactNode): boolean {\n  return value !== undefined && value !== false && value !== null && value !== '';\n}\n\nexport function isPrimitiveReactNode(node: React.ReactNode): boolean {\n  return typeof node === 'string' || typeof node === 'number';\n}\n\nexport function setRef<T>(element: T, ref: Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      ref.current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<Ref<T>>): RefWithCurrent<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => setRef(element, ref));\n    },\n  };\n}\n\n// eslint-disable-next-line\nexport const noop = () => {};\n\nexport function createCustomEvent(window: any, type: string, eventInitDict?: any) {\n  if (typeof window.CustomEvent !== 'function') {\n    const options = eventInitDict || { bubbles: false, cancelable: false, detail: null };\n\n    const evt = window.document.createEvent('CustomEvent');\n    evt.initCustomEvent(\n      type,\n      options.bubbles,\n      options.cancelable,\n      options.detail,\n    );\n    return evt;\n  }\n\n  return new window.CustomEvent(type, eventInitDict);\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += child;\n    }\n  });\n\n  return label;\n}\n"],"file":"utils.js"}
+{"version":3,"sources":["../../../src/lib/utils.ts"],"names":["React","isNumeric","value","isNaN","parseFloat","isFinite","isFunction","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","leadingZero","val","strVal","toFixed","length","hasReactNode","undefined","isPrimitiveReactNode","node","setRef","element","ref","current","multiRef","refs","forEach","noop","createCustomEvent","window","type","eventInitDict","CustomEvent","options","bubbles","cancelable","detail","evt","document","createEvent","initCustomEvent","getTitleFromChildren","children","label","Children","map","child"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<keyof React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\n// Является ли переданное значение числовым\nexport function isNumeric(value: any): boolean {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n}\n\n// Является ли переданное значение функцией\nexport function isFunction(value: any): value is ((...args: any[]) => any) {\n  return typeof value === 'function';\n}\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function leadingZero(val: number) {\n  let strVal = val.toFixed();\n\n  if (strVal.length === 1) {\n    return '0' + strVal;\n  }\n\n  return strVal;\n}\n\nexport function hasReactNode(value: React.ReactNode): boolean {\n  return value !== undefined && value !== false && value !== null && value !== '';\n}\n\nexport function isPrimitiveReactNode(node: React.ReactNode): boolean {\n  return typeof node === 'string' || typeof node === 'number';\n}\n\nexport function setRef<T>(element: T, ref: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T>>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => setRef(element, ref));\n    },\n  };\n}\n\n// eslint-disable-next-line\nexport const noop = () => {};\n\nexport function createCustomEvent(window: any, type: string, eventInitDict?: any) {\n  if (typeof window.CustomEvent !== 'function') {\n    const options = eventInitDict || { bubbles: false, cancelable: false, detail: null };\n\n    const evt = window.document.createEvent('CustomEvent');\n    evt.initCustomEvent(\n      type,\n      options.bubbles,\n      options.cancelable,\n      options.detail,\n    );\n    return evt;\n  }\n\n  return new window.CustomEvent(type, eventInitDict);\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += child;\n    }\n  });\n\n  return label;\n}\n"],"file":"utils.js"}

package/dist/cssm/styles/animations.css

@@ -1 +1 @@
-.vkui__root, .vkui__portal-root{--duration: .7s}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
+@-webkit-keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

package/dist/cssm/styles/common.css

@@ -1 +1 @@
-.vkui>body{overflow-x:hidden}.vkui,.vkui>body,.vkui__root{margin:0;padding:0;height:100%}.vkui,.vkui>body,.vkui__root,.vkui__portal-root{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);color:#000;color:var(--text_primary)}.vkui__root--embedded{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow-x:hidden}.vkuiAppRoot{height:100%}.vkui__root--embedded .vkuiAppRoot{overflow:auto}.vkui--sizeX-regular{background:#ebedf0;background:var(--background_page)}.vkuiAppRoot--no-mouse{-webkit-user-select:none;user-select:none}.vkui__root input,.vkui__root textarea,.vkui__root select,.vkui__root button{font-family:inherit}.vkui__root :focus{outline:0}
+.vkui>body{overflow-x:hidden}.vkui,.vkui>body,.vkui__root{margin:0;padding:0;height:100%}.vkui,.vkui>body,.vkui__root,.vkui__portal-root{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);color:#000;color:var(--text_primary)}.vkui__root input,.vkui__root textarea,.vkui__root select,.vkui__root button{font-family:inherit}.vkui__root :focus{outline:0}