@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cjs/hooks/useAdaptivityWithMediaQueries.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAdaptivityWithMediaQueries = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _vkjs = require("@vkontakte/vkjs");
+
+var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+
+var _getOrDefault = require("../helpers/getOrDefault");
+
+var _adaptivity = require("../lib/adaptivity");
+
+var _useMediaQueries = require("./useMediaQueries");
+
+var _usePlatform = require("./usePlatform");
+
+/**
+ * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
+ *
+ * Берёт в приоритет значения из `AdaptivityContext.
+ *
+ * > ⚠ SSR
+ * >
+ * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
+ * > на стороне сервера.
+ * >
+ * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки
+ * > страницы либо пользователем, либо программно.
+ */
+var useAdaptivityWithMediaQueries = function useAdaptivityWithMediaQueries() {
+  var _React$useContext = React.useContext(_AdaptivityContext.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 = (0, _usePlatform.usePlatform)();
+  var mediaQueries = (0, _useMediaQueries.useMediaQueries)();
+
+  var _React$useState = React.useState(function () {
+    return [(0, _getOrDefault.getOrDefault)(viewWidthContext, (0, _adaptivity.getViewWidthByMediaQueries)(mediaQueries)), (0, _getOrDefault.getOrDefault)(viewHeightContext, (0, _adaptivity.getViewHeightByMediaQueries)(mediaQueries))];
+  }),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      _React$useState2$ = (0, _slicedToArray2.default)(_React$useState2[0], 2),
+      viewWidthLocal = _React$useState2$[0],
+      viewHeightLocal = _React$useState2$[1],
+      setViewSizeLocal = _React$useState2[1];
+
+  var adaptivityProps = React.useMemo(function () {
+    var hasMouse = (0, _getOrDefault.getOrDefault)(hasMouseContext, _vkjs.hasMouse);
+    var deviceHasHover = (0, _getOrDefault.getOrDefault)(deviceHasHoverContext, _vkjs.hasHover);
+    var viewWidth = (0, _getOrDefault.getOrDefault)(viewWidthContext, viewWidthLocal);
+    var viewHeight = (0, _getOrDefault.getOrDefault)(viewHeightContext, viewHeightLocal);
+    var sizeX = (0, _getOrDefault.getOrDefault)(sizeXContext, (0, _adaptivity.getSizeX)(viewWidth));
+    var sizeY = (0, _getOrDefault.getOrDefault)(sizeYContext, (0, _adaptivity.getSizeY)(viewWidth, viewHeight, hasMouse));
+    var isDesktop = (0, _adaptivity.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 = (0, _getOrDefault.getOrDefault)(viewWidthContext, (0, _adaptivity.getViewWidthByMediaQueries)(mediaQueries));
+        var newViewHeightLocal = (0, _getOrDefault.getOrDefault)(viewHeightContext, (0, _adaptivity.getViewHeightByMediaQueries)(mediaQueries));
+
+        var _prevSizeLocal = (0, _slicedToArray2.default)(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;
+};
+
+exports.useAdaptivityWithMediaQueries = useAdaptivityWithMediaQueries;
+//# sourceMappingURL=useAdaptivityWithMediaQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptivityWithMediaQueries.js","names":["useAdaptivityWithMediaQueries","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasMouseContext","hasMouse","deviceHasHoverContext","deviceHasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasMouseLib","deviceHasHoverLib","getSizeX","getSizeY","isDesktop","checkIsDesktop","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/cjs/hooks/useAutoDetectAppearance.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutoDetectAppearance = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
+
+var _dom = require("../lib/dom");
+
+var _utils = require("../lib/utils");
+
+var _appearance = require("../helpers/appearance");
+
+var initialAppearance = null;
+
+_vkBridge.default.send("VKWebAppGetConfig").then(function (data) {
+  initialAppearance = (0, _appearance.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 = (0, _appearance.resolveAppearance)(data);
+
+    if (initialAppearance) {
+      onDetectAppearanceByBridge();
+      setAppearance(initialAppearance);
+    }
+  }
+
+  _vkBridge.default.subscribe(bridgeListener);
+
+  return function () {
+    return _vkBridge.default.unsubscribe(bridgeListener);
+  };
+}
+
+function autoDetectAppearance(window, setAppearance) {
+  var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+
+  if (mediaQuery === undefined) {
+    return _utils.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);
+  };
+}
+
+var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
+  var _useDOM = (0, _dom.useDOM)(),
+      window = _useDOM.window;
+
+  var onceDetectAppearanceByBridge = React.useRef(function () {
+    onDetectAppearanceByBridge && onDetectAppearanceByBridge();
+    onceDetectAppearanceByBridge.current = _utils.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 = (0, _slicedToArray2.default)(_React$useState, 2),
+      appearance = _React$useState2[0],
+      setAppearance = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (appearanceProp) {
+      setAppearance(appearanceProp);
+      return _utils.noop;
+    }
+
+    if (_vkBridge.default.isEmbedded()) {
+      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
+    }
+
+    return autoDetectAppearance(window, setAppearance);
+  }, [window, appearanceProp]);
+  return appearance;
+};
+
+exports.useAutoDetectAppearance = useAutoDetectAppearance;
+//# sourceMappingURL=useAutoDetectAppearance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoDetectAppearance.js","names":["initialAppearance","vkBridge","send","then","data","resolveAppearance","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","noop","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","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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"}

package/dist/cjs/hooks/useMediaQueries.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMediaQueries = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _adaptivity = require("../lib/adaptivity");
+
+var _browser = require("../lib/browser");
+
+var _dom = require("../lib/dom");
+
+var storedMediaQueries = {
+  window: undefined,
+  mediaQueries: null
+};
+/**
+ * Возвращает медиа выражения определенные дизайн-системой.
+ */
+
+var useMediaQueries = function useMediaQueries() {
+  var _useDOM = (0, _dom.useDOM)(),
+      window = _useDOM.window;
+
+  return React.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
+    if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
+      return storedMediaQueries.mediaQueries;
+    }
+
+    var matchMedia = window ? window.matchMedia.bind(window) : _browser.mediaQueryNull;
+    storedMediaQueries.window = window;
+    storedMediaQueries.mediaQueries = {
+      desktopPlus: matchMedia(_adaptivity.MEDIA_QUERIES.DESKTOP_PLUS),
+      tablet: matchMedia(_adaptivity.MEDIA_QUERIES.TABLET),
+      smallTablet: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET),
+      mobile: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE),
+      mediumHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MEDIUM_HEIGHT),
+      mobileLandscapeHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+    };
+    return storedMediaQueries.mediaQueries;
+  }, [window]);
+};
+
+exports.useMediaQueries = useMediaQueries;
+//# sourceMappingURL=useMediaQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport { type MediaQueries, MEDIA_QUERIES } from \"../lib/adaptivity\";\nimport { mediaQueryNull } from \"../lib/browser\";\nimport { useDOM } from \"../lib/dom\";\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (\n        storedMediaQueries.window === window &&\n        storedMediaQueries.mediaQueries !== null\n      ) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window\n        ? window.matchMedia.bind(window)\n        : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(\n          MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT\n        ),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window]\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SADqC;EAE7CC,YAAY,EAAE;AAF+B,CAA/C;AAKA;AACA;AACA;;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;EACnC,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQJ,MAAR,WAAQA,MAAR;;EAEA,OAAOK,KAAK,CAACC,OAAN,CACL,SAASC,2CAAT,GAAuD;IACrD,IACER,kBAAkB,CAACC,MAAnB,KAA8BA,MAA9B,IACAD,kBAAkB,CAACG,YAAnB,KAAoC,IAFtC,EAGE;MACA,OAAOH,kBAAkB,CAACG,YAA1B;IACD;;IAED,IAAMM,UAAU,GAAGR,MAAM,GACrBA,MAAM,CAACQ,UAAP,CAAkBC,IAAlB,CAAuBT,MAAvB,CADqB,GAErBU,uBAFJ;IAIAX,kBAAkB,CAACC,MAAnB,GAA4BA,MAA5B;IACAD,kBAAkB,CAACG,YAAnB,GAAkC;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAA,CAAcC,YAAf,CADS;MAEhCC,MAAM,EAAEN,UAAU,CAACI,yBAAA,CAAcG,MAAf,CAFc;MAGhCC,WAAW,EAAER,UAAU,CAACI,yBAAA,CAAcK,YAAf,CAHS;MAIhCC,MAAM,EAAEV,UAAU,CAACI,yBAAA,CAAcO,MAAf,CAJc;MAKhCC,YAAY,EAAEZ,UAAU,CAACI,yBAAA,CAAcS,aAAf,CALQ;MAMhCC,qBAAqB,EAAEd,UAAU,CAC/BI,yBAAA,CAAcW,uBADiB;IAND,CAAlC;IAWA,OAAOxB,kBAAkB,CAACG,YAA1B;EACD,CA1BI,EA2BL,CAACF,MAAD,CA3BK,CAAP;AA6BD,CAhCM"}

package/dist/cjs/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ANDROID", {
-  enumerable: true,
-  get: function get() {
-    return _platform.ANDROID;
-  }
-});
 Object.defineProperty(exports, "ActionSheet", {
   enumerable: true,
   get: function get() {
@@ -48,7 +42,7 @@ Object.defineProperty(exports, "AppRoot", {
 Object.defineProperty(exports, "Appearance", {
   enumerable: true,
   get: function get() {
-    return _scheme.Appearance;
+    return _appearance.Appearance;
   }
 });
 Object.defineProperty(exports, "AppearanceProvider", {
@@ -207,6 +201,12 @@ Object.defineProperty(exports, "DateRangeInput", {
     return _DateRangeInput.DateRangeInput;
   }
 });
+Object.defineProperty(exports, "DeviceConditionalRender", {
+  enumerable: true,
+  get: function get() {
+    return _DeviceConditionalRender.DeviceConditionalRender;
+  }
+});
 Object.defineProperty(exports, "Div", {
   enumerable: true,
   get: function get() {
@@ -267,12 +267,6 @@ Object.defineProperty(exports, "FormLayoutGroup", {
     return _FormLayoutGroup.FormLayoutGroup;
   }
 });
-Object.defineProperty(exports, "FormStatus", {
-  enumerable: true,
-  get: function get() {
-    return _FormStatus.FormStatus;
-  }
-});
 Object.defineProperty(exports, "Gallery", {
   enumerable: true,
   get: function get() {
@@ -321,40 +315,22 @@ Object.defineProperty(exports, "HorizontalScroll", {
     return _HorizontalScroll.HorizontalScroll;
   }
 });
-Object.defineProperty(exports, "IOS", {
-  enumerable: true,
-  get: function get() {
-    return _platform.IOS;
-  }
-});
-Object.defineProperty(exports, "IS_PLATFORM_ANDROID", {
-  enumerable: true,
-  get: function get() {
-    return _platform.IS_PLATFORM_ANDROID;
-  }
-});
-Object.defineProperty(exports, "IS_PLATFORM_IOS", {
-  enumerable: true,
-  get: function get() {
-    return _platform.IS_PLATFORM_IOS;
-  }
-});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function get() {
     return _IconButton.IconButton;
   }
 });
-Object.defineProperty(exports, "InfoRow", {
+Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function get() {
-    return _InfoRow.InfoRow;
+    return _Image.Image;
   }
 });
-Object.defineProperty(exports, "InitialsAvatar", {
+Object.defineProperty(exports, "InfoRow", {
   enumerable: true,
   get: function get() {
-    return _InitialsAvatar.InitialsAvatar;
+    return _InfoRow.InfoRow;
   }
 });
 Object.defineProperty(exports, "Input", {
@@ -585,12 +561,6 @@ Object.defineProperty(exports, "SSRWrapper", {
     return _SSR.SSRWrapper;
   }
 });
-Object.defineProperty(exports, "Scheme", {
-  enumerable: true,
-  get: function get() {
-    return _scheme.Scheme;
-  }
-});
 Object.defineProperty(exports, "ScreenSpinner", {
   enumerable: true,
   get: function get() {
@@ -636,19 +606,25 @@ Object.defineProperty(exports, "SimpleCell", {
 Object.defineProperty(exports, "SizeType", {
   enumerable: true,
   get: function get() {
-    return _AdaptivityContext.SizeType;
+    return _adaptivity.SizeType;
   }
 });
-Object.defineProperty(exports, "Slider", {
+Object.defineProperty(exports, "SizeXConditionalRender", {
   enumerable: true,
   get: function get() {
-    return _Slider.Slider;
+    return _SizeXConditionalRender.SizeXConditionalRender;
   }
 });
-Object.defineProperty(exports, "SliderSwitch", {
+Object.defineProperty(exports, "SizeYConditionalRender", {
   enumerable: true,
   get: function get() {
-    return _SliderSwitch.SliderSwitch;
+    return _SizeYConditionalRender.SizeYConditionalRender;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider.Slider;
   }
 });
 Object.defineProperty(exports, "Snackbar", {
@@ -777,12 +753,6 @@ Object.defineProperty(exports, "UsersStack", {
     return _UsersStack.UsersStack;
   }
 });
-Object.defineProperty(exports, "VKCOM", {
-  enumerable: true,
-  get: function get() {
-    return _platform.VKCOM;
-  }
-});
 Object.defineProperty(exports, "View", {
   enumerable: true,
   get: function get() {
@@ -792,13 +762,19 @@ Object.defineProperty(exports, "View", {
 Object.defineProperty(exports, "ViewHeight", {
   enumerable: true,
   get: function get() {
-    return _AdaptivityContext.ViewHeight;
+    return _adaptivity.ViewHeight;
   }
 });
 Object.defineProperty(exports, "ViewWidth", {
   enumerable: true,
   get: function get() {
-    return _AdaptivityContext.ViewWidth;
+    return _adaptivity.ViewWidth;
+  }
+});
+Object.defineProperty(exports, "ViewWidthConditionalRender", {
+  enumerable: true,
+  get: function get() {
+    return _ViewWidthConditionalRender.ViewWidthConditionalRender;
   }
 });
 Object.defineProperty(exports, "VisuallyHiddenInput", {
@@ -849,6 +825,42 @@ Object.defineProperty(exports, "getClassName", {
     return _getClassName.getClassName;
   }
 });
+Object.defineProperty(exports, "getHoverClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getHoverClassName.getHoverClassName;
+  }
+});
+Object.defineProperty(exports, "getMouseClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getMouseClassName.getMouseClassName;
+  }
+});
+Object.defineProperty(exports, "getSizeXClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getSizeXClassName.getSizeXClassName;
+  }
+});
+Object.defineProperty(exports, "getSizeYClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getSizeYClassName.getSizeYClassName;
+  }
+});
+Object.defineProperty(exports, "getViewHeightClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getViewHeightClassName.getViewHeightClassName;
+  }
+});
+Object.defineProperty(exports, "getViewWidthClassName", {
+  enumerable: true,
+  get: function get() {
+    return _getViewWidthClassName.getViewWidthClassName;
+  }
+});
 Object.defineProperty(exports, "platform", {
   enumerable: true,
   get: function get() {
@@ -903,12 +915,6 @@ Object.defineProperty(exports, "useScrollLock", {
     return _ScrollContext.useScrollLock;
   }
 });
-Object.defineProperty(exports, "withAdaptivity", {
-  enumerable: true,
-  get: function get() {
-    return _withAdaptivity.withAdaptivity;
-  }
-});
 Object.defineProperty(exports, "withInsets", {
   enumerable: true,
   get: function get() {
@@ -1030,7 +1036,7 @@ var _Avatar = require("./components/Avatar/Avatar");
 
 var _GridAvatar = require("./components/GridAvatar/GridAvatar");
 
-var _InitialsAvatar = require("./components/InitialsAvatar/InitialsAvatar");
+var _Image = require("./components/Image/Image");
 
 var _Progress = require("./components/Progress/Progress");
 
@@ -1082,8 +1088,6 @@ var _FormField = require("./components/FormField/FormField");
 
 var _FormLayoutGroup = require("./components/FormLayoutGroup/FormLayoutGroup");
 
-var _FormStatus = require("./components/FormStatus/FormStatus");
-
 var _Switch = require("./components/Switch/Switch");
 
 var _File = require("./components/File/File");
@@ -1118,8 +1122,6 @@ var _CustomSelectOption = require("./components/CustomSelectOption/CustomSelectO
 
 var _DatePicker = require("./components/DatePicker/DatePicker");
 
-var _SliderSwitch = require("./components/SliderSwitch/SliderSwitch");
-
 var _SegmentedControl = require("./components/SegmentedControl/SegmentedControl");
 
 var _Calendar = require("./components/Calendar/Calendar");
@@ -1160,7 +1162,7 @@ var _ConfigProviderContext = require("./components/ConfigProvider/ConfigProvider
 
 var _AppearanceProvider = require("./components/AppearanceProvider/AppearanceProvider");
 
-var _scheme = require("./helpers/scheme");
+var _appearance = require("./helpers/appearance");
 
 var _LocaleProviderContext = require("./components/LocaleProviderContext/LocaleProviderContext");
 
@@ -1184,8 +1186,6 @@ var _withInsets = require("./hoc/withInsets");
 
 var _withPlatform = require("./hoc/withPlatform");
 
-var _withAdaptivity = require("./hoc/withAdaptivity");
-
 var _useInsets = require("./hooks/useInsets");
 
 var _usePlatform = require("./hooks/usePlatform");
@@ -1210,11 +1210,31 @@ var _SSR = require("./lib/SSR");
 
 var _platform = require("./lib/platform");
 
-var _getClassName = require("./helpers/getClassName");
+var _adaptivity = require("./lib/adaptivity");
 
-var _AdaptivityContext = require("./components/AdaptivityProvider/AdaptivityContext");
+var _getClassName = require("./helpers/getClassName");
 
 var _avatar = require("./helpers/avatar");
 
 var _Popper = require("./components/Popper/Popper");
+
+var _getHoverClassName = require("./helpers/getHoverClassName");
+
+var _getMouseClassName = require("./helpers/getMouseClassName");
+
+var _getSizeXClassName = require("./helpers/getSizeXClassName");
+
+var _getSizeYClassName = require("./helpers/getSizeYClassName");
+
+var _getViewHeightClassName = require("./helpers/getViewHeightClassName");
+
+var _getViewWidthClassName = require("./helpers/getViewWidthClassName");
+
+var _SizeXConditionalRender = require("./components/SizeXConditionalRender/SizeXConditionalRender");
+
+var _SizeYConditionalRender = require("./components/SizeYConditionalRender/SizeYConditionalRender");
+
+var _DeviceConditionalRender = require("./components/DeviceConditionalRender/DeviceConditionalRender");
+
+var _ViewWidthConditionalRender = require("./components/ViewWidthConditionalRender/ViewWidthConditionalRender");
 //# sourceMappingURL=index.js.map