@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/helpers/getClassName.js

@@ -1,4 +1,9 @@
 import { platform } from "../lib/platform";
+/**
+ * @deprecated Используйте getPlatformClassName().
+ *  Пример, `classNamesString("Component", getPlatformClassName("Component", platform))`.
+ */
+
 export function getClassName(base) {
   var osname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : platform();
   return "".concat(base, " ").concat(base, "--").concat(osname);

package/dist/cssm/helpers/getClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getClassName.js","names":["platform","getClassName","base","osname"],"sources":["../../../src/helpers/getClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getClassName(\n  base: string,\n  osname: PlatformType = platform()\n): string {\n  return `${base} ${base}--${osname}`;\n}\n"],"mappings":"AAAA,SAAuBA,QAAvB;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAGG;EAAA,IADRC,MACQ,uEADeH,QAAQ,EACvB;EACR,iBAAUE,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD"}
+{"version":3,"file":"getClassName.js","names":["platform","getClassName","base","osname"],"sources":["../../../src/helpers/getClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\n/**\n * @deprecated Используйте getPlatformClassName().\n *  Пример, `classNamesString(\"Component\", getPlatformClassName(\"Component\", platform))`.\n */\nexport function getClassName(\n  base: string,\n  osname: PlatformType = platform()\n): string {\n  return `${base} ${base}--${osname}`;\n}\n"],"mappings":"AAAA,SAAuBA,QAAvB;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CACLC,IADK,EAGG;EAAA,IADRC,MACQ,uEADeH,QAAQ,EACvB;EACR,iBAAUE,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD"}

package/dist/cssm/helpers/getHoverClassName.d.ts

@@ -0,0 +1,2 @@
+export declare function getHoverClassName(base: string, hover?: boolean): string;
+export declare function getHoverClassName<Styles extends Record<string, string>>(base: string, hover?: boolean, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getHoverClassName.js

@@ -0,0 +1,18 @@
+export function getHoverClassName(base, hover,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var hoverState = "none";
+
+  if (hover === true) {
+    hoverState = "has";
+  } else if (hover === false) {
+    hoverState = "has-not";
+  }
+
+  var hoverClassName = "".concat(String(base), "--hover-").concat(hoverState);
+  return styles ? styles[hoverClassName] : hoverClassName;
+}
+//# sourceMappingURL=getHoverClassName.js.map

package/dist/cssm/helpers/getHoverClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = \"none\" | \"has\" | \"has-not\";\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let hoverState: HoverType = \"none\";\n  if (hover === true) {\n    hoverState = \"has\";\n  } else if (hover === false) {\n    hoverState = \"has-not\";\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":"AAQA,OAAO,SAASA,iBAAT,CACLC,IADK,EAELC,KAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,UAAqB,GAAG,MAA5B;;EACA,IAAIF,KAAK,KAAK,IAAd,EAAoB;IAClBE,UAAU,GAAG,KAAb;EACD,CAFD,MAEO,IAAIF,KAAK,KAAK,KAAd,EAAqB;IAC1BE,UAAU,GAAG,SAAb;EACD;;EAED,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAD,CAAZ,qBAA6BG,UAA7B,CAApB;EAEA,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cssm/helpers/getMouseClassName.d.ts

@@ -0,0 +1,2 @@
+export declare function getMouseClassName(base: string, mouse?: boolean): string;
+export declare function getMouseClassName<Styles extends Record<string, string>>(base: string, mouse?: boolean, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getMouseClassName.js

@@ -0,0 +1,18 @@
+export function getMouseClassName(base, mouse,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var mouseState = "none";
+
+  if (mouse === true) {
+    mouseState = "has";
+  } else if (mouse === false) {
+    mouseState = "has-not";
+  }
+
+  var className = "".concat(String(base), "--mouse-").concat(mouseState);
+  return styles ? styles[className] : className;
+}
+//# sourceMappingURL=getMouseClassName.js.map

package/dist/cssm/helpers/getMouseClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMouseClassName.js","names":["getMouseClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getMouseClassName.ts"],"sourcesContent":["type MouseType = \"none\" | \"has\" | \"has-not\";\n\nexport function getMouseClassName(base: string, mouse?: boolean): string;\nexport function getMouseClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getMouseClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let mouseState: MouseType = \"none\";\n  if (mouse === true) {\n    mouseState = \"has\";\n  } else if (mouse === false) {\n    mouseState = \"has-not\";\n  }\n\n  const className = `${String(base)}--mouse-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAQA,OAAO,SAASA,iBAAT,CACLC,IADK,EAELC,KAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,UAAqB,GAAG,MAA5B;;EACA,IAAIF,KAAK,KAAK,IAAd,EAAoB;IAClBE,UAAU,GAAG,KAAb;EACD,CAFD,MAEO,IAAIF,KAAK,KAAK,KAAd,EAAqB;IAC1BE,UAAU,GAAG,SAAb;EACD;;EAED,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAD,CAAZ,qBAA6BG,UAA7B,CAAf;EAEA,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAD,CAAT,GAAuBA,SAApC;AACD"}

package/dist/cssm/helpers/getOrDefault.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
+ */
+export declare function getOrDefault<T>(value: T | undefined, defaultValue: T): T;

package/dist/cssm/helpers/getOrDefault.js

@@ -0,0 +1,7 @@
+/**
+ * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
+ */
+export function getOrDefault(value, defaultValue) {
+  return value !== null && value !== void 0 ? value : defaultValue;
+}
+//# sourceMappingURL=getOrDefault.js.map

package/dist/cssm/helpers/getOrDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrDefault.js","names":["getOrDefault","value","defaultValue"],"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/**\n * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T | undefined, defaultValue: T): T {\n  return value ?? defaultValue;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CAAyBC,KAAzB,EAA+CC,YAA/C,EAAmE;EACxE,OAAOD,KAAP,aAAOA,KAAP,cAAOA,KAAP,GAAgBC,YAAhB;AACD"}

package/dist/cssm/helpers/getPlatformClassName.d.ts

@@ -0,0 +1,3 @@
+import { PlatformType } from "../lib/platform";
+export declare function getPlatformClassName(base: string, osname?: PlatformType): string;
+export declare function getPlatformClassName<Styles extends Record<string, string>>(base: keyof Styles, osname?: PlatformType, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getPlatformClassName.js

@@ -0,0 +1,13 @@
+import { platform } from "../lib/platform";
+export function getPlatformClassName(base) {
+  var osname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : platform();
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var platformClassName = "".concat(String(base), "--").concat(osname);
+  return styles ? styles[platformClassName] : platformClassName;
+}
+//# sourceMappingURL=getPlatformClassName.js.map

package/dist/cssm/helpers/getPlatformClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getPlatformClassName(\n  base: string,\n  osname?: PlatformType\n): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAAuBA,QAAvB;AAWA,OAAO,SAASC,oBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,MAMoB,uEANGH,QAAQ,EAMX;EAAA;EALpB;AACF;AACA;AACA;EACEI,MACoB;EACpB,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAD,CAAZ,eAAuBC,MAAvB,CAAvB;EACA,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAD,CAAT,GAA+BA,iBAA5C;AACD"}

package/dist/cssm/helpers/getSizeXClassName.d.ts

@@ -0,0 +1,5 @@
+import { SizeType } from "../lib/adaptivity";
+declare type SizeXType = SizeType | "none";
+export declare function getSizeXClassName(base: string, sizeX?: SizeXType): string;
+export declare function getSizeXClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeX?: SizeXType, styles?: Styles): string | undefined;
+export {};

package/dist/cssm/helpers/getSizeXClassName.js

@@ -0,0 +1,12 @@
+export function getSizeXClassName(base) {
+  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var sizeXClassName = "".concat(String(base), "--sizeX-").concat(sizeX);
+  return styles ? styles[sizeXClassName] : sizeXClassName;
+}
+//# sourceMappingURL=getSizeXClassName.js.map

package/dist/cssm/helpers/getSizeXClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeXType = SizeType | \"none\";\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,KAMoB,uEAND,MAMC;EAAA;EALpB;AACF;AACA;AACA;EACEC,MACoB;EACpB,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAD,CAAZ,qBAA6BC,KAA7B,CAApB;EACA,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cssm/helpers/getSizeYClassName.d.ts

@@ -0,0 +1,5 @@
+import { SizeType } from "../lib/adaptivity";
+declare type SizeYType = SizeType | "none";
+export declare function getSizeYClassName(base: string, sizeY?: SizeYType): string;
+export declare function getSizeYClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeY?: SizeYType, styles?: Styles): string | undefined;
+export {};

package/dist/cssm/helpers/getSizeYClassName.js

@@ -0,0 +1,12 @@
+export function getSizeYClassName(base) {
+  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var sizeYClassName = "".concat(String(base), "--sizeY-").concat(sizeY);
+  return styles ? styles[sizeYClassName] : sizeYClassName;
+}
+//# sourceMappingURL=getSizeYClassName.js.map

package/dist/cssm/helpers/getSizeYClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeYType = SizeType | \"none\";\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":"AAUA,OAAO,SAASA,iBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,KAMoB,uEAND,MAMC;EAAA;EALpB;AACF;AACA;AACA;EACEC,MACoB;EACpB,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAD,CAAZ,qBAA6BC,KAA7B,CAApB;EACA,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cssm/helpers/getViewHeightClassName.d.ts

@@ -0,0 +1,3 @@
+import { ViewHeight } from "../lib/adaptivity";
+export declare function getViewHeightClassName(base: string, viewHeight?: ViewHeight): string;
+export declare function getViewHeightClassName<Styles extends Record<string, string>>(base: keyof Styles, viewHeight?: ViewHeight, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getViewHeightClassName.js

@@ -0,0 +1,30 @@
+import { ViewHeight } from "../lib/adaptivity";
+export function getViewHeightClassName(base, viewHeight,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var className = "".concat(String(base), "--viewHeight-");
+
+  switch (viewHeight) {
+    case ViewHeight.EXTRA_SMALL:
+      className += "extraSmall";
+      break;
+
+    case ViewHeight.SMALL:
+      className += "small";
+      break;
+
+    case ViewHeight.MEDIUM:
+      className += "medium";
+      break;
+
+    default:
+      className += "none";
+      break;
+  }
+
+  return styles ? styles[className] : className;
+}
+//# sourceMappingURL=getViewHeightClassName.js.map

package/dist/cssm/helpers/getViewHeightClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getViewHeightClassName.js","names":["ViewHeight","getViewHeightClassName","base","viewHeight","styles","className","String","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from \"../lib/adaptivity\";\n\nexport function getViewHeightClassName(\n  base: string,\n  viewHeight?: ViewHeight\n): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += \"extraSmall\";\n      break;\n    case ViewHeight.SMALL:\n      className += \"small\";\n      break;\n    case ViewHeight.MEDIUM:\n      className += \"medium\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":"AAAA,SAASA,UAAT;AAWA,OAAO,SAASC,sBAAT,CACLC,IADK,EAELC,UAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAD,CAAZ,kBAAb;;EAEA,QAAQC,UAAR;IACE,KAAKH,UAAU,CAACO,WAAhB;MACEF,SAAS,IAAI,YAAb;MACA;;IACF,KAAKL,UAAU,CAACQ,KAAhB;MACEH,SAAS,IAAI,OAAb;MACA;;IACF,KAAKL,UAAU,CAACS,MAAhB;MACEJ,SAAS,IAAI,QAAb;MACA;;IAEF;MACEA,SAAS,IAAI,MAAb;MACA;EAbJ;;EAgBA,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAD,CAAT,GAAuBA,SAApC;AACD"}

package/dist/cssm/helpers/getViewWidthClassName.d.ts

@@ -0,0 +1,3 @@
+import { ViewWidth } from "../lib/adaptivity";
+export declare function getViewWidthClassName(base: string, viewWidth?: ViewWidth): string;
+export declare function getViewWidthClassName<Styles extends Record<string, string>>(base: keyof Styles, viewWidth?: ViewWidth, styles?: Styles): string | undefined;

package/dist/cssm/helpers/getViewWidthClassName.js

@@ -0,0 +1,48 @@
+import { ViewWidth } from "../lib/adaptivity";
+export function getViewWidthClassName(base, viewWidth,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var className = "".concat(String(base), "--viewWidth-");
+
+  switch (viewWidth) {
+    case ViewWidth.SMALL_MOBILE:
+      className += "smallMobile";
+      break;
+
+    case ViewWidth.MOBILE:
+      className += "mobile";
+      break;
+
+    case ViewWidth.SMALL_TABLET:
+      className += "smallTablet";
+      break;
+
+    case ViewWidth.TABLET:
+      className += "tablet";
+      break;
+
+    case ViewWidth.DESKTOP:
+      className += "desktop";
+      break;
+
+    default:
+      className += "none";
+      break;
+  }
+
+  className = styles ? styles[className] : className;
+
+  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {
+    if (styles) {
+      className += " " + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
+    } else {
+      className += " ".concat(String(base), "--viewWidth-smallTabletPlus");
+    }
+  }
+
+  return className;
+}
+//# sourceMappingURL=getViewWidthClassName.js.map

package/dist/cssm/helpers/getViewWidthClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getViewWidthClassName.js","names":["ViewWidth","getViewWidthClassName","base","viewWidth","styles","className","String","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from \"../lib/adaptivity\";\n\nexport function getViewWidthClassName(\n  base: string,\n  viewWidth?: ViewWidth\n): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += \"smallMobile\";\n      break;\n    case ViewWidth.MOBILE:\n      className += \"mobile\";\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += \"smallTablet\";\n      break;\n    case ViewWidth.TABLET:\n      className += \"tablet\";\n      break;\n    case ViewWidth.DESKTOP:\n      className += \"desktop\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":"AAAA,SAASA,SAAT;AAWA,OAAO,SAASC,qBAAT,CACLC,IADK,EAELC,SAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAD,CAAZ,iBAAb;;EAEA,QAAQC,SAAR;IACE,KAAKH,SAAS,CAACO,YAAf;MACEF,SAAS,IAAI,aAAb;MACA;;IACF,KAAKL,SAAS,CAACQ,MAAf;MACEH,SAAS,IAAI,QAAb;MACA;;IACF,KAAKL,SAAS,CAACS,YAAf;MACEJ,SAAS,IAAI,aAAb;MACA;;IACF,KAAKL,SAAS,CAACU,MAAf;MACEL,SAAS,IAAI,QAAb;MACA;;IACF,KAAKL,SAAS,CAACW,OAAf;MACEN,SAAS,IAAI,SAAb;MACA;;IAEF;MACEA,SAAS,IAAI,MAAb;MACA;EAnBJ;;EAsBAA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAD,CAAT,GAAuBA,SAAzC;;EAEA,IAAIF,SAAS,IAAIA,SAAS,IAAIH,SAAS,CAACS,YAAxC,EAAsD;IACpD,IAAIL,MAAJ,EAAY;MACVC,SAAS,IAAI,MAAMD,MAAM,WAAIE,MAAM,CAACJ,IAAD,CAAV,iCAAzB;IACD,CAFD,MAEO;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAD,CAAd,gCAAT;IACD;EACF;;EAED,OAAOG,SAAP;AACD"}

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

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

package/dist/cssm/hooks/useAdaptivity.js

@@ -1,18 +1,31 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["hasMouse"];
 import * as React from "react";
-import { AdaptivityContext, ViewWidth, ViewHeight } from "../components/AdaptivityProvider/AdaptivityContext";
-import { usePlatform } from "./usePlatform";
-import { VKCOM } from "../lib/platform";
+import { hasMouse as _hasMouse } from "@vkontakte/vkjs";
+import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
 export var useAdaptivity = function useAdaptivity() {
-  return React.useContext(AdaptivityContext);
-};
-export var useAdaptivityIsDesktop = function useAdaptivityIsDesktop() {
-  var platform = usePlatform();
+  var _React$useContext = React.useContext(AdaptivityContext),
+      hasMouseContext = _React$useContext.hasMouse,
+      adaptivity = _objectWithoutProperties(_React$useContext, _excluded);
+
+  var _React$useState = React.useState(hasMouseContext),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      hasMouse = _React$useState2[0],
+      setHasMouse = _React$useState2[1]; // определение hasMouse в @vkontakte/vkjs происходит через window.matchMedia
+  // чтобы не было ошибок при гидрации определяем значение после первого рендера
 
-  var _useAdaptivity = useAdaptivity(),
-      viewWidth = _useAdaptivity.viewWidth,
-      viewHeight = _useAdaptivity.viewHeight,
-      hasMouse = _useAdaptivity.hasMouse;
 
-  return viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM) || platform === VKCOM;
+  React.useEffect(function () {
+    if (hasMouseContext !== undefined) {
+      setHasMouse(hasMouseContext);
+    } else {
+      setHasMouse(_hasMouse);
+    }
+  }, [hasMouseContext]);
+  return _objectSpread({
+    hasMouse: hasMouse
+  }, adaptivity);
 };
 //# sourceMappingURL=useAdaptivity.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivity.js","names":["React","AdaptivityContext","ViewWidth","ViewHeight","usePlatform","VKCOM","useAdaptivity","useContext","useAdaptivityIsDesktop","platform","viewWidth","viewHeight","hasMouse","SMALL_TABLET","MEDIUM"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n  ViewWidth,\n  ViewHeight,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"./usePlatform\";\nimport { VKCOM } from \"../lib/platform\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n\nexport const useAdaptivityIsDesktop = (): boolean => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n\n  return (\n    (viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM)) ||\n    platform === VKCOM\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAIEC,SAJF,EAKEC,UALF;AAOA,SAASC,WAAT;AACA,SAASC,KAAT;AAIA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;EAC7D,OAAON,KAAK,CAACO,UAAN,CAAiBN,iBAAjB,CAAP;AACD,CAFM;AAIP,OAAO,IAAMO,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAe;EACnD,IAAMC,QAAQ,GAAGL,WAAW,EAA5B;;EACA,qBAA4CE,aAAa,EAAzD;EAAA,IAAQI,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,UAAnB,kBAAmBA,UAAnB;EAAA,IAA+BC,QAA/B,kBAA+BA,QAA/B;;EAEA,OACGF,SAAS,IAAIR,SAAS,CAACW,YAAvB,KACED,QAAQ,IAAID,UAAU,IAAIR,UAAU,CAACW,MADvC,CAAD,IAEAL,QAAQ,KAAKJ,KAHf;AAKD,CATM"}
+{"version":3,"file":"useAdaptivity.js","names":["React","hasMouse","_hasMouse","AdaptivityContext","useAdaptivity","useContext","hasMouseContext","adaptivity","useState","setHasMouse","useEffect","undefined"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse } from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n  const { hasMouse: hasMouseContext, ...adaptivity } =\n    React.useContext(AdaptivityContext);\n  const [hasMouse, setHasMouse] = React.useState(hasMouseContext);\n\n  // определение hasMouse в @vkontakte/vkjs происходит через window.matchMedia\n  // чтобы не было ошибок при гидрации определяем значение после первого рендера\n  React.useEffect(() => {\n    if (hasMouseContext !== undefined) {\n      setHasMouse(hasMouseContext);\n    } else {\n      setHasMouse(_hasMouse);\n    }\n  }, [hasMouseContext]);\n\n  return { hasMouse, ...adaptivity };\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAQ,IAAIC,SAArB,QAAsC,iBAAtC;AACA,SACEC,iBADF;AAOA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;EAClD,wBACEJ,KAAK,CAACK,UAAN,CAAiBF,iBAAjB,CADF;EAAA,IAAkBG,eAAlB,qBAAQL,QAAR;EAAA,IAAsCM,UAAtC;;EAEA,sBAAgCP,KAAK,CAACQ,QAAN,CAAeF,eAAf,CAAhC;EAAA;EAAA,IAAOL,QAAP;EAAA,IAAiBQ,WAAjB,uBAHkD,CAKlD;EACA;;;EACAT,KAAK,CAACU,SAAN,CAAgB,YAAM;IACpB,IAAIJ,eAAe,KAAKK,SAAxB,EAAmC;MACjCF,WAAW,CAACH,eAAD,CAAX;IACD,CAFD,MAEO;MACLG,WAAW,CAACP,SAAD,CAAX;IACD;EACF,CAND,EAMG,CAACI,eAAD,CANH;EAQA;IAASL,QAAQ,EAARA;EAAT,GAAsBM,UAAtB;AACD,CAhBM"}

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

@@ -0,0 +1,19 @@
+import { type AdaptivityProps as BaseAdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+interface AdaptivityProps extends BaseAdaptivityProps {
+    isDesktop: boolean;
+}
+/**
+ * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
+ *
+ * Берёт в приоритет значения из `AdaptivityContext.
+ *
+ * > ⚠ SSR
+ * >
+ * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
+ * > на стороне сервера.
+ * >
+ * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки
+ * > страницы либо пользователем, либо программно.
+ */
+export declare const useAdaptivityWithMediaQueries: () => AdaptivityProps;
+export {};

package/dist/cssm/hooks/useAdaptivityWithMediaQueries.js

@@ -0,0 +1,103 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { hasMouse as hasMouseLib, hasHover as deviceHasHoverLib } from "@vkontakte/vkjs";
+import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import { getOrDefault } from "../helpers/getOrDefault";
+import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, checkIsDesktop } from "../lib/adaptivity";
+import { useMediaQueries } from "./useMediaQueries";
+import { usePlatform } from "./usePlatform";
+
+/**
+ * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
+ *
+ * Берёт в приоритет значения из `AdaptivityContext.
+ *
+ * > ⚠ SSR
+ * >
+ * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
+ * > на стороне сервера.
+ * >
+ * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки
+ * > страницы либо пользователем, либо программно.
+ */
+export var useAdaptivityWithMediaQueries = function useAdaptivityWithMediaQueries() {
+  var _React$useContext = React.useContext(AdaptivityContext),
+      viewWidthContext = _React$useContext.viewWidth,
+      viewHeightContext = _React$useContext.viewHeight,
+      sizeXContext = _React$useContext.sizeX,
+      sizeYContext = _React$useContext.sizeY,
+      hasMouseContext = _React$useContext.hasMouse,
+      deviceHasHoverContext = _React$useContext.deviceHasHover;
+
+  var platform = usePlatform();
+  var mediaQueries = useMediaQueries();
+
+  var _React$useState = React.useState(function () {
+    return [getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)), getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries))];
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      _React$useState2$ = _slicedToArray(_React$useState2[0], 2),
+      viewWidthLocal = _React$useState2$[0],
+      viewHeightLocal = _React$useState2$[1],
+      setViewSizeLocal = _React$useState2[1];
+
+  var adaptivityProps = React.useMemo(function () {
+    var hasMouse = getOrDefault(hasMouseContext, hasMouseLib);
+    var deviceHasHover = getOrDefault(deviceHasHoverContext, deviceHasHoverLib);
+    var viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);
+    var viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);
+    var sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));
+    var sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasMouse));
+    var isDesktop = checkIsDesktop(viewWidth, viewHeight, hasMouse, platform);
+    return {
+      viewWidth: viewWidth,
+      viewHeight: viewHeight,
+      sizeX: sizeX,
+      sizeY: sizeY,
+      hasMouse: hasMouse,
+      deviceHasHover: deviceHasHover,
+      isDesktop: isDesktop
+    };
+  }, [viewWidthLocal, viewHeightLocal, viewWidthContext, viewHeightContext, sizeXContext, sizeYContext, hasMouseContext, deviceHasHoverContext, platform]);
+  React.useEffect(function () {
+    var handleMediaQuery = function handleMediaQuery() {
+      setViewSizeLocal(function (prevSizeLocal) {
+        var newViewWidthLocal = getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries));
+        var newViewHeightLocal = getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries));
+
+        var _prevSizeLocal = _slicedToArray(prevSizeLocal, 2),
+            prevViewWidthLocal = _prevSizeLocal[0],
+            prevViewHeightLocal = _prevSizeLocal[1];
+
+        if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
+          return [newViewWidthLocal, newViewHeightLocal];
+        }
+
+        return prevSizeLocal;
+      });
+    };
+
+    if (!viewWidthContext) {
+      mediaQueries.desktopPlus.addEventListener("change", handleMediaQuery);
+      mediaQueries.tablet.addEventListener("change", handleMediaQuery);
+      mediaQueries.smallTablet.addEventListener("change", handleMediaQuery);
+      mediaQueries.mobile.addEventListener("change", handleMediaQuery);
+    }
+
+    if (!viewHeightContext) {
+      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
+      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
+    }
+
+    return function () {
+      mediaQueries.desktopPlus.removeEventListener("change", handleMediaQuery);
+      mediaQueries.tablet.removeEventListener("change", handleMediaQuery);
+      mediaQueries.smallTablet.removeEventListener("change", handleMediaQuery);
+      mediaQueries.mobile.removeEventListener("change", handleMediaQuery);
+      mediaQueries.mediumHeight.removeEventListener("change", handleMediaQuery);
+      mediaQueries.mobileLandscapeHeight.removeEventListener("change", handleMediaQuery);
+    };
+  }, [mediaQueries, viewWidthContext, viewHeightContext]);
+  return adaptivityProps;
+};
+//# sourceMappingURL=useAdaptivityWithMediaQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityWithMediaQueries.js","names":["React","hasMouse","hasMouseLib","hasHover","deviceHasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","checkIsDesktop","useMediaQueries","usePlatform","useAdaptivityWithMediaQueries","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasMouseContext","deviceHasHoverContext","deviceHasHover","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","addEventListener","tablet","smallTablet","mobile","mediumHeight","mobileLandscapeHeight","removeEventListener"],"sources":["../../../src/hooks/useAdaptivityWithMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  hasMouse as hasMouseLib,\n  hasHover as deviceHasHoverLib,\n} from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { getOrDefault } from \"../helpers/getOrDefault\";\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  checkIsDesktop,\n} from \"../lib/adaptivity\";\nimport { useMediaQueries } from \"./useMediaQueries\";\nimport { usePlatform } from \"./usePlatform\";\n\ninterface AdaptivityProps extends BaseAdaptivityProps {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithMediaQueries = (): AdaptivityProps => {\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasMouse: hasMouseContext,\n    deviceHasHover: deviceHasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(\n    () => [\n      getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n      getOrDefault(\n        viewHeightContext,\n        getViewHeightByMediaQueries(mediaQueries)\n      ),\n    ]\n  );\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasMouse = getOrDefault(hasMouseContext, hasMouseLib);\n    const deviceHasHover = getOrDefault(\n      deviceHasHoverContext,\n      deviceHasHoverLib\n    );\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(\n      sizeYContext,\n      getSizeY(viewWidth, viewHeight, hasMouse)\n    );\n    const isDesktop = checkIsDesktop(viewWidth, viewHeight, hasMouse, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasMouse,\n      deviceHasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasMouseContext,\n    deviceHasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries)\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries)\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      mediaQueries.desktopPlus.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.tablet.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.smallTablet.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobile.addEventListener(\"change\", handleMediaQuery);\n    }\n\n    if (!viewHeightContext) {\n      mediaQueries.mediumHeight.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobileLandscapeHeight.addEventListener(\n        \"change\",\n        handleMediaQuery\n      );\n    }\n\n    return () => {\n      mediaQueries.desktopPlus.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.tablet.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.smallTablet.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobile.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mediumHeight.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobileLandscapeHeight.removeEventListener(\n        \"change\",\n        handleMediaQuery\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+export declare const useAutoDetectAppearance: (appearanceProp?: AppearanceType, onDetectAppearanceByBridge?: () => void) => AppearanceType;

package/dist/cssm/hooks/useAutoDetectAppearance.js

@@ -0,0 +1,96 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import vkBridge from "@vkontakte/vk-bridge";
+import { useDOM } from "../lib/dom";
+import { noop } from "../lib/utils";
+import { resolveAppearance } from "../helpers/appearance";
+var initialAppearance = null;
+vkBridge.send("VKWebAppGetConfig").then(function (data) {
+  initialAppearance = resolveAppearance(data);
+}).catch(console.error);
+
+function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
+  function bridgeListener(e) {
+    var _e$detail = e.detail,
+        type = _e$detail.type,
+        data = _e$detail.data;
+
+    if (type !== "VKWebAppUpdateConfig") {
+      return;
+    }
+
+    initialAppearance = resolveAppearance(data);
+
+    if (initialAppearance) {
+      onDetectAppearanceByBridge();
+      setAppearance(initialAppearance);
+    }
+  }
+
+  vkBridge.subscribe(bridgeListener);
+  return function () {
+    return vkBridge.unsubscribe(bridgeListener);
+  };
+}
+
+function autoDetectAppearance(window, setAppearance) {
+  var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+
+  if (mediaQuery === undefined) {
+    return noop;
+  }
+
+  var check = function check(event) {
+    // eslint-disable-next-line no-restricted-properties
+    setAppearance(event.matches ? "dark" : "light");
+  };
+
+  check(mediaQuery);
+  mediaQuery.addEventListener("change", check);
+  return function () {
+    return mediaQuery.removeEventListener("change", check);
+  };
+}
+
+export var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
+  var _useDOM = useDOM(),
+      window = _useDOM.window;
+
+  var onceDetectAppearanceByBridge = React.useRef(function () {
+    onDetectAppearanceByBridge && onDetectAppearanceByBridge();
+    onceDetectAppearanceByBridge.current = noop;
+  });
+
+  var _React$useState = React.useState(function () {
+    if (appearanceProp) {
+      return appearanceProp;
+    }
+
+    if (initialAppearance) {
+      onceDetectAppearanceByBridge.current();
+      return initialAppearance;
+    }
+
+    var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)"); // eslint-disable-next-line no-restricted-properties
+
+    return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? "dark" : "light";
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      appearance = _React$useState2[0],
+      setAppearance = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (appearanceProp) {
+      setAppearance(appearanceProp);
+      return noop;
+    }
+
+    if (vkBridge.isEmbedded()) {
+      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
+    }
+
+    return autoDetectAppearance(window, setAppearance);
+  }, [window, appearanceProp]);
+  return appearance;
+};
+//# sourceMappingURL=useAutoDetectAppearance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from \"@vkontakte/vk-bridge\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { resolveAppearance, VKBridgeConfigData } from \"../helpers/appearance\";\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send(\"VKWebAppGetConfig\")\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== \"VKWebAppUpdateConfig\") {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void\n): () => void {\n  const mediaQuery =\n    window &&\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? \"dark\" : \"light\");\n  };\n\n  check(mediaQuery);\n  mediaQuery.addEventListener(\"change\", check);\n\n  return () => mediaQuery.removeEventListener(\"change\", check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window &&\n      window.matchMedia &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? \"dark\" : \"light\";\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(\n        setAppearance,\n        onceDetectAppearanceByBridge.current\n      );\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}