@vkontakte/vkui 4.24.0 → 4.25.0

package/dist/helpers/scheme.d.ts

@@ -0,0 +1,34 @@
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+export declare enum Scheme {
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_LIGHT = "client_light",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_DARK = "client_dark",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости с vkcom, когда там была только одна схема
+     */
+    VKCOM = "vkcom",
+    BRIGHT_LIGHT = "bright_light",
+    SPACE_GRAY = "space_gray",
+    VKCOM_LIGHT = "vkcom_light",
+    VKCOM_DARK = "vkcom_dark"
+}
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
+export declare enum Appearance {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export interface NormalizeSchemeProps {
+    platform: PlatformType;
+    scheme?: AppearanceScheme;
+    appearance?: AppearanceType;
+}
+export declare function normalizeScheme({ platform, scheme, appearance, }: NormalizeSchemeProps): Scheme | "inherit";

package/dist/helpers/scheme.js

@@ -0,0 +1,61 @@
+import { VKCOM } from "../lib/platform";
+import { warnOnce } from "../lib/warnOnce";
+import { getScheme } from "./getScheme";
+export var Scheme;
+
+(function (Scheme) {
+  Scheme["DEPRECATED_CLIENT_LIGHT"] = "client_light";
+  Scheme["DEPRECATED_CLIENT_DARK"] = "client_dark";
+  Scheme["VKCOM"] = "vkcom";
+  Scheme["BRIGHT_LIGHT"] = "bright_light";
+  Scheme["SPACE_GRAY"] = "space_gray";
+  Scheme["VKCOM_LIGHT"] = "vkcom_light";
+  Scheme["VKCOM_DARK"] = "vkcom_dark";
+})(Scheme || (Scheme = {}));
+
+export var Appearance;
+
+(function (Appearance) {
+  Appearance["DARK"] = "dark";
+  Appearance["LIGHT"] = "light";
+})(Appearance || (Appearance = {}));
+
+var warn = warnOnce("scheme");
+export function normalizeScheme(_ref) {
+  var platform = _ref.platform,
+      scheme = _ref.scheme,
+      appearance = _ref.appearance;
+
+  if (appearance) {
+    return getScheme({
+      platform: platform,
+      appearance: appearance
+    });
+  }
+
+  if (scheme === "inherit") {
+    return scheme;
+  }
+
+  if (scheme === Scheme.VKCOM) {
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
+    return Scheme.VKCOM_LIGHT;
+  }
+
+  if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)) {
+    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""));
+    return Scheme.VKCOM_LIGHT;
+  }
+
+  switch (scheme) {
+    case Scheme.DEPRECATED_CLIENT_LIGHT:
+      return Scheme.BRIGHT_LIGHT;
+
+    case Scheme.DEPRECATED_CLIENT_DARK:
+      return Scheme.SPACE_GRAY;
+
+    default:
+      return scheme;
+  }
+}
+//# sourceMappingURL=scheme.js.map

package/dist/helpers/scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/scheme.ts"],"names":["VKCOM","warnOnce","getScheme","Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":"AACA,SAAuBA,KAAvB;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AAEA,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AA8BZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,QAAD,CAArB;AAQA,OAAO,SAASK,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAOP,SAAS,CAAC;AAAEK,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAD,CAAhB;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACH,KAAtB,EAA6B;AAC3BU,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,4CACQF,MAAM,CAACH,KADf,sRACiFG,MAAM,CAACU,WADxF,QADN;AAIA,WAAOV,MAAM,CAACU,WAAd;AACD;;AACD,MACEN,QAAQ,KAAKP,KAAb,KACCQ,MAAM,KAAKL,MAAM,CAACW,YAAlB,IAAkCN,MAAM,KAAKL,MAAM,CAACY,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACEP,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACU,WADxG,qCAC6HV,MAAM,CAACa,UADpI,QADN;AAIA,WAAOb,MAAM,CAACU,WAAd;AACD;;AACD,UAAQL,MAAR;AACE,SAAKL,MAAM,CAACc,uBAAZ;AACE,aAAOd,MAAM,CAACW,YAAd;;AACF,SAAKX,MAAM,CAACe,sBAAZ;AACE,aAAOf,MAAM,CAACY,UAAd;;AACF;AACE,aAAOP,MAAP;AANJ;AAQD","sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { warnOnce } from \"../lib/warnOnce\";\nimport { getScheme } from \"./getScheme\";\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nconst warn = warnOnce(\"scheme\");\n\nexport interface NormalizeSchemeProps {\n  platform: PlatformType;\n  scheme?: AppearanceScheme;\n  appearance?: AppearanceType;\n}\n\nexport function normalizeScheme({\n  platform,\n  scheme,\n  appearance,\n}: NormalizeSchemeProps): Scheme | \"inherit\" {\n  if (appearance) {\n    return getScheme({ platform, appearance });\n  }\n\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n"],"file":"scheme.js"}

package/dist/hoc/withAdaptivity.d.ts

@@ -1,4 +1,5 @@
-import { SizeType, ViewHeight, ViewWidth, AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import * as React from "react";
+import { SizeType, ViewHeight, ViewWidth, AdaptivityContextInterface, AdaptivityProps, SizeProps } from "../components/AdaptivityProvider/AdaptivityContext";
 export { SizeType, ViewWidth, ViewHeight };
 export type { AdaptivityProps };
 interface Config {
@@ -9,4 +10,4 @@ interface Config {
     hasMouse?: boolean;
     deviceHasHover?: boolean;
 }
-export declare function withAdaptivity<T>(TargetComponent: T, config: Config): T;
+export declare function withAdaptivity<T extends AdaptivityProps>(TargetComponent: React.ComponentType<T>, config: Config): React.FC<Omit<T, keyof AdaptivityContextInterface> & SizeProps>;

package/dist/hoc/withAdaptivity.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { AdaptivityContext, SizeType, ViewHeight, ViewWidth } from "../components/AdaptivityProvider/AdaptivityContext";
 export { SizeType, ViewWidth, ViewHeight };
 export function withAdaptivity(TargetComponent, config) {
-  function AdaptivityConsumer(props) {
+  var AdaptivityConsumer = function AdaptivityConsumer(props) {
     var context = React.useContext(AdaptivityContext);
     var update = false;
 
@@ -24,8 +24,7 @@ export function withAdaptivity(TargetComponent, config) {
     config.viewWidth ? adaptivityProps.viewWidth = viewWidth : undefined;
     config.viewHeight ? adaptivityProps.viewHeight = viewHeight : undefined;
     config.hasMouse ? adaptivityProps.hasMouse = hasMouse : undefined;
-    config.deviceHasHover ? adaptivityProps.deviceHasHover = deviceHasHover : undefined; // @ts-ignore
-
+    config.deviceHasHover ? adaptivityProps.deviceHasHover = deviceHasHover : undefined;
     var target = createScopedElement(TargetComponent, _extends({}, props, adaptivityProps));
 
     if (update) {
@@ -42,7 +41,7 @@ export function withAdaptivity(TargetComponent, config) {
     }
 
     return target;
-  }
+  };
 
   return AdaptivityConsumer;
 }

package/dist/hoc/withAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withAdaptivity.tsx"],"names":["React","AdaptivityContext","SizeType","ViewHeight","ViewWidth","withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","useContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,QAFF,EAGEC,UAHF,EAIEC,SAJF;AAQA,SAASF,QAAT,EAAmBE,SAAnB,EAA8BD,UAA9B;AAYA,OAAO,SAASE,cAAT,CAA2BC,eAA3B,EAA+CC,MAA/C,EAAkE;AACvE,WAASC,kBAAT,CAA4BC,KAA5B,EAAoD;AAClD,QAAMC,OAAO,GAAGV,KAAK,CAACW,UAAN,CAAiBV,iBAAjB,CAAhB;AACA,QAAIW,MAAM,GAAG,KAAb;;AAEA,QAAIH,KAAK,CAACI,KAAN,IAAeJ,KAAK,CAACK,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGJ,KAAK,CAACI,KAAN,IAAeH,OAAO,CAACG,KAArC;AACA,QAAMC,KAAK,GAAGL,KAAK,CAACK,KAAN,IAAeJ,OAAO,CAACI,KAArC;AACA,QAAMC,SAAS,GAAGL,OAAO,CAACK,SAA1B;AACA,QAAMC,UAAU,GAAGN,OAAO,CAACM,UAA3B;AACA,QAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAzB;AACA,QAAMC,cAAc,GAAGR,OAAO,CAACQ,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AAQAZ,IAAAA,MAAM,CAACM,KAAP,GAAgBM,eAAe,CAACN,KAAhB,GAAwBA,KAAxC,GAAiDO,SAAjD;AACAb,IAAAA,MAAM,CAACO,KAAP,GAAgBK,eAAe,CAACL,KAAhB,GAAwBA,KAAxC,GAAiDM,SAAjD;AACAb,IAAAA,MAAM,CAACQ,SAAP,GAAoBI,eAAe,CAACJ,SAAhB,GAA4BA,SAAhD,GAA6DK,SAA7D;AACAb,IAAAA,MAAM,CAACS,UAAP,GAAqBG,eAAe,CAACH,UAAhB,GAA6BA,UAAlD,GAAgEI,SAAhE;AACAb,IAAAA,MAAM,CAACU,QAAP,GAAmBE,eAAe,CAACF,QAAhB,GAA2BA,QAA9C,GAA0DG,SAA1D;AACAb,IAAAA,MAAM,CAACW,cAAP,GACKC,eAAe,CAACD,cAAhB,GAAiCA,cADtC,GAEIE,SAFJ,CA5BkD,CAgClD;;AACA,QAAMC,MAAM,GAAG,oBAAC,eAAD,eAAqBZ,KAArB,EAAgCU,eAAhC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,aACE,oBAAC,iBAAD,CAAmB,QAAnB;AACE,QAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,KAAK,EAALA,KAFK;AAGLC,UAAAA,SAAS,EAATA,SAHK;AAILC,UAAAA,UAAU,EAAVA,UAJK;AAKLC,UAAAA,QAAQ,EAARA,QALK;AAMLC,UAAAA,cAAc,EAAdA;AANK;AADT,SAUGG,MAVH,CADF;AAcD;;AAED,WAAOA,MAAP;AACD;;AAED,SAAOb,kBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  SizeType,\n  ViewHeight,\n  ViewWidth,\n  AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport { SizeType, ViewWidth, ViewHeight };\nexport type { AdaptivityProps };\n\ninterface Config {\n  sizeX?: boolean;\n  sizeY?: boolean;\n  viewWidth?: boolean;\n  viewHeight?: boolean;\n  hasMouse?: boolean;\n  deviceHasHover?: boolean;\n}\n\nexport function withAdaptivity<T>(TargetComponent: T, config: Config): T {\n  function AdaptivityConsumer(props: AdaptivityProps) {\n    const context = React.useContext(AdaptivityContext);\n    let update = false;\n\n    if (props.sizeX || props.sizeY) {\n      update = true;\n    }\n\n    const sizeX = props.sizeX || context.sizeX;\n    const sizeY = props.sizeY || context.sizeY;\n    const viewWidth = context.viewWidth;\n    const viewHeight = context.viewHeight;\n    const hasMouse = context.hasMouse;\n    const deviceHasHover = context.deviceHasHover;\n\n    const adaptivityProps: {\n      sizeX?: SizeType;\n      sizeY?: SizeType;\n      viewWidth?: ViewWidth;\n      viewHeight?: ViewHeight;\n      hasMouse?: boolean;\n      deviceHasHover?: boolean;\n    } = {};\n    config.sizeX ? (adaptivityProps.sizeX = sizeX) : undefined;\n    config.sizeY ? (adaptivityProps.sizeY = sizeY) : undefined;\n    config.viewWidth ? (adaptivityProps.viewWidth = viewWidth) : undefined;\n    config.viewHeight ? (adaptivityProps.viewHeight = viewHeight) : undefined;\n    config.hasMouse ? (adaptivityProps.hasMouse = hasMouse) : undefined;\n    config.deviceHasHover\n      ? (adaptivityProps.deviceHasHover = deviceHasHover)\n      : undefined;\n\n    // @ts-ignore\n    const target = <TargetComponent {...props} {...adaptivityProps} />;\n\n    if (update) {\n      return (\n        <AdaptivityContext.Provider\n          value={{\n            sizeX,\n            sizeY,\n            viewWidth,\n            viewHeight,\n            hasMouse,\n            deviceHasHover,\n          }}\n        >\n          {target}\n        </AdaptivityContext.Provider>\n      );\n    }\n\n    return target;\n  }\n\n  return AdaptivityConsumer as unknown as T;\n}\n"],"file":"withAdaptivity.js"}
+{"version":3,"sources":["../../src/hoc/withAdaptivity.tsx"],"names":["React","AdaptivityContext","SizeType","ViewHeight","ViewWidth","withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","useContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,QAFF,EAGEC,UAHF,EAIEC,SAJF;AAUA,SAASF,QAAT,EAAmBE,SAAnB,EAA8BD,UAA9B;AAYA,OAAO,SAASE,cAAT,CACLC,eADK,EAELC,MAFK,EAG4D;AACjE,MAAMC,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAkE;AACpE,QAAMC,OAAO,GAAGV,KAAK,CAACW,UAAN,CAAiBV,iBAAjB,CAAhB;AACA,QAAIW,MAAM,GAAG,KAAb;;AAEA,QAAIH,KAAK,CAACI,KAAN,IAAeJ,KAAK,CAACK,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGJ,KAAK,CAACI,KAAN,IAAeH,OAAO,CAACG,KAArC;AACA,QAAMC,KAAK,GAAGL,KAAK,CAACK,KAAN,IAAeJ,OAAO,CAACI,KAArC;AACA,QAAMC,SAAS,GAAGL,OAAO,CAACK,SAA1B;AACA,QAAMC,UAAU,GAAGN,OAAO,CAACM,UAA3B;AACA,QAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAzB;AACA,QAAMC,cAAc,GAAGR,OAAO,CAACQ,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AASAZ,IAAAA,MAAM,CAACM,KAAP,GAAgBM,eAAe,CAACN,KAAhB,GAAwBA,KAAxC,GAAiDO,SAAjD;AACAb,IAAAA,MAAM,CAACO,KAAP,GAAgBK,eAAe,CAACL,KAAhB,GAAwBA,KAAxC,GAAiDM,SAAjD;AACAb,IAAAA,MAAM,CAACQ,SAAP,GAAoBI,eAAe,CAACJ,SAAhB,GAA4BA,SAAhD,GAA6DK,SAA7D;AACAb,IAAAA,MAAM,CAACS,UAAP,GAAqBG,eAAe,CAACH,UAAhB,GAA6BA,UAAlD,GAAgEI,SAAhE;AACAb,IAAAA,MAAM,CAACU,QAAP,GAAmBE,eAAe,CAACF,QAAhB,GAA2BA,QAA9C,GAA0DG,SAA1D;AACAb,IAAAA,MAAM,CAACW,cAAP,GACKC,eAAe,CAACD,cAAhB,GAAiCA,cADtC,GAEIE,SAFJ;AAIA,QAAMC,MAAM,GAAG,oBAAC,eAAD,eAAsBZ,KAAtB,EAAuCU,eAAvC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,aACE,oBAAC,iBAAD,CAAmB,QAAnB;AACE,QAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,KAAK,EAALA,KAFK;AAGLC,UAAAA,SAAS,EAATA,SAHK;AAILC,UAAAA,UAAU,EAAVA,UAJK;AAKLC,UAAAA,QAAQ,EAARA,QALK;AAMLC,UAAAA,cAAc,EAAdA;AANK;AADT,SAUGG,MAVH,CADF;AAcD;;AAED,WAAOA,MAAP;AACD,GAvDD;;AAyDA,SAAOb,kBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  SizeType,\n  ViewHeight,\n  ViewWidth,\n  AdaptivityContextInterface,\n  AdaptivityProps,\n  SizeProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport { SizeType, ViewWidth, ViewHeight };\nexport type { AdaptivityProps };\n\ninterface Config {\n  sizeX?: boolean;\n  sizeY?: boolean;\n  viewWidth?: boolean;\n  viewHeight?: boolean;\n  hasMouse?: boolean;\n  deviceHasHover?: boolean;\n}\n\nexport function withAdaptivity<T extends AdaptivityProps>(\n  TargetComponent: React.ComponentType<T>,\n  config: Config\n): React.FC<Omit<T, keyof AdaptivityContextInterface> & SizeProps> {\n  const AdaptivityConsumer: React.ComponentType<\n    Omit<T, keyof AdaptivityContextInterface> & SizeProps\n  > = (props: Omit<T, keyof AdaptivityContextInterface> & SizeProps) => {\n    const context = React.useContext(AdaptivityContext);\n    let update = false;\n\n    if (props.sizeX || props.sizeY) {\n      update = true;\n    }\n\n    const sizeX = props.sizeX || context.sizeX;\n    const sizeY = props.sizeY || context.sizeY;\n    const viewWidth = context.viewWidth;\n    const viewHeight = context.viewHeight;\n    const hasMouse = context.hasMouse;\n    const deviceHasHover = context.deviceHasHover;\n\n    const adaptivityProps: {\n      sizeX?: SizeType;\n      sizeY?: SizeType;\n      viewWidth?: ViewWidth;\n      viewHeight?: ViewHeight;\n      hasMouse?: boolean;\n      deviceHasHover?: boolean;\n    } = {};\n\n    config.sizeX ? (adaptivityProps.sizeX = sizeX) : undefined;\n    config.sizeY ? (adaptivityProps.sizeY = sizeY) : undefined;\n    config.viewWidth ? (adaptivityProps.viewWidth = viewWidth) : undefined;\n    config.viewHeight ? (adaptivityProps.viewHeight = viewHeight) : undefined;\n    config.hasMouse ? (adaptivityProps.hasMouse = hasMouse) : undefined;\n    config.deviceHasHover\n      ? (adaptivityProps.deviceHasHover = deviceHasHover)\n      : undefined;\n\n    const target = <TargetComponent {...(props as T)} {...adaptivityProps} />;\n\n    if (update) {\n      return (\n        <AdaptivityContext.Provider\n          value={{\n            sizeX,\n            sizeY,\n            viewWidth,\n            viewHeight,\n            hasMouse,\n            deviceHasHover,\n          }}\n        >\n          {target}\n        </AdaptivityContext.Provider>\n      );\n    }\n\n    return target;\n  };\n\n  return AdaptivityConsumer;\n}\n"],"file":"withAdaptivity.js"}

package/dist/hoc/withContext.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare function withContext<T, X>(Component: T, Ctx: React.Context<X>, prop: string): T;
+export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;

package/dist/hoc/withContext.js

@@ -4,8 +4,7 @@ import { createScopedElement } from "../lib/jsxRuntime";
 import * as React from "react";
 export function withContext(Component, Ctx, prop) {
   function WithContext(props) {
-    var context = React.useContext(Ctx); // @ts-ignore
-
+    var context = React.useContext(Ctx);
     return createScopedElement(Component, _extends({}, props, _defineProperty({}, prop, context)));
   }
 

package/dist/hoc/withContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withContext.tsx"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":";;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,WAAT,CACLC,SADK,EAELC,GAFK,EAGLC,IAHK,EAIF;AACH,WAASC,WAAT,CAAqBC,KAArB,EAAgC;AAC9B,QAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAN,CAAoBL,GAApB,CAAhB,CAD8B,CAG9B;;AACA,WAAO,oBAAC,SAAD,eAAeG,KAAf,sBAA6BF,IAA7B,EAAoCG,OAApC,GAAP;AACD;;AACD,SAAOF,WAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function withContext<T, X>(\n  Component: T,\n  Ctx: React.Context<X>,\n  prop: string\n): T {\n  function WithContext(props: {}) {\n    const context = React.useContext<X>(Ctx);\n\n    // @ts-ignore\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext as unknown as T;\n}\n"],"file":"withContext.js"}
+{"version":3,"sources":["../../src/hoc/withContext.tsx"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":";;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,WAAT,CACLC,SADK,EAELC,GAFK,EAGLC,IAHK,EAIQ;AACb,WAASC,WAAT,CAAqBC,KAArB,EAA+B;AAC7B,QAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAN,CAAoBL,GAApB,CAAhB;AAEA,WAAO,oBAAC,SAAD,eAAeG,KAAf,sBAA6BF,IAA7B,EAAoCG,OAApC,GAAP;AACD;;AACD,SAAOF,WAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function withContext<T, X>(\n  Component: React.ComponentType<T>,\n  Ctx: React.Context<X>,\n  prop: string\n): React.FC<T> {\n  function WithContext(props: T) {\n    const context = React.useContext<X>(Ctx);\n\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext;\n}\n"],"file":"withContext.js"}

package/dist/hoc/withInsets.d.ts

@@ -1 +1,3 @@
-export declare function withInsets<T>(Component: T): T;
+/// <reference types="react" />
+import { HasInsets } from "../types";
+export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasInsets>>;

package/dist/hoc/withInsets.js

@@ -3,8 +3,7 @@ import { createScopedElement } from "../lib/jsxRuntime";
 import { useInsets } from "../hooks/useInsets";
 export function withInsets(Component) {
   function WithInsets(props) {
-    var insets = useInsets(); // @ts-ignore
-
+    var insets = useInsets();
     return createScopedElement(Component, _extends({}, props, {
       insets: insets
     }));

package/dist/hoc/withInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withInsets.tsx"],"names":["useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":";;AAAA,SAASA,SAAT;AAEA,OAAO,SAASC,UAAT,CAAuBC,SAAvB,EAAwC;AAC7C,WAASC,UAAT,CAAoBC,KAApB,EAA+B;AAC7B,QAAMC,MAAM,GAAGL,SAAS,EAAxB,CAD6B,CAE7B;;AACA,WAAO,oBAAC,SAAD,eAAeI,KAAf;AAAsB,MAAA,MAAM,EAAEC;AAA9B,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from \"../hooks/useInsets\";\n\nexport function withInsets<T>(Component: T): T {\n  function WithInsets(props: {}) {\n    const insets = useInsets();\n    // @ts-ignore\n    return <Component {...props} insets={insets} />;\n  }\n  return WithInsets as unknown as T;\n}\n"],"file":"withInsets.js"}
+{"version":3,"sources":["../../src/hoc/withInsets.tsx"],"names":["useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":";;AAAA,SAASA,SAAT;AAGA,OAAO,SAASC,UAAT,CACLC,SADK,EAE+B;AACpC,WAASC,UAAT,CAAoBC,KAApB,EAAqD;AACnD,QAAMC,MAAM,GAAGL,SAAS,EAAxB;AACA,WAAO,oBAAC,SAAD,eAAgBI,KAAhB;AAA6B,MAAA,MAAM,EAAEC;AAArC,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from \"../hooks/useInsets\";\nimport { HasInsets } from \"../types\";\n\nexport function withInsets<T extends HasInsets>(\n  Component: React.ComponentType<T>\n): React.FC<Omit<T, keyof HasInsets>> {\n  function WithInsets(props: Omit<T, keyof HasInsets>) {\n    const insets = useInsets();\n    return <Component {...(props as T)} insets={insets} />;\n  }\n  return WithInsets;\n}\n"],"file":"withInsets.js"}

package/dist/hoc/withPlatform.d.ts

@@ -1 +1,3 @@
-export declare function withPlatform<T>(Component: T): T;
+import * as React from "react";
+import { HasPlatform } from "../types";
+export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;

package/dist/hoc/withPlatform.js

@@ -8,8 +8,7 @@ export function withPlatform(Component) {
     var ssrContext = React.useContext(SSRContext);
 
     var _React$useContext = React.useContext(ConfigProviderContext),
-        platform = _React$useContext.platform; // @ts-ignore
-
+        platform = _React$useContext.platform;
 
     return createScopedElement(Component, _extends({}, props, {
       platform: ssrContext.platform || platform

package/dist/hoc/withPlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withPlatform.tsx"],"names":["React","SSRContext","ConfigProviderContext","withPlatform","Component","WithPlatform","props","ssrContext","useContext","platform"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,qBAAT;AAEA,OAAO,SAASC,YAAT,CAAyBC,SAAzB,EAA0C;AAC/C,WAASC,YAAT,CAAsBC,KAAtB,EAAiC;AAC/B,QAAMC,UAAU,GAAGP,KAAK,CAACQ,UAAN,CAAiBP,UAAjB,CAAnB;;AACA,4BAAqBD,KAAK,CAACQ,UAAN,CAAiBN,qBAAjB,CAArB;AAAA,QAAQO,QAAR,qBAAQA,QAAR,CAF+B,CAG/B;;;AACA,WAAO,oBAAC,SAAD,eAAeH,KAAf;AAAsB,MAAA,QAAQ,EAAEC,UAAU,CAACE,QAAX,IAAuBA;AAAvD,OAAP;AACD;;AACD,SAAOJ,YAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T>(Component: T): T {\n  function WithPlatform(props: {}) {\n    const ssrContext = React.useContext(SSRContext);\n    const { platform } = React.useContext(ConfigProviderContext);\n    // @ts-ignore\n    return <Component {...props} platform={ssrContext.platform || platform} />;\n  }\n  return WithPlatform as unknown as T;\n}\n"],"file":"withPlatform.js"}
+{"version":3,"sources":["../../src/hoc/withPlatform.tsx"],"names":["React","SSRContext","ConfigProviderContext","withPlatform","Component","WithPlatform","props","ssrContext","useContext","platform"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AAEA,SAASC,qBAAT;AAEA,OAAO,SAASC,YAAT,CACLC,SADK,EAEiC;AACtC,WAASC,YAAT,CAAsBC,KAAtB,EAAyD;AACvD,QAAMC,UAAU,GAAGP,KAAK,CAACQ,UAAN,CAAiBP,UAAjB,CAAnB;;AACA,4BAAqBD,KAAK,CAACQ,UAAN,CAAiBN,qBAAjB,CAArB;AAAA,QAAQO,QAAR,qBAAQA,QAAR;;AACA,WACE,oBAAC,SAAD,eAAgBH,KAAhB;AAA6B,MAAA,QAAQ,EAAEC,UAAU,CAACE,QAAX,IAAuBA;AAA9D,OADF;AAGD;;AACD,SAAOJ,YAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { HasPlatform } from \"../types\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const ssrContext = React.useContext(SSRContext);\n    const { platform } = React.useContext(ConfigProviderContext);\n    return (\n      <Component {...(props as T)} platform={ssrContext.platform || platform} />\n    );\n  }\n  return WithPlatform;\n}\n"],"file":"withPlatform.js"}

package/dist/hooks/useAdaptivity.d.ts

@@ -1,3 +1,3 @@
-import { AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
 export type { AdaptivityProps };
-export declare const useAdaptivity: () => AdaptivityProps;
+export declare const useAdaptivity: () => AdaptivityContextInterface;

package/dist/hooks/useAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useAdaptivity.ts"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF;AAOA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;AAClD,SAAOF,KAAK,CAACG,UAAN,CAAiBF,iBAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n  return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}
+{"version":3,"sources":["../../src/hooks/useAdaptivity.ts"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF;AAQA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAOF,KAAK,CAACG,UAAN,CAAiBF,iBAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}

package/dist/hooks/useAppearance.d.ts

@@ -1 +1 @@
-export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;
+export declare const useAppearance: () => "dark" | "light" | undefined;

package/dist/hooks/useEnsuredControl.d.ts

@@ -3,4 +3,4 @@ export declare function useEnsuredControl<V, E>(props: {
     onChange?: (e: E) => any;
 }, options: {
     defaultValue: V;
-}): [V, (e: E) => any];
+}): [V | undefined, (e: E) => any];

package/dist/hooks/useEnsuredControl.js

@@ -11,7 +11,7 @@ export function useEnsuredControl(props, options) {
   var onChange = React.useCallback(function (e) {
     !isControlled && setLocalValue(e.target.value);
     props.onChange && props.onChange(e);
-  }, [props.onChange]);
+  }, [isControlled, props]);
   return [isControlled ? props.value : localValue, onChange];
 }
 //# sourceMappingURL=useEnsuredControl.js.map

package/dist/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useEnsuredControl.ts"],"names":["React","useEnsuredControl","props","options","isControlled","hasOwnProperty","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,iBAAT,CACLC,KADK,EAELC,OAFK,EAGe;AACpB,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCL,KAAK,CAACM,QAAN,CAAeH,OAAO,CAACI,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGV,KAAK,CAACW,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACR,YAAD,IAAiBK,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAZ,IAAAA,KAAK,CAACQ,QAAN,IAAkBR,KAAK,CAACQ,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACV,KAAK,CAACQ,QAAP,CALe,CAAjB;AAOA,SAAO,CAACN,YAAY,GAAGF,KAAK,CAACY,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [props.onChange]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}
+{"version":3,"sources":["../../src/hooks/useEnsuredControl.ts"],"names":["React","useEnsuredControl","props","options","isControlled","hasOwnProperty","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,SAASC,iBAAT,CACLC,KADK,EAELC,OAFK,EAG2B;AAChC,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCL,KAAK,CAACM,QAAN,CAAeH,OAAO,CAACI,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGV,KAAK,CAACW,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACR,YAAD,IAAiBK,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAZ,IAAAA,KAAK,CAACQ,QAAN,IAAkBR,KAAK,CAACQ,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACR,YAAD,EAAeF,KAAf,CALe,CAAjB;AAOA,SAAO,CAACE,YAAY,GAAGF,KAAK,CAACY,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V | undefined, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [isControlled, props]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}

package/dist/hooks/useEventListener.d.ts

@@ -1,7 +1,7 @@
 interface EventListenerHandle {
-    add: (el: HTMLElement | Document) => void;
+    add: (el: HTMLElement | Document | Window) => void;
     remove: () => void;
 }
-export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: (ev: GlobalEventHandlersEventMap[K]) => any, _options?: AddEventListenerOptions): EventListenerHandle;
-export declare function useEventListener(event: string, _cb: (ev: Event) => any, _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void), _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<E extends Event>(event: string, _cb: false | null | undefined | ((ev: E) => void), _options?: AddEventListenerOptions): EventListenerHandle;
 export {};

package/dist/hooks/useEventListener.js

@@ -34,10 +34,10 @@ export function useEventListener(event, _cb, _options) {
     detach.current = function () {
       return el.removeEventListener(event, cb, options);
     };
-  }, []);
+  }, [_options, cb, event, remove]);
   React.useEffect(function () {
     return remove;
-  }, []);
+  }, [remove]);
   return {
     add: add,
     remove: remove

package/dist/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useEventListener.ts"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,SAAT;AACA,SAASC,yBAAT;AAiBA,OAAO,SAASC,gBAAT,CACLC,KADK,EAELC,GAFK,EAGLC,QAHK,EAIL;AACA,MAAMC,KAAK,GAAGR,KAAK,CAACS,MAAN,CAAaH,GAAb,CAAd;AACAH,EAAAA,yBAAyB,CAAC,YAAM;AAC9BK,IAAAA,KAAK,CAACE,OAAN,GAAgBJ,GAAhB;AACD,GAFwB,EAEtB,CAACA,GAAD,CAFsB,CAAzB;AAGA,MAAMK,EAAE,GAAGX,KAAK,CAACY,WAAN,CACT,UAACC,CAAD;AAAA,WAAOL,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACE,OAAN,CAAcG,CAAd,CAAxB;AAAA,GADS,EAET,EAFS,CAAX;AAKA,MAAMC,MAAM,GAAGd,KAAK,CAACS,MAAN,CAAaR,IAAb,CAAf;AACA,MAAMc,MAAM,GAAGf,KAAK,CAACY,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBT,IAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAMe,GAAG,GAAGhB,KAAK,CAACY,WAAN,CAAkB,UAACK,EAAD,EAAgC;AAC5D,QAAI,CAACf,SAAL,EAAgB;AACd;AACD;;AACDa,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAMC,OAAO,qBAAQX,QAAR,CAAb;;AACAU,IAAAA,EAAE,CAACE,gBAAH,CAAoBd,KAApB,EAA2BM,EAA3B,EAA+BO,OAA/B;;AACAJ,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMO,EAAE,CAACG,mBAAH,CAAuBf,KAAvB,EAA8BM,EAA9B,EAAkCO,OAAlC,CAAN;AAAA,KAAjB;AACD,GAXW,EAWT,EAXS,CAAZ;AAYAlB,EAAAA,KAAK,CAACqB,SAAN,CAAgB;AAAA,WAAMN,MAAN;AAAA,GAAhB,EAA8B,EAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../lib/utils\";\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: (ev: GlobalEventHandlersEventMap[K]) => any,\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n  event: string,\n  _cb: (ev: Event) => any,\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n  event: string,\n  _cb: (ev: Event) => any,\n  _options?: AddEventListenerOptions\n) {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback<typeof _cb>(\n    (e) => cbRef.current && cbRef.current(e),\n    []\n  );\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback((el: HTMLElement | Document) => {\n    if (!canUseDOM) {\n      return;\n    }\n    remove();\n    if (!el) {\n      return;\n    }\n    const options = { ..._options };\n    el.addEventListener(event, cb, options);\n    detach.current = () => el.removeEventListener(event, cb, options);\n  }, []);\n  React.useEffect(() => remove, []);\n\n  return { add, remove };\n}\n"],"file":"useEventListener.js"}
+{"version":3,"sources":["../../src/hooks/useEventListener.ts"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,SAAT;AACA,SAASC,yBAAT;AAqBA,OAAO,SAASC,gBAAT,CAILC,KAJK,EAKLC,GALK,EAMLC,QANK,EAOgB;AACrB,MAAMC,KAAK,GAAGR,KAAK,CAACS,MAAN,CAAaH,GAAb,CAAd;AACAH,EAAAA,yBAAyB,CAAC,YAAM;AAC9BK,IAAAA,KAAK,CAACE,OAAN,GAAgBJ,GAAhB;AACD,GAFwB,EAEtB,CAACA,GAAD,CAFsB,CAAzB;AAGA,MAAMK,EAAE,GAAGX,KAAK,CAACY,WAAN,CAAkB,UAACC,CAAD;AAAA,WAAOL,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACE,OAAN,CAAcG,CAAd,CAAxB;AAAA,GAAlB,EAA4D,EAA5D,CAAX;AAEA,MAAMC,MAAM,GAAGd,KAAK,CAACS,MAAN,CAAaR,IAAb,CAAf;AACA,MAAMc,MAAM,GAAGf,KAAK,CAACY,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBT,IAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAMe,GAAG,GAAGhB,KAAK,CAACY,WAAN,CACV,UAACK,EAAD,EAAyC;AACvC,QAAI,CAACf,SAAL,EAAgB;AACd;AACD;;AACDa,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAMC,OAAO,qBAAQX,QAAR,CAAb;;AACAU,IAAAA,EAAE,CAACE,gBAAH,CAAoBd,KAApB,EAA2BM,EAA3B,EAA+BO,OAA/B;;AACAJ,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMO,EAAE,CAACG,mBAAH,CAAuBf,KAAvB,EAA8BM,EAA9B,EAAkCO,OAAlC,CAAN;AAAA,KAAjB;AACD,GAZS,EAaV,CAACX,QAAD,EAAWI,EAAX,EAAeN,KAAf,EAAsBU,MAAtB,CAbU,CAAZ;AAeAf,EAAAA,KAAK,CAACqB,SAAN,CAAgB;AAAA,WAAMN,MAAN;AAAA,GAAhB,EAA8B,CAACA,MAAD,CAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../lib/utils\";\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb:\n    | false\n    | null\n    | undefined\n    | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<\n  E extends Event,\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove]\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return { add, remove };\n}\n"],"file":"useEventListener.js"}

package/dist/hooks/useExternRef.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare function useExternRef<T>(...externRefs: Array<React.Ref<T>>): React.MutableRefObject<T>;
+export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/dist/hooks/useExternRef.js

@@ -5,7 +5,7 @@ export function useExternRef() {
     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/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,GAEsB;AAAA,oCADxBC,UACwB;AADxBA,IAAAA,UACwB;AAAA;;AAC3B,MAAMC,SAAS,GAAGJ,KAAK,CAACK,MAAN,EAAlB;AACA,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;AAAA,iBAAST,MAAM,CAACO,EAAD,EAAKE,GAAL,CAAf;AAAA,SAAnB;AACD;;AAPI,KAAP;AAAA,GADK,EAULP,UAVK,CAAP;AAYD","sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T>>\n): React.MutableRefObject<T> {\n  const stableRef = React.useRef<T>();\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) => setRef(el, ref));\n      },\n    }),\n    externRefs\n  );\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/hooks/useFocusVisible.d.ts

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

package/dist/hooks/useGlobalEventListener.d.ts

@@ -1,2 +1,2 @@
-export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: HTMLElement | HTMLDocument | Window, event: K, cb: false | null | ((ev: GlobalEventHandlersEventMap[K]) => any), options?: AddEventListenerOptions): void;
-export declare function useGlobalEventListener(element: HTMLElement | HTMLDocument | Window, event: string, cb: false | null | ((ev: Event) => any), options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: Document | HTMLElement | Window | null | undefined, event: K, cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<E extends Event>(element: Document | HTMLElement | Window | null | undefined, event: string, cb: ((ev: E) => void) | null | false | undefined, options?: AddEventListenerOptions): void;

package/dist/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/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;AAgBA,OAAO,SAASC,sBAAT,CACLC,OADK,EAELC,KAFK,EAGLC,EAHK,EAILC,OAJK,EAKL;AACA,MAAMC,QAAQ,GAAGN,gBAAgB,CAACG,KAAD,EAAQC,EAAR,EAAYC,OAAZ,CAAjC;AACAN,EAAAA,yBAAyB,CACvB;AAAA,WAAOK,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,EAApC;AAAA,GADuB,EAEvB,CAACC,OAAO,CAACL,EAAD,CAAR,CAFuB,CAAzB;AAID","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\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(\n  element: any,\n  event: string,\n  cb: (ev: Event) => any,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(\n    () => (cb ? listener.add(element) : listener.remove()),\n    [Boolean(cb)]\n  );\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/hooks/useInsets.d.ts

@@ -1,2 +1,8 @@
-import { Insets } from "@vkontakte/vk-bridge";
+import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+export interface Insets {
+    bottom: BridgeInsets["bottom"] | null;
+    top: BridgeInsets["top"] | null;
+    left: BridgeInsets["left"] | null;
+    right: BridgeInsets["right"] | null;
+}
 export declare function useInsets(): Insets;

package/dist/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/hooks/useKeyboard.js

@@ -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;
+  return {
+    isOpened: isOpened,
+    isPrecise: isPrecise
+  };
 }
 //# sourceMappingURL=useKeyboard.js.map

package/dist/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,CAChC,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,GADF,CAAlC;AAGA,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,wBACEZ,KAAK,CAACa,QAAN,CAAsC;AACpCC,IAAAA,QAAQ,EAAE,KAD0B;AAEpCC,IAAAA,SAAS,EAAE;AAFyB,GAAtC,CADF;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAMA,MAAMC,mBAAmB,GAAGlB,KAAK,CAACmB,MAAN,CAElB,IAFkB,CAA5B;AAIA,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,EACN,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,MACC,0BAAAjB,QAAQ,CAACkB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,IACC,2BAAAnB,QAAQ,CAACkB,aAAT,kFAAwBC,OAAxB,MAAoC,UAFtC,CAFe;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(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [keyboardState, setKeyboardState] =\n    React.useState<SoftwareKeyboardState>({\n      isOpened: false,\n      isPrecise: false,\n    });\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | 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:\n        (event === true || event.type === \"focusin\") &&\n        (document.activeElement?.tagName === \"INPUT\" ||\n          document.activeElement?.tagName === \"TEXTAREA\"),\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"}