@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.d.ts

@@ -0,0 +1,68 @@
+export declare const sizeXCompactClassNames: {
+    mq: {
+        className: string;
+    };
+    compact: {
+        className: string;
+    };
+};
+export declare const sizeXRegularClassNames: {
+    mq: {
+        className: string;
+    };
+    regular: {
+        className: string;
+    };
+};
+export declare const sizeYCompactClassNames: {
+    mq: {
+        className: string;
+    };
+    compact: {
+        className: string;
+    };
+};
+export declare const sizeYRegularClassNames: {
+    mq: {
+        className: string;
+    };
+    regular: {
+        className: string;
+    };
+};
+export declare const viewWidthClassNames: {
+    tabletMinus: {
+        mq: {
+            className: string;
+        };
+        forced: {
+            className: string;
+        };
+    };
+    tabletPlus: {
+        mq: {
+            className: string;
+        };
+        forced: {
+            className: string;
+        };
+    };
+};
+export declare const deviceTypeClassNames: {
+    mobile: {
+        mq: {
+            className: string;
+        };
+        forced: {
+            className: string;
+        };
+    };
+    desktop: {
+        mq: {
+            className: string;
+        };
+        forced: {
+            className: string;
+        };
+    };
+};

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js

@@ -0,0 +1,68 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { SizeType } from "../../lib/adaptivity";
+import "../../styles/adaptivity.module.css";
+export var sizeXCompactClassNames = _defineProperty({
+  mq: {
+    className: "vkui-sizeX--compact-mq"
+  }
+}, SizeType.COMPACT, {
+  className: "vkui-sizeX--compact-forced"
+});
+export var sizeXRegularClassNames = _defineProperty({
+  mq: {
+    className: "vkui-sizeX--regular-mq"
+  }
+}, SizeType.REGULAR, {
+  className: "vkui-sizeX--regular-forced"
+});
+export var sizeYCompactClassNames = _defineProperty({
+  mq: {
+    className: "vkui-sizeY--compact-mq"
+  }
+}, SizeType.COMPACT, {
+  className: "vkui-sizeY--compact-forced"
+});
+export var sizeYRegularClassNames = _defineProperty({
+  mq: {
+    className: "vkui-sizeY--regular-mq"
+  }
+}, SizeType.REGULAR, {
+  className: "vkui-sizeY--regular-forced"
+});
+export var viewWidthClassNames = {
+  tabletMinus: {
+    mq: {
+      className: "vkui-viewWidth--tabletMinus-mq"
+    },
+    forced: {
+      className: "vkui-viewWidth--tabletMinus-forced"
+    }
+  },
+  tabletPlus: {
+    mq: {
+      className: "vkui-viewWidth--tabletPlus-mq"
+    },
+    forced: {
+      className: "vkui-viewWidth--tabletPlus-forced"
+    }
+  }
+};
+export var deviceTypeClassNames = {
+  mobile: {
+    mq: {
+      className: "vkui-deviceType--mobile-mq"
+    },
+    forced: {
+      className: "vkui-deviceType--mobile-forced"
+    }
+  },
+  desktop: {
+    mq: {
+      className: "vkui-deviceType--desktop-mq"
+    },
+    forced: {
+      className: "vkui-deviceType--desktop-forced"
+    }
+  }
+};
+//# sourceMappingURL=constants.js.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["SizeType","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from \"../../lib/adaptivity\";\nimport styles from \"../../styles/adaptivity.module.css\";\n\nexport const sizeXCompactClassNames = {\n  mq: { className: styles[\"-sizeX--compact-mq\"] },\n  [SizeType.COMPACT]: { className: styles[\"-sizeX--compact-forced\"] },\n};\n\nexport const sizeXRegularClassNames = {\n  mq: { className: styles[\"-sizeX--regular-mq\"] },\n  [SizeType.REGULAR]: { className: styles[\"-sizeX--regular-forced\"] },\n};\n\nexport const sizeYCompactClassNames = {\n  mq: { className: styles[\"-sizeY--compact-mq\"] },\n  [SizeType.COMPACT]: { className: styles[\"-sizeY--compact-forced\"] },\n};\n\nexport const sizeYRegularClassNames = {\n  mq: { className: styles[\"-sizeY--regular-mq\"] },\n  [SizeType.REGULAR]: { className: styles[\"-sizeY--regular-forced\"] },\n};\n\nexport const viewWidthClassNames = {\n  tabletMinus: {\n    mq: { className: styles[\"-viewWidth--tabletMinus-mq\"] },\n    forced: { className: styles[\"-viewWidth--tabletMinus-forced\"] },\n  },\n  tabletPlus: {\n    mq: { className: styles[\"-viewWidth--tabletPlus-mq\"] },\n    forced: { className: styles[\"-viewWidth--tabletPlus-forced\"] },\n  },\n};\n\nexport const deviceTypeClassNames = {\n  mobile: {\n    mq: { className: styles[\"-deviceType--mobile-mq\"] },\n    forced: { className: styles[\"-deviceType--mobile-forced\"] },\n  },\n  desktop: {\n    mq: { className: styles[\"-deviceType--desktop-mq\"] },\n    forced: { className: styles[\"-deviceType--desktop-forced\"] },\n  },\n};\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,sBAAsB;AAAC;AAGhD,OAAO,IAAMC,sBAAsB;EACjCC,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAME,sBAAsB;EACjCH,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMI,sBAAsB;EACjCL,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACI,OAAO,EAAG;EAAED,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMK,sBAAsB;EACjCN,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CH,QAAQ,CAACM,OAAO,EAAG;EAAEH,SAAS;AAAmC,CAAC,CACpE;AAED,OAAO,IAAMM,mBAAmB,GAAG;EACjCC,WAAW,EAAE;IACXR,EAAE,EAAE;MAAEC,SAAS;IAAuC,CAAC;IACvDQ,MAAM,EAAE;MAAER,SAAS;IAA2C;EAChE,CAAC;EACDS,UAAU,EAAE;IACVV,EAAE,EAAE;MAAEC,SAAS;IAAsC,CAAC;IACtDQ,MAAM,EAAE;MAAER,SAAS;IAA0C;EAC/D;AACF,CAAC;AAED,OAAO,IAAMU,oBAAoB,GAAG;EAClCC,MAAM,EAAE;IACNZ,EAAE,EAAE;MAAEC,SAAS;IAAmC,CAAC;IACnDQ,MAAM,EAAE;MAAER,SAAS;IAAuC;EAC5D,CAAC;EACDY,OAAO,EAAE;IACPb,EAAE,EAAE;MAAEC,SAAS;IAAoC,CAAC;IACpDQ,MAAM,EAAE;MAAER,SAAS;IAAwC;EAC7D;AACF,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.d.ts

@@ -0,0 +1,6 @@
+import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
+import type { PlatformType } from "../../lib/platform";
+import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from "./types";
+export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<"mq" | SizeType.COMPACT, ElementProps>, regularClassNames: Record<"mq" | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
+export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveViewWidth;
+export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveDeviceType;

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js

@@ -0,0 +1,33 @@
+import { SizeType, ViewWidth, tryToCheckIsDesktop } from "../../lib/adaptivity";
+export var getAdaptiveSizeType = function getAdaptiveSizeType(type, compactClassNames, regularClassNames) {
+  return {
+    compact: type === undefined ? compactClassNames.mq : type === SizeType.COMPACT ? compactClassNames[type] : false,
+    regular: type === undefined ? regularClassNames.mq : type === SizeType.REGULAR ? regularClassNames[type] : false
+  };
+};
+export var getAdaptiveViewWidth = function getAdaptiveViewWidth(viewWidth, viewWidthClassNames) {
+  return {
+    tabletMinus: viewWidth === undefined ? viewWidthClassNames.tabletMinus.mq : viewWidth < ViewWidth.TABLET ? viewWidthClassNames.tabletMinus.forced : false,
+    tabletPlus: viewWidth === undefined ? viewWidthClassNames.tabletPlus.mq : viewWidth >= ViewWidth.TABLET ? viewWidthClassNames.tabletPlus.forced : false
+  };
+};
+export var getAdaptiveDeviceType = function getAdaptiveDeviceType(viewWidth, viewHeight, hasPointer, platform, deviceTypeClassNames) {
+  var isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);
+  if (isDesktop === null) {
+    return {
+      mobile: deviceTypeClassNames.mobile.mq,
+      desktop: deviceTypeClassNames.desktop.mq
+    };
+  }
+  if (isDesktop) {
+    return {
+      mobile: false,
+      desktop: deviceTypeClassNames.desktop.forced
+    };
+  }
+  return {
+    mobile: deviceTypeClassNames.mobile.forced,
+    desktop: false
+  };
+};
+//# sourceMappingURL=helpers.js.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["SizeType","ViewWidth","tryToCheckIsDesktop","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  tryToCheckIsDesktop,\n} from \"../../lib/adaptivity\";\nimport type { PlatformType } from \"../../lib/platform\";\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\n} from \"./types\";\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeType,\n  compactClassNames: Record<\"mq\" | SizeType.COMPACT, ElementProps>,\n  regularClassNames: Record<\"mq\" | SizeType.REGULAR, ElementProps>\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === SizeType.COMPACT\n        ? compactClassNames[type]\n        : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === SizeType.REGULAR\n        ? regularClassNames[type]\n        : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidth,\n  viewWidthClassNames: Record<\n    ViewWidthCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n        ? viewWidthClassNames.tabletMinus.forced\n        : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n        ? viewWidthClassNames.tabletPlus.forced\n        : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<\n    DeviceTypeCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(\n    viewWidth,\n    viewHeight,\n    hasPointer,\n    platform\n  );\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,SAAS,EAETC,mBAAmB,QACd,sBAAsB;AAW7B,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAGC,EACqB;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGb,SAAS,CAACgB,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIb,SAAS,CAACgB,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAGC,EACsB;EACvB,IAAMC,SAAS,GAAGvB,mBAAmB,CACnCY,SAAS,EACTO,UAAU,EACVC,UAAU,EACVC,QAAQ,CACT;EAED,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseAdaptivityConditionalRender } from "./types";
+export { useAdaptivityConditionalRender } from "./useAdaptivityConditionalRender";

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.js

@@ -0,0 +1,2 @@
+export { useAdaptivityConditionalRender } from "./useAdaptivityConditionalRender";
+//# sourceMappingURL=index.js.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useAdaptivityConditionalRender"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from \"./types\";\nexport { useAdaptivityConditionalRender } from \"./useAdaptivityConditionalRender\";\n"],"mappings":"AACA,SAASA,8BAA8B,QAAQ,kCAAkC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/types.d.ts

@@ -0,0 +1,16 @@
+import { type CSSBreakpoints, SizeType } from "../../lib/adaptivity";
+export declare type ForcedHiddenByAdaptivityProviderType = false;
+export declare type ElementProps = {
+    className: string;
+};
+export declare type AdaptiveSizeType = Record<SizeType, ForcedHiddenByAdaptivityProviderType | ElementProps>;
+export declare type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, "tabletMinus" | "tabletPlus">;
+export declare type AdaptiveViewWidth = Record<ViewWidthCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
+export declare type DeviceTypeCSSBreakpoints = "mobile" | "desktop";
+export declare type AdaptiveDeviceType = Record<DeviceTypeCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
+export interface UseAdaptivityConditionalRender {
+    sizeX: AdaptiveSizeType;
+    sizeY: AdaptiveSizeType;
+    viewWidth: AdaptiveViewWidth;
+    deviceType: AdaptiveDeviceType;
+}

package/dist/cssm/hooks/useAdaptivityConditionalRender/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/cssm/hooks/useAdaptivityConditionalRender/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import { type CSSBreakpoints, SizeType } from \"../../lib/adaptivity\";\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider sizeY=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveSizeType = Record<\n  SizeType,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<\n  CSSBreakpoints,\n  \"tabletMinus\" | \"tabletPlus\"\n>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = \"mobile\" | \"desktop\";\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  sizeX: AdaptiveSizeType;\n  sizeY: AdaptiveSizeType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+import type { UseAdaptivityConditionalRender } from "./types";
+export declare const useAdaptivityConditionalRender: () => UseAdaptivityConditionalRender;

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { AdaptivityContext } from "../../components/AdaptivityProvider/AdaptivityContext";
+import { usePlatform } from "../usePlatform";
+import { sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames, deviceTypeClassNames } from "./constants";
+import { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from "./helpers";
+export var useAdaptivityConditionalRender = function useAdaptivityConditionalRender() {
+  var _React$useContext = React.useContext(AdaptivityContext),
+    sizeXContext = _React$useContext.sizeX,
+    sizeYContext = _React$useContext.sizeY,
+    viewWidthContext = _React$useContext.viewWidth,
+    viewHeightContext = _React$useContext.viewHeight,
+    hasPointerContext = _React$useContext.hasPointer;
+  var platform = usePlatform();
+  return React.useMemo(function () {
+    var sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);
+    var sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);
+    var viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);
+    var deviceType = getAdaptiveDeviceType(viewWidthContext, viewHeightContext, hasPointerContext, platform, deviceTypeClassNames);
+    return {
+      sizeX: sizeX,
+      sizeY: sizeY,
+      viewWidth: viewWidth,
+      deviceType: deviceType
+    };
+  }, [sizeXContext, sizeYContext, viewWidthContext, viewHeightContext, hasPointerContext, platform]);
+};
+//# sourceMappingURL=useAdaptivityConditionalRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AdaptivityContext } from \"../../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"../usePlatform\";\nimport type { UseAdaptivityConditionalRender } from \"./types\";\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from \"./constants\";\nimport {\n  getAdaptiveSizeType,\n  getAdaptiveViewWidth,\n  getAdaptiveDeviceType,\n} from \"./helpers\";\n\nexport const useAdaptivityConditionalRender =\n  (): UseAdaptivityConditionalRender => {\n    const {\n      sizeX: sizeXContext,\n      sizeY: sizeYContext,\n      viewWidth: viewWidthContext,\n      viewHeight: viewHeightContext,\n      hasPointer: hasPointerContext,\n    } = React.useContext(AdaptivityContext);\n    const platform = usePlatform();\n\n    return React.useMemo(() => {\n      const sizeX = getAdaptiveSizeType(\n        sizeXContext,\n        sizeXCompactClassNames,\n        sizeXRegularClassNames\n      );\n      const sizeY = getAdaptiveSizeType(\n        sizeYContext,\n        sizeYCompactClassNames,\n        sizeYRegularClassNames\n      );\n      const viewWidth = getAdaptiveViewWidth(\n        viewWidthContext,\n        viewWidthClassNames\n      );\n      const deviceType = getAdaptiveDeviceType(\n        viewWidthContext,\n        viewHeightContext,\n        hasPointerContext,\n        platform,\n        deviceTypeClassNames\n      );\n      return {\n        sizeX,\n        sizeY,\n        viewWidth,\n        deviceType,\n      };\n    }, [\n      sizeXContext,\n      sizeYContext,\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n    ]);\n  };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,EACnBC,oBAAoB,QACf,aAAa;AACpB,SACEC,mBAAmB,EACnBC,oBAAoB,EACpBC,qBAAqB,QAChB,WAAW;AAElB,OAAO,IAAMC,8BAA8B,GACzC,SADWA,8BAA8B,GACH;EACpC,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGN,mBAAmB,CAC/BK,YAAY,EACZX,sBAAsB,EACtBC,sBAAsB,CACvB;IACD,IAAMa,KAAK,GAAGR,mBAAmB,CAC/BO,YAAY,EACZX,sBAAsB,EACtBC,sBAAsB,CACvB;IACD,IAAMa,SAAS,GAAGT,oBAAoB,CACpCQ,gBAAgB,EAChBX,mBAAmB,CACpB;IACD,IAAMmB,UAAU,GAAGf,qBAAqB,CACtCO,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRhB,oBAAoB,CACrB;IACD,OAAO;MACLO,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
+ * откладываем определение на второй рендер.
+ *
+ * [No SSR] Если передать `false`, то определение будет сразу.
+ */
+export declare function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;
+export declare function useAdaptivityHasHover(deferDetect?: false): boolean;

package/dist/cssm/hooks/useAdaptivityHasHover.js

@@ -0,0 +1,31 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { hasHover as hasHoverLib } from "@vkontakte/vkjs";
+import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+
+/**
+ * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
+ * откладываем определение на второй рендер.
+ *
+ * [No SSR] Если передать `false`, то определение будет сразу.
+ */
+
+export function useAdaptivityHasHover() {
+  var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var _React$useContext = React.useContext(AdaptivityContext),
+    hasHoverContext = _React$useContext.hasHover;
+  var _React$useState = React.useState(function () {
+      return !deferDetect && hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    hasHover = _React$useState2[0],
+    setHasHover = _React$useState2[1];
+  React.useEffect(function () {
+    setHasHover(function (prevHasHover) {
+      var newHasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
+      return prevHasHover === newHasHover ? prevHasHover : newHasHover;
+    });
+  }, [hasHoverContext]);
+  return hasHover;
+}
+//# sourceMappingURL=useAdaptivityHasHover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityHasHover.js","names":["React","hasHover","hasHoverLib","AdaptivityContext","useAdaptivityHasHover","deferDetect","useContext","hasHoverContext","useState","undefined","setHasHover","useEffect","prevHasHover","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasHover as hasHoverLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const [hasHover, setHasHover] = React.useState(() =>\n    !deferDetect && hasHoverContext === undefined\n      ? hasHoverLib\n      : hasHoverContext\n  );\n\n  React.useEffect(() => {\n    setHasHover((prevHasHover) => {\n      const newHasHover =\n        hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n      return prevHasHover === newHasHover ? prevHasHover : newHasHover;\n    });\n  }, [hasHoverContext]);\n\n  return hasHover;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,WAAW,QAAQ,iBAAiB;AACzD,SAASC,iBAAiB,QAAQ,oDAAoD;;AAEtF;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCL,KAAK,CAACM,UAAU,CAACH,iBAAiB,CAAC;IAAvDI,eAAe,qBAAzBN,QAAQ;EAChB,sBAAgCD,KAAK,CAACQ,QAAQ,CAAC;MAAA,OAC7C,CAACH,WAAW,IAAIE,eAAe,KAAKE,SAAS,GACzCP,WAAW,GACXK,eAAe;IAAA,EACpB;IAAA;IAJMN,QAAQ;IAAES,WAAW;EAM5BV,KAAK,CAACW,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,UAACE,YAAY,EAAK;MAC5B,IAAMC,WAAW,GACfN,eAAe,KAAKE,SAAS,GAAGP,WAAW,GAAGK,eAAe;MAC/D,OAAOK,YAAY,KAAKC,WAAW,GAAGD,YAAY,GAAGC,WAAW;IAClE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACN,eAAe,CAAC,CAAC;EAErB,OAAON,QAAQ;AACjB"}

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

@@ -0,0 +1,8 @@
+/**
+ * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
+ * откладываем определение на второй рендер.
+ *
+ * [No SSR] Если передать `false`, то определение будет сразу.
+ */
+export declare function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean;
+export declare function useAdaptivityHasPointer(deferDetect?: false): boolean;

package/dist/cssm/hooks/useAdaptivityHasPointer.js

@@ -0,0 +1,31 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { hasMouse as hasPointerLib } from "@vkontakte/vkjs";
+import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+
+/**
+ * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
+ * откладываем определение на второй рендер.
+ *
+ * [No SSR] Если передать `false`, то определение будет сразу.
+ */
+
+export function useAdaptivityHasPointer() {
+  var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var _React$useContext = React.useContext(AdaptivityContext),
+    hasPointerContext = _React$useContext.hasPointer;
+  var _React$useState = React.useState(function () {
+      return !deferDetect && hasPointerContext === undefined ? hasPointerLib : hasPointerContext;
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    hasPointer = _React$useState2[0],
+    setHasPointer = _React$useState2[1];
+  React.useEffect(function () {
+    setHasPointer(function (prevHasPointer) {
+      var newHasHover = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;
+      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;
+    });
+  }, [hasPointerContext]);
+  return hasPointer;
+}
+//# sourceMappingURL=useAdaptivityHasPointer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityHasPointer.js","names":["React","hasMouse","hasPointerLib","AdaptivityContext","useAdaptivityHasPointer","deferDetect","useContext","hasPointerContext","hasPointer","useState","undefined","setHasPointer","useEffect","prevHasPointer","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as hasPointerLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(\n  deferDetect = true\n): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const [hasPointer, setHasPointer] = React.useState(() =>\n    !deferDetect && hasPointerContext === undefined\n      ? hasPointerLib\n      : hasPointerContext\n  );\n\n  React.useEffect(() => {\n    setHasPointer((prevHasPointer) => {\n      const newHasHover =\n        hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;\n    });\n  }, [hasPointerContext]);\n\n  return hasPointer;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,aAAa,QAAQ,iBAAiB;AAC3D,SAASC,iBAAiB,QAAQ,oDAAoD;;AAEtF;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAO,SAASC,uBAAuB,GAEhB;EAAA,IADrBC,WAAW,uEAAG,IAAI;EAElB,wBAA0CL,KAAK,CAACM,UAAU,CAACH,iBAAiB,CAAC;IAAzDI,iBAAiB,qBAA7BC,UAAU;EAClB,sBAAoCR,KAAK,CAACS,QAAQ,CAAC;MAAA,OACjD,CAACJ,WAAW,IAAIE,iBAAiB,KAAKG,SAAS,GAC3CR,aAAa,GACbK,iBAAiB;IAAA,EACtB;IAAA;IAJMC,UAAU;IAAEG,aAAa;EAMhCX,KAAK,CAACY,SAAS,CAAC,YAAM;IACpBD,aAAa,CAAC,UAACE,cAAc,EAAK;MAChC,IAAMC,WAAW,GACfP,iBAAiB,KAAKG,SAAS,GAAGR,aAAa,GAAGK,iBAAiB;MACrE,OAAOM,cAAc,KAAKC,WAAW,GAAGD,cAAc,GAAGC,WAAW;IACtE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACP,iBAAiB,CAAC,CAAC;EAEvB,OAAOC,UAAU;AACnB"}

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

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

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js

@@ -0,0 +1,96 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from "react";
+import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from "@vkontakte/vkjs";
+import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import { getOrDefault } from "../helpers/getOrDefault";
+import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from "../lib/adaptivity";
+import { useMediaQueries } from "./useMediaQueries";
+import { usePlatform } from "./usePlatform";
+/**
+ * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
+ *
+ * Берёт в приоритет значения из `AdaptivityContext`.
+ *
+ * > ⚠ SSR
+ * >
+ * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
+ * > на стороне сервера.
+ * >
+ * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки
+ * > страницы либо пользователем, либо программно.
+ */
+export var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQueries() {
+  if (!canUseDOM) {
+    console.error("[useAdaptivityWithJSMediaQueries] \u041F\u043E\u0445\u043E\u0436\u0435, \u0432\u044B \u043F\u044B\u0442\u0430\u0435\u0442\u0435\u0441\u044C \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0445\u0443\u043A \u0432\u043D\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.\n\n\u041F\u043E\u0441\u0442\u0430\u0440\u0430\u0439\u0442\u0435\u0441\u044C \u044D\u0442\u043E\u0433\u043E \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044C, \u0447\u0442\u043E\u0431\u044B \u043D\u0435 \u0431\u044B\u043B\u043E \u043E\u0448\u0438\u0431\u043E\u043A \u043F\u0440\u0438 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u0438: \u043F\u0440\u0438 SSR \u043D\u0435\u0442 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438 \u043E \u0440\u0430\u0437\u043C\u0435\u0440\u0430\u0445 \u044D\u043A\u0440\u0430\u043D\u0430.\n\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 CSS Media Query \u0438\u043B\u0438 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0443 \u043F\u043E \u0442\u0438\u043F\u0443 https://github.com/artsy/fresnel.");
+  }
+  var _React$useContext = React.useContext(AdaptivityContext),
+    viewWidthContext = _React$useContext.viewWidth,
+    viewHeightContext = _React$useContext.viewHeight,
+    sizeXContext = _React$useContext.sizeX,
+    sizeYContext = _React$useContext.sizeY,
+    hasPointerContext = _React$useContext.hasPointer,
+    hasHoverContext = _React$useContext.hasHover;
+  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 hasPointer = getOrDefault(hasPointerContext, hasPointerLib);
+    var hasHover = getOrDefault(hasHoverContext, hasHoverLib);
+    var viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);
+    var viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);
+    var sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));
+    var sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));
+    var isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);
+    return {
+      viewWidth: viewWidth,
+      viewHeight: viewHeight,
+      sizeX: sizeX,
+      sizeY: sizeY,
+      hasPointer: hasPointer,
+      hasHover: hasHover,
+      isDesktop: isDesktop
+    };
+  }, [viewWidthLocal, viewHeightLocal, viewWidthContext, viewHeightContext, sizeXContext, sizeYContext, hasPointerContext, hasHoverContext, 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=useAdaptivityWithJSMediaQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasMouse","hasPointerLib","hasHover","hasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","tryToCheckIsDesktop","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","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/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  canUseDOM,\n  hasMouse as hasPointerLib,\n  hasHover as hasHoverLib,\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  tryToCheckIsDesktop,\n} from \"../lib/adaptivity\";\nimport { useMediaQueries } from \"./useMediaQueries\";\nimport { usePlatform } from \"./usePlatform\";\n\nexport interface UseAdaptivityWithJSMediaQueries\n  extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries =\n  (): UseAdaptivityWithJSMediaQueries => {\n    if (!canUseDOM) {\n      console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n    }\n\n    const {\n      viewWidth: viewWidthContext,\n      viewHeight: viewHeightContext,\n      sizeX: sizeXContext,\n      sizeY: sizeYContext,\n      hasPointer: hasPointerContext,\n      hasHover: hasHoverContext,\n    } = React.useContext(AdaptivityContext);\n\n    const platform = usePlatform();\n    const mediaQueries = useMediaQueries();\n\n    const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] =\n      React.useState(() => [\n        getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries)\n        ),\n        getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries)\n        ),\n      ]);\n\n    const adaptivityProps = React.useMemo(() => {\n      const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n      const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\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, hasPointer)\n      );\n      const isDesktop = tryToCheckIsDesktop(\n        viewWidth,\n        viewHeight,\n        hasPointer,\n        platform\n      );\n\n      return {\n        viewWidth,\n        viewHeight,\n        sizeX,\n        sizeY,\n        hasPointer,\n        hasHover,\n        isDesktop,\n      };\n    }, [\n      viewWidthLocal,\n      viewHeightLocal,\n      viewWidthContext,\n      viewHeightContext,\n      sizeXContext,\n      sizeYContext,\n      hasPointerContext,\n      hasHoverContext,\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(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.tablet.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.smallTablet.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.mobile.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mediumHeight.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\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/useAppearance.d.ts

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

package/dist/cssm/hooks/useAppearance.js

@@ -1,6 +1,7 @@
-import * as React from "react";
-import { AppearanceProviderContext } from "../components/AppearanceProvider/AppearanceProviderContext";
-export var useAppearance = function useAppearance() {
-  return React.useContext(AppearanceProviderContext);
-};
+import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext";
+export function useAppearance() {
+  var _useConfigProvider = useConfigProvider(),
+    appearance = _useConfigProvider.appearance;
+  return appearance !== null && appearance !== void 0 ? appearance : "light";
+}
 //# sourceMappingURL=useAppearance.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.js","names":["React","AppearanceProviderContext","useAppearance","useContext"],"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceProviderContext } from \"../components/AppearanceProvider/AppearanceProviderContext\";\n\nexport const useAppearance = () => React.useContext(AppearanceProviderContext);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;EAAA,OAAMF,KAAK,CAACG,UAAN,CAAiBF,yBAAjB,CAAN;AAAA,CAAtB"}
+{"version":3,"file":"useAppearance.js","names":["useConfigProvider","useAppearance","appearance"],"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? \"light\";\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,aAAa,GAAG;EAC9B,yBAAuBD,iBAAiB,EAAE;IAAlCE,UAAU,sBAAVA,UAAU;EAElB,OAAOA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;AAC9B"}