@vkontakte/vkui 4.24.0 → 4.25.0

package/dist/cjs/helpers/getScheme.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScheme = getScheme;
+
+var _platform = require("../lib/platform");
+
+var _scheme = require("./scheme");
+
+function getScheme(_ref) {
+  var platform = _ref.platform,
+      appearance = _ref.appearance;
+
+  switch (appearance) {
+    case "dark":
+      switch (platform) {
+        case _platform.VKCOM:
+          return _scheme.Scheme.VKCOM_DARK;
+
+        default:
+          return _scheme.Scheme.SPACE_GRAY;
+      }
+
+    case "light":
+      switch (platform) {
+        case _platform.VKCOM:
+          return _scheme.Scheme.VKCOM_LIGHT;
+
+        default:
+          return _scheme.Scheme.BRIGHT_LIGHT;
+      }
+
+  }
+}
+//# sourceMappingURL=getScheme.js.map

package/dist/cjs/helpers/getScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/helpers/getScheme.ts"],"names":["getScheme","platform","appearance","VKCOM","Scheme","VKCOM_DARK","SPACE_GRAY","VKCOM_LIGHT","BRIGHT_LIGHT"],"mappings":";;;;;;;AACA;;AACA;;AAOO,SAASA,SAAT,OAAqE;AAAA,MAAhDC,QAAgD,QAAhDA,QAAgD;AAAA,MAAtCC,UAAsC,QAAtCA,UAAsC;;AAC1E,UAAQA,UAAR;AACE,SAAK,MAAL;AACE,cAAQD,QAAR;AACE,aAAKE,eAAL;AACE,iBAAOC,eAAOC,UAAd;;AACF;AACE,iBAAOD,eAAOE,UAAd;AAJJ;;AAMF,SAAK,OAAL;AACE,cAAQL,QAAR;AACE,aAAKE,eAAL;AACE,iBAAOC,eAAOG,WAAd;;AACF;AACE,iBAAOH,eAAOI,YAAd;AAJJ;;AATJ;AAgBD","sourcesContent":["import { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { Scheme } from \"./scheme\";\n\nexport interface GetSchemeProps {\n  platform?: PlatformType;\n  appearance: AppearanceType;\n}\n\nexport function getScheme({ platform, appearance }: GetSchemeProps): Scheme {\n  switch (appearance) {\n    case \"dark\":\n      switch (platform) {\n        case VKCOM:\n          return Scheme.VKCOM_DARK;\n        default:\n          return Scheme.SPACE_GRAY;\n      }\n    case \"light\":\n      switch (platform) {\n        case VKCOM:\n          return Scheme.VKCOM_LIGHT;\n        default:\n          return Scheme.BRIGHT_LIGHT;\n      }\n  }\n}\n"],"file":"getScheme.js"}

package/dist/cjs/helpers/math.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.clamp = void 0;
 exports.precisionRound = precisionRound;
 exports.rescale = rescale;
-exports.clamp = void 0;
 
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(value, max));

package/dist/cjs/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/cjs/helpers/scheme.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Scheme = exports.Appearance = void 0;
+exports.normalizeScheme = normalizeScheme;
+
+var _platform = require("../lib/platform");
+
+var _warnOnce = require("../lib/warnOnce");
+
+var _getScheme = require("./getScheme");
+
+var Scheme;
+exports.Scheme = 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 || (exports.Scheme = Scheme = {}));
+
+var Appearance;
+exports.Appearance = Appearance;
+
+(function (Appearance) {
+  Appearance["DARK"] = "dark";
+  Appearance["LIGHT"] = "light";
+})(Appearance || (exports.Appearance = Appearance = {}));
+
+var warn = (0, _warnOnce.warnOnce)("scheme");
+
+function normalizeScheme(_ref) {
+  var platform = _ref.platform,
+      scheme = _ref.scheme,
+      appearance = _ref.appearance;
+
+  if (appearance) {
+    return (0, _getScheme.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 === _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/cjs/helpers/scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/helpers/scheme.ts"],"names":["Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":";;;;;;;;AACA;;AACA;;AACA;;IAEYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IA8BAC,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;AAKZ,IAAMC,IAAI,GAAG,wBAAS,QAAT,CAAb;;AAQO,SAASC,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAO,0BAAU;AAAEF,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAV,CAAP;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACO,KAAtB,EAA6B;AAC3BC,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,4CACQF,MAAM,CAACO,KADf,sRACiFP,MAAM,CAACW,WADxF,QADN;AAIA,WAAOX,MAAM,CAACW,WAAd;AACD;;AACD,MACEP,QAAQ,KAAKG,eAAb,KACCF,MAAM,KAAKL,MAAM,CAACY,YAAlB,IAAkCP,MAAM,KAAKL,MAAM,CAACa,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACW,WADxG,qCAC6HX,MAAM,CAACc,UADpI,QADN;AAIA,WAAOd,MAAM,CAACW,WAAd;AACD;;AACD,UAAQN,MAAR;AACE,SAAKL,MAAM,CAACe,uBAAZ;AACE,aAAOf,MAAM,CAACY,YAAd;;AACF,SAAKZ,MAAM,CAACgB,sBAAZ;AACE,aAAOhB,MAAM,CAACa,UAAd;;AACF;AACE,aAAOR,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/cjs/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/cjs/hoc/withAdaptivity.js

@@ -7,7 +7,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withAdaptivity = withAdaptivity;
 Object.defineProperty(exports, "SizeType", {
   enumerable: true,
   get: function get() {
@@ -26,6 +25,7 @@ Object.defineProperty(exports, "ViewWidth", {
     return _AdaptivityContext.ViewWidth;
   }
 });
+exports.withAdaptivity = withAdaptivity;
 
 var _jsxRuntime = require("../lib/jsxRuntime");
 
@@ -36,7 +36,7 @@ var React = _interopRequireWildcard(require("react"));
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 
 function withAdaptivity(TargetComponent, config) {
-  function AdaptivityConsumer(props) {
+  var AdaptivityConsumer = function AdaptivityConsumer(props) {
     var context = React.useContext(_AdaptivityContext.AdaptivityContext);
     var update = false;
 
@@ -56,8 +56,7 @@ 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 = (0, _jsxRuntime.createScopedElement)(TargetComponent, (0, _extends2.default)({}, props, adaptivityProps));
 
     if (update) {
@@ -74,7 +73,7 @@ function withAdaptivity(TargetComponent, config) {
     }
 
     return target;
-  }
+  };
 
   return AdaptivityConsumer;
 }

package/dist/cjs/hoc/withAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withAdaptivity.tsx"],"names":["withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","React","useContext","AdaptivityContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAoBO,SAASA,cAAT,CAA2BC,eAA3B,EAA+CC,MAA/C,EAAkE;AACvE,WAASC,kBAAT,CAA4BC,KAA5B,EAAoD;AAClD,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAhB;AACA,QAAIC,MAAM,GAAG,KAAb;;AAEA,QAAIL,KAAK,CAACM,KAAN,IAAeN,KAAK,CAACO,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGN,KAAK,CAACM,KAAN,IAAeL,OAAO,CAACK,KAArC;AACA,QAAMC,KAAK,GAAGP,KAAK,CAACO,KAAN,IAAeN,OAAO,CAACM,KAArC;AACA,QAAMC,SAAS,GAAGP,OAAO,CAACO,SAA1B;AACA,QAAMC,UAAU,GAAGR,OAAO,CAACQ,UAA3B;AACA,QAAMC,QAAQ,GAAGT,OAAO,CAACS,QAAzB;AACA,QAAMC,cAAc,GAAGV,OAAO,CAACU,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AAQAd,IAAAA,MAAM,CAACQ,KAAP,GAAgBM,eAAe,CAACN,KAAhB,GAAwBA,KAAxC,GAAiDO,SAAjD;AACAf,IAAAA,MAAM,CAACS,KAAP,GAAgBK,eAAe,CAACL,KAAhB,GAAwBA,KAAxC,GAAiDM,SAAjD;AACAf,IAAAA,MAAM,CAACU,SAAP,GAAoBI,eAAe,CAACJ,SAAhB,GAA4BA,SAAhD,GAA6DK,SAA7D;AACAf,IAAAA,MAAM,CAACW,UAAP,GAAqBG,eAAe,CAACH,UAAhB,GAA6BA,UAAlD,GAAgEI,SAAhE;AACAf,IAAAA,MAAM,CAACY,QAAP,GAAmBE,eAAe,CAACF,QAAhB,GAA2BA,QAA9C,GAA0DG,SAA1D;AACAf,IAAAA,MAAM,CAACa,cAAP,GACKC,eAAe,CAACD,cAAhB,GAAiCA,cADtC,GAEIE,SAFJ,CA5BkD,CAgClD;;AACA,QAAMC,MAAM,GAAG,qCAAC,eAAD,6BAAqBd,KAArB,EAAgCY,eAAhC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,aACE,qCAAC,oCAAD,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,SAAOf,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":["withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","React","useContext","AdaptivityContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAsBO,SAASA,cAAT,CACLC,eADK,EAELC,MAFK,EAG4D;AACjE,MAAMC,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAkE;AACpE,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAhB;AACA,QAAIC,MAAM,GAAG,KAAb;;AAEA,QAAIL,KAAK,CAACM,KAAN,IAAeN,KAAK,CAACO,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGN,KAAK,CAACM,KAAN,IAAeL,OAAO,CAACK,KAArC;AACA,QAAMC,KAAK,GAAGP,KAAK,CAACO,KAAN,IAAeN,OAAO,CAACM,KAArC;AACA,QAAMC,SAAS,GAAGP,OAAO,CAACO,SAA1B;AACA,QAAMC,UAAU,GAAGR,OAAO,CAACQ,UAA3B;AACA,QAAMC,QAAQ,GAAGT,OAAO,CAACS,QAAzB;AACA,QAAMC,cAAc,GAAGV,OAAO,CAACU,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AASAd,IAAAA,MAAM,CAACQ,KAAP,GAAgBM,eAAe,CAACN,KAAhB,GAAwBA,KAAxC,GAAiDO,SAAjD;AACAf,IAAAA,MAAM,CAACS,KAAP,GAAgBK,eAAe,CAACL,KAAhB,GAAwBA,KAAxC,GAAiDM,SAAjD;AACAf,IAAAA,MAAM,CAACU,SAAP,GAAoBI,eAAe,CAACJ,SAAhB,GAA4BA,SAAhD,GAA6DK,SAA7D;AACAf,IAAAA,MAAM,CAACW,UAAP,GAAqBG,eAAe,CAACH,UAAhB,GAA6BA,UAAlD,GAAgEI,SAAhE;AACAf,IAAAA,MAAM,CAACY,QAAP,GAAmBE,eAAe,CAACF,QAAhB,GAA2BA,QAA9C,GAA0DG,SAA1D;AACAf,IAAAA,MAAM,CAACa,cAAP,GACKC,eAAe,CAACD,cAAhB,GAAiCA,cADtC,GAEIE,SAFJ;AAIA,QAAMC,MAAM,GAAG,qCAAC,eAAD,6BAAsBd,KAAtB,EAAuCY,eAAvC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,aACE,qCAAC,oCAAD,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,SAAOf,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/cjs/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/cjs/hoc/withContext.js

@@ -19,8 +19,7 @@ var React = _interopRequireWildcard(require("react"));
 
 function withContext(Component, Ctx, prop) {
   function WithContext(props) {
-    var context = React.useContext(Ctx); // @ts-ignore
-
+    var context = React.useContext(Ctx);
     return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, (0, _defineProperty2.default)({}, prop, context)));
   }
 

package/dist/cjs/hoc/withContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withContext.tsx"],"names":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CACLC,SADK,EAELC,GAFK,EAGLC,IAHK,EAIF;AACH,WAASC,WAAT,CAAqBC,KAArB,EAAgC;AAC9B,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAoBN,GAApB,CAAhB,CAD8B,CAG9B;;AACA,WAAO,qCAAC,SAAD,6BAAeG,KAAf,oCAA6BF,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":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CACLC,SADK,EAELC,GAFK,EAGLC,IAHK,EAIQ;AACb,WAASC,WAAT,CAAqBC,KAArB,EAA+B;AAC7B,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAoBN,GAApB,CAAhB;AAEA,WAAO,qCAAC,SAAD,6BAAeG,KAAf,oCAA6BF,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/cjs/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/cjs/hoc/withInsets.js

@@ -15,8 +15,7 @@ var _useInsets = require("../hooks/useInsets");
 
 function withInsets(Component) {
   function WithInsets(props) {
-    var insets = (0, _useInsets.useInsets)(); // @ts-ignore
-
+    var insets = (0, _useInsets.useInsets)();
     return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, {
       insets: insets
     }));

package/dist/cjs/hoc/withInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"names":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,UAAT,CAAuBC,SAAvB,EAAwC;AAC7C,WAASC,UAAT,CAAoBC,KAApB,EAA+B;AAC7B,QAAMC,MAAM,GAAG,2BAAf,CAD6B,CAE7B;;AACA,WAAO,qCAAC,SAAD,6BAAeD,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":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAGO,SAASA,UAAT,CACLC,SADK,EAE+B;AACpC,WAASC,UAAT,CAAoBC,KAApB,EAAqD;AACnD,QAAMC,MAAM,GAAG,2BAAf;AACA,WAAO,qCAAC,SAAD,6BAAgBD,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/cjs/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/cjs/hoc/withPlatform.js

@@ -24,8 +24,7 @@ function withPlatform(Component) {
     var ssrContext = React.useContext(_SSR.SSRContext);
 
     var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
-        platform = _React$useContext.platform; // @ts-ignore
-
+        platform = _React$useContext.platform;
 
     return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, {
       platform: ssrContext.platform || platform

package/dist/cjs/hoc/withPlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"names":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,YAAT,CAAyBC,SAAzB,EAA0C;AAC/C,WAASC,YAAT,CAAsBC,KAAtB,EAAiC;AAC/B,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR,CAF+B,CAG/B;;;AACA,WAAO,qCAAC,SAAD,6BAAeN,KAAf;AAAsB,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAAvD,OAAP;AACD;;AACD,SAAOP,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":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEO,SAASA,YAAT,CACLC,SADK,EAEiC;AACtC,WAASC,YAAT,CAAsBC,KAAtB,EAAyD;AACvD,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR;;AACA,WACE,qCAAC,SAAD,6BAAgBN,KAAhB;AAA6B,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAA9D,OADF;AAGD;;AACD,SAAOP,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/cjs/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/cjs/hooks/useAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;AAClD,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,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":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,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/cjs/hooks/useAppearance.d.ts

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

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

@@ -24,7 +24,7 @@ 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/cjs/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAGe;AACpB,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACX,KAAK,CAACS,QAAP,CALe,CAAjB;AAOA,SAAO,CAACP,YAAY,GAAGF,KAAK,CAACa,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":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAG2B;AAChC,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACT,YAAD,EAAeF,KAAf,CALe,CAAjB;AAOA,SAAO,CAACE,YAAY,GAAGF,KAAK,CAACa,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/cjs/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/cjs/hooks/useEventListener.js

@@ -49,10 +49,10 @@ 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/cjs/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAiBO,SAASA,gBAAT,CACLC,KADK,EAELC,GAFK,EAGLC,QAHK,EAIL;AACA,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,CACT,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,GADS,EAET,EAFS,CAAX;AAKA,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CAAkB,UAACM,EAAD,EAAgC;AAC5D,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAXW,EAWT,EAXS,CAAZ;AAYAZ,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,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":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAqBO,SAASA,gBAAT,CAILC,KAJK,EAKLC,GALK,EAMLC,QANK,EAOgB;AACrB,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,CAAkB,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,GAAlB,EAA4D,EAA5D,CAAX;AAEA,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CACV,UAACM,EAAD,EAAyC;AACvC,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAZS,EAaV,CAACd,QAAD,EAAWK,EAAX,EAAeP,KAAf,EAAsBY,MAAtB,CAbU,CAAZ;AAeAR,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,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/cjs/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/cjs/hooks/useExternRef.js

@@ -16,7 +16,7 @@ function useExternRef() {
     externRefs[_key] = arguments[_key];
   }
 
-  var stableRef = React.useRef();
+  var stableRef = React.useRef(null);
   return React.useMemo(function () {
     return {
       get current() {
@@ -26,11 +26,14 @@ function useExternRef() {
       set current(el) {
         stableRef.current = el;
         externRefs.forEach(function (ref) {
-          return (0, _utils.setRef)(el, ref);
+          if (ref) {
+            (0, _utils.setRef)(el, ref);
+          }
         });
       }
 
     };
-  }, externRefs);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  externRefs);
 }
 //# sourceMappingURL=useExternRef.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,GAEsB;AAAA,oCADxBC,UACwB;AADxBA,IAAAA,UACwB;AAAA;;AAC3B,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;AACA,SAAOD,KAAK,CAACE,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD;AAAA,iBAAS,mBAAOF,EAAP,EAAWE,GAAX,CAAT;AAAA,SAAnB;AACD;;AAPI,KAAP;AAAA,GADK,EAULR,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":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,GAE6B;AAAA,oCAD/BC,UAC+B;AAD/BA,IAAAA,UAC+B;AAAA;;AAClC,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,CAAuB,IAAvB,CAAlB;AAEA,SAAOD,KAAK,CAACE,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD,EAAS;AAC1B,cAAIA,GAAJ,EAAS;AACP,+BAAOF,EAAP,EAAWE,GAAX;AACD;AACF,SAJD;AAKD;;AAXI,KAAP;AAAA,GADK,EAcL;AACAR,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/cjs/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/cjs/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/cjs/hooks/useGlobalEventListener.js

@@ -12,7 +12,11 @@ var _useEventListener = require("./useEventListener");
 function useGlobalEventListener(element, event, cb, options) {
   var listener = (0, _useEventListener.useEventListener)(event, cb, options);
   (0, _useIsomorphicLayoutEffect.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/cjs/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CACLC,OADK,EAELC,KAFK,EAGLC,EAHK,EAILC,OAJK,EAKL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DACE;AAAA,WAAOD,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,EAApC;AAAA,GADF,EAEE,CAACC,OAAO,CAACL,EAAD,CAAR,CAFF;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":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CAILC,OAJK,EAKLC,KALK,EAMLC,EANK,EAOLC,OAPK,EAQL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DAA0B,YAAM;AAC9B,QAAID,EAAE,IAAIF,OAAV,EAAmB;AACjBI,MAAAA,QAAQ,CAACC,GAAT,CAAaL,OAAb;AACD,KAFD,MAEO;AACLI,MAAAA,QAAQ,CAACE,MAAT;AACD;AACF,GAND,EAMG,CAACC,OAAO,CAACL,EAAD,CAAR,EAAcK,OAAO,CAACP,OAAD,CAArB,CANH;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/cjs/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/cjs/hooks/useInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAIA,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,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,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":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAIA,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,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,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"}