@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';
 import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
@@ -19,76 +18,94 @@ import { usePlatform } from './usePlatform';
  * >
  * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки
  * > страницы либо пользователем, либо программно.
- */
-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, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile].forEach(function (matchMediaListener) {
-        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
-      });
-    }
-    if (!viewHeightContext) {
-      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
-        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
-      });
+ */ export const useAdaptivityWithJSMediaQueries = ()=>{
+    if (!canUseDOM) {
+        console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.
+
+Постарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.
+
+Используйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);
     }
-    return function () {
-      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile, mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
-        return matchMediaListRemoveListener(matchMediaListener, handleMediaQuery);
-      });
-    };
-  }, [mediaQueries, viewWidthContext, viewHeightContext]);
-  return adaptivityProps;
+    const { viewWidth: viewWidthContext , viewHeight: viewHeightContext , sizeX: sizeXContext , sizeY: sizeYContext , hasPointer: hasPointerContext , hasHover: hasHoverContext  } = React.useContext(AdaptivityContext);
+    const platform = usePlatform();
+    const mediaQueries = useMediaQueries();
+    const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(()=>[
+            getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),
+            getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries))
+        ]);
+    const adaptivityProps = React.useMemo(()=>{
+        const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);
+        const hasHover = getOrDefault(hasHoverContext, hasHoverLib);
+        const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);
+        const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);
+        const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));
+        const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));
+        const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);
+        return {
+            viewWidth,
+            viewHeight,
+            sizeX,
+            sizeY,
+            hasPointer,
+            hasHover,
+            isDesktop
+        };
+    }, [
+        viewWidthLocal,
+        viewHeightLocal,
+        viewWidthContext,
+        viewHeightContext,
+        sizeXContext,
+        sizeYContext,
+        hasPointerContext,
+        hasHoverContext,
+        platform
+    ]);
+    React.useEffect(()=>{
+        const handleMediaQuery = ()=>{
+            setViewSizeLocal((prevSizeLocal)=>{
+                const newViewWidthLocal = getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries));
+                const newViewHeightLocal = getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries));
+                const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;
+                if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
+                    return [
+                        newViewWidthLocal,
+                        newViewHeightLocal
+                    ];
+                }
+                return prevSizeLocal;
+            });
+        };
+        if (!viewWidthContext) {
+            [
+                mediaQueries.desktopPlus,
+                mediaQueries.tablet,
+                mediaQueries.smallTablet,
+                mediaQueries.mobile
+            ].forEach((matchMediaListener)=>matchMediaListAddListener(matchMediaListener, handleMediaQuery));
+        }
+        if (!viewHeightContext) {
+            [
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach((matchMediaListener)=>matchMediaListAddListener(matchMediaListener, handleMediaQuery));
+        }
+        return ()=>{
+            [
+                mediaQueries.desktopPlus,
+                mediaQueries.tablet,
+                mediaQueries.smallTablet,
+                mediaQueries.mobile,
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach((matchMediaListener)=>matchMediaListRemoveListener(matchMediaListener, handleMediaQuery));
+        };
+    }, [
+        mediaQueries,
+        viewWidthContext,
+        viewHeightContext
+    ]);
+    return adaptivityProps;
 };
+
 //# sourceMappingURL=useAdaptivityWithJSMediaQueries.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","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","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries 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 = (): 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] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\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(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\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      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries 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 = (): 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] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\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(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\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      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"mappings":"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"}

package/dist/cssm/hooks/useAppearance.js

@@ -1,7 +1,7 @@
 import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';
 export function useAppearance() {
-  var _useConfigProvider = useConfigProvider(),
-    appearance = _useConfigProvider.appearance;
-  return appearance !== null && appearance !== void 0 ? appearance : 'light';
+    const { appearance  } = useConfigProvider();
+    return appearance ?? 'light';
 }
+
 //# sourceMappingURL=useAppearance.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"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"],"names":["useConfigProvider","useAppearance","appearance"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,SAASC,gBAAgB;IAC9B,MAAM,EAAEC,WAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAc;AACvB,CAAC"}

package/dist/cssm/hooks/useAutoDetectAppearance.js

@@ -1,81 +1,73 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import vkBridge from '@vkontakte/vk-bridge';
 import { noop } from '@vkontakte/vkjs';
 import { resolveAppearance } from '../helpers/appearance';
 import { useDOM } from '../lib/dom';
 import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
-var initialAppearance = null;
-vkBridge.send('VKWebAppGetConfig').then(function (data) {
-  initialAppearance = resolveAppearance(data);
+let initialAppearance = null;
+vkBridge.send('VKWebAppGetConfig').then((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);
+    function bridgeListener(e) {
+        const { type , data  } = e.detail;
+        if (type !== 'VKWebAppUpdateConfig') {
+            return;
+        }
+        initialAppearance = resolveAppearance(data);
+        if (initialAppearance) {
+            onDetectAppearanceByBridge();
+            setAppearance(initialAppearance);
+        }
     }
-  }
-  vkBridge.subscribe(bridgeListener);
-  return function () {
-    return vkBridge.unsubscribe(bridgeListener);
-  };
+    vkBridge.subscribe(bridgeListener);
+    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);
-  matchMediaListAddListener(mediaQuery, check);
-  return function () {
-    return matchMediaListRemoveListener(mediaQuery, 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);
+    const mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
+    if (mediaQuery === undefined) {
+        return noop;
     }
-    return autoDetectAppearance(window, setAppearance);
-  }, [window, appearanceProp]);
-  return appearance;
+    const check = (event)=>{
+        // eslint-disable-next-line no-restricted-properties
+        setAppearance(event.matches ? 'dark' : 'light');
+    };
+    check(mediaQuery);
+    matchMediaListAddListener(mediaQuery, check);
+    return ()=>matchMediaListRemoveListener(mediaQuery, check);
+}
+export const useAutoDetectAppearance = (appearanceProp, onDetectAppearanceByBridge)=>{
+    const { window  } = useDOM();
+    const onceDetectAppearanceByBridge = React.useRef(()=>{
+        onDetectAppearanceByBridge && onDetectAppearanceByBridge();
+        onceDetectAppearanceByBridge.current = noop;
+    });
+    const [appearance, setAppearance] = React.useState(()=>{
+        if (appearanceProp) {
+            return appearanceProp;
+        }
+        if (initialAppearance) {
+            onceDetectAppearanceByBridge.current();
+            return initialAppearance;
+        }
+        const mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
+        // eslint-disable-next-line no-restricted-properties
+        return mediaQuery?.matches ? 'dark' : 'light';
+    });
+    React.useEffect(()=>{
+        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

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","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 { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\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 && window.matchMedia && 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  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, 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 && window.matchMedia && 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(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}
+{"version":3,"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 { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\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 && window.matchMedia && 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  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, 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 && window.matchMedia && 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(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","type","detail","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","appearance","useState","useEffect","isEmbedded"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,IAAIC,oBAA2C,IAAI;AAEnDN,SACGO,IAAI,CAAC,qBACLC,IAAI,CAAC,CAACC,OAAS;IACdH,oBAAoBJ,kBAAkBO;AACxC,GACCC,KAAK,CAACC,QAAQC,KAAK;AAEtB,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC,EACtC;IACA,SAASC,eAAeC,CAAsC,EAAE;QAC9D,MAAM,EAAEC,KAAI,EAAET,KAAI,EAAE,GAAGQ,EAAEE,MAAM;QAE/B,IAAID,SAAS,wBAAwB;YACnC;QACF,CAAC;QAEDZ,oBAAoBJ,kBAAkBO;QAEtC,IAAIH,mBAAmB;YACrBS;YACAD,cAAcR;QAChB,CAAC;IACH;IAEAN,SAASoB,SAAS,CAACJ;IAEnB,OAAO,IAAMhB,SAASqB,WAAW,CAACL;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C,EAClC;IACZ,MAAMU,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOzB;IACT,CAAC;IAED,MAAM0B,QAAQ,CAACC,QAAgD;QAC7D,oDAAoD;QACpDd,cAAcc,MAAMC,OAAO,GAAG,SAAS,OAAO;IAChD;IAEAF,MAAMH;IACNpB,0BAA0BoB,YAAYG;IAEtC,OAAO,IAAMtB,6BAA6BmB,YAAYG;AACxD;AAEA,OAAO,MAAMG,0BAA0B,CACrCC,gBACAhB,6BACmB;IACnB,MAAM,EAAEQ,OAAM,EAAE,GAAGpB;IACnB,MAAM6B,+BAA+BjC,MAAMkC,MAAM,CAAC,IAAM;QACtDlB,8BAA8BA;QAC9BiB,6BAA6BE,OAAO,GAAGjC;IACzC;IAEA,MAAM,CAACkC,YAAYrB,cAAc,GAAGf,MAAMqC,QAAQ,CAAiB,IAAM;QACvE,IAAIL,gBAAgB;YAClB,OAAOA;QACT,CAAC;QAED,IAAIzB,mBAAmB;YACrB0B,6BAA6BE,OAAO;YACpC,OAAO5B;QACT,CAAC;QAED,MAAMkB,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;QAEnD,oDAAoD;QACpD,OAAOD,YAAYK,UAAU,SAAS,OAAO;IAC/C;IAEA9B,MAAMsC,SAAS,CAAC,IAAM;QACpB,IAAIN,gBAAgB;YAClBjB,cAAciB;YACd,OAAO9B;QACT,CAAC;QAED,IAAID,SAASsC,UAAU,IAAI;YACzB,OAAOzB,6BAA6BC,eAAekB,6BAA6BE,OAAO;QACzF,CAAC;QAED,OAAOZ,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQQ;KAAe;IAE3B,OAAOI;AACT,EAAE"}

package/dist/cssm/hooks/useBooleanState.js

@@ -1,25 +1,23 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-export var useBooleanState = function useBooleanState() {
-  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var setTrue = React.useCallback(function () {
-    setValue(true);
-  }, []);
-  var setFalse = React.useCallback(function () {
-    setValue(false);
-  }, []);
-  var toggle = React.useCallback(function () {
-    setValue(!value);
-  }, [value]);
-  return {
-    value: value,
-    setTrue: setTrue,
-    setFalse: setFalse,
-    toggle: toggle
-  };
+export const useBooleanState = (defaultValue = false)=>{
+    const [value, setValue] = React.useState(defaultValue);
+    const setTrue = React.useCallback(()=>{
+        setValue(true);
+    }, []);
+    const setFalse = React.useCallback(()=>{
+        setValue(false);
+    }, []);
+    const toggle = React.useCallback(()=>{
+        setValue(!value);
+    }, [
+        value
+    ]);
+    return {
+        value,
+        setTrue,
+        setFalse,
+        toggle
+    };
 };
+
 //# sourceMappingURL=useBooleanState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BF,KAAK,CAACG,QAAQ,CAACD,YAAY,CAAC;IAAA;IAA/CE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGT,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC"}
+{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"names":["React","useBooleanState","defaultValue","value","setValue","useState","setTrue","useCallback","setFalse","toggle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAACC,eAAe,KAAK,GAAK;IACvD,MAAM,CAACC,OAAOC,SAAS,GAAGJ,MAAMK,QAAQ,CAACH;IAEzC,MAAMI,UAAUN,MAAMO,WAAW,CAAC,IAAM;QACtCH,SAAS,IAAI;IACf,GAAG,EAAE;IAEL,MAAMI,WAAWR,MAAMO,WAAW,CAAC,IAAM;QACvCH,SAAS,KAAK;IAChB,GAAG,EAAE;IAEL,MAAMK,SAAST,MAAMO,WAAW,CAAC,IAAM;QACrCH,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOG;QAASE;QAAUC;IAAO;AAC5C,EAAE"}

package/dist/cssm/hooks/useBridgeAdaptivity.js

@@ -1,58 +1,51 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import vkBridge from '@vkontakte/vk-bridge';
 import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
-var initialState = {
-  type: '',
-  viewportWidth: 0,
-  viewportHeight: 0
+let initialState = {
+    type: '',
+    viewportWidth: 0,
+    viewportHeight: 0
 };
 function resolveAdaptivity(e) {
-  var _e$detail = e.detail,
-    type = _e$detail.type,
-    data = _e$detail.data;
-  if (type !== 'VKWebAppUpdateConfig' || !data) {
-    return null;
-  }
-  var adaptivity = data.adaptivity,
-    viewportWidth = data.viewport_width,
-    viewportHeight = data.viewport_height;
-  var bridgeAdaptivity = {
-    type: '',
-    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
-    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
-  };
-  switch (adaptivity) {
-    case 'force_mobile':
-    case 'force_mobile_compact':
-    case 'adaptive':
-      bridgeAdaptivity.type = adaptivity;
-  }
-  return bridgeAdaptivity;
+    const { type , data  } = e.detail;
+    if (type !== 'VKWebAppUpdateConfig' || !data) {
+        return null;
+    }
+    const { adaptivity , viewport_width: viewportWidth , viewport_height: viewportHeight  } = data;
+    const bridgeAdaptivity = {
+        type: '',
+        viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
+        viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+    };
+    switch(adaptivity){
+        case 'force_mobile':
+        case 'force_mobile_compact':
+        case 'adaptive':
+            bridgeAdaptivity.type = adaptivity;
+    }
+    return bridgeAdaptivity;
 }
-vkBridge.subscribe(function (e) {
-  var bridgeAdaptivity = resolveAdaptivity(e);
-  if (bridgeAdaptivity) {
-    initialState = bridgeAdaptivity;
-  }
+vkBridge.subscribe((e)=>{
+    const bridgeAdaptivity = resolveAdaptivity(e);
+    if (bridgeAdaptivity) {
+        initialState = bridgeAdaptivity;
+    }
 });
 export function useBridgeAdaptivity() {
-  var _React$useState = React.useState(initialState),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    bridgeAdaptivity = _React$useState2[0],
-    setBridgeAdaptivity = _React$useState2[1];
-  useIsomorphicLayoutEffect(function () {
-    function bridgeListener(e) {
-      var newBridgeAdaptivity = resolveAdaptivity(e);
-      if (newBridgeAdaptivity) {
-        setBridgeAdaptivity(newBridgeAdaptivity);
-      }
-    }
-    vkBridge.subscribe(bridgeListener);
-    return function () {
-      vkBridge.unsubscribe(bridgeListener);
-    };
-  }, []);
-  return bridgeAdaptivity;
+    const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState(initialState);
+    useIsomorphicLayoutEffect(()=>{
+        function bridgeListener(e) {
+            const newBridgeAdaptivity = resolveAdaptivity(e);
+            if (newBridgeAdaptivity) {
+                setBridgeAdaptivity(newBridgeAdaptivity);
+            }
+        }
+        vkBridge.subscribe(bridgeListener);
+        return ()=>{
+            vkBridge.unsubscribe(bridgeListener);
+        };
+    }, []);
+    return bridgeAdaptivity;
 }
+
 //# sourceMappingURL=useBridgeAdaptivity.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBridgeAdaptivity.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,yBAAyB,QAAQ,kCAAkC;AAiB5E,IAAIC,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAAE;EACRC,aAAa,EAAE,CAAC;EAChBC,cAAc,EAAE;AAClB,CAAC;AAED,SAASC,iBAAiB,CAACC,CAAc,EAA2B;EAClE,gBAAuBA,CAAC,CAACC,MAAM;IAAvBL,IAAI,aAAJA,IAAI;IAAEM,IAAI,aAAJA,IAAI;EAElB,IAAIN,IAAI,KAAK,sBAAsB,IAAI,CAACM,IAAI,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,IAAQC,UAAU,GAAqED,IAAI,CAAnFC,UAAU;IAAkBN,aAAa,GAAsCK,IAAI,CAAvEE,cAAc;IAAkCN,cAAc,GAAKI,IAAI,CAAxCG,eAAe;EAElE,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEU,QAAQ,CAACV,aAAa,CAAC,GAAG,CAACA,aAAa,GAAG,CAAC;IAC3DC,cAAc,EAAES,QAAQ,CAACT,cAAc,CAAC,GAAG,CAACA,cAAc,GAAG;EAC/D,CAAC;EAED,QAAQK,UAAU;IAChB,KAAK,cAAc;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;MACbG,gBAAgB,CAACV,IAAI,GAAGO,UAAU;EAAC;EAGvC,OAAOG,gBAAgB;AACzB;AAEAb,QAAQ,CAACe,SAAS,CAAC,UAACR,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEF,OAAO,SAASG,mBAAmB,GAAqB;EACtD,sBAAgDjB,KAAK,CAACkB,QAAQ,CAAmBf,YAAY,CAAC;IAAA;IAAvFW,gBAAgB;IAAEK,mBAAmB;EAE5CjB,yBAAyB,CAAC,YAAM;IAC9B,SAASkB,cAAc,CAACZ,CAAc,EAAE;MACtC,IAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIa,mBAAmB,EAAE;QACvBF,mBAAmB,CAACE,mBAAmB,CAAC;MAC1C;IACF;IAEApB,QAAQ,CAACe,SAAS,CAACI,cAAc,CAAC;IAClC,OAAO,YAAM;MACXnB,QAAQ,CAACqB,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAON,gBAAgB;AACzB"}
+{"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","data","detail","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","setBridgeAdaptivity","useState","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc,EAA2B;IAClE,MAAM,EAAEJ,KAAI,EAAEK,KAAI,EAAE,GAAGD,EAAEE,MAAM;IAE/B,IAAIN,SAAS,0BAA0B,CAACK,MAAM;QAC5C,OAAO,IAAI;IACb,CAAC;IAED,MAAM,EAAEE,WAAU,EAAEC,gBAAgBP,cAAa,EAAEQ,iBAAiBP,eAAc,EAAE,GAAGG;IAEvF,MAAMK,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB,CAAC;QAC3DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB,CAAC;IAChE;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,IAAI,GAAGO;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,SAAS,CAAC,CAACR,IAAmB;IACrC,MAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB,CAAC;AACH;AAEA,OAAO,SAASG,sBAAwC;IACtD,MAAM,CAACH,kBAAkBI,oBAAoB,GAAGlB,MAAMmB,QAAQ,CAAmBhB;IAEjFD,0BAA0B,IAAM;QAC9B,SAASkB,eAAeZ,CAAc,EAAE;YACtC,MAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBH,oBAAoBG;YACtB,CAAC;QACH;QAEApB,SAASe,SAAS,CAACI;QACnB,OAAO,IAAM;YACXnB,SAASqB,WAAW,CAACF;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT,CAAC"}