@vkontakte/vkui 5.2.4 → 5.3.0

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

@@ -1,13 +1,13 @@
 import { type CSSBreakpoints, SizeType } from '../../lib/adaptivity';
-export declare type ForcedHiddenByAdaptivityProviderType = false;
-export declare type ElementProps = {
+export type ForcedHiddenByAdaptivityProviderType = false;
+export 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 type AdaptiveSizeType = Record<SizeType, ForcedHiddenByAdaptivityProviderType | ElementProps>;
+export type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;
+export type AdaptiveViewWidth = Record<ViewWidthCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
+export type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';
+export type AdaptiveDeviceType = Record<DeviceTypeCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
 export interface UseAdaptivityConditionalRender {
     sizeX: AdaptiveSizeType;
     sizeY: AdaptiveSizeType;

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

@@ -1,6 +1,6 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+
 //# sourceMappingURL=types.js.map

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

@@ -1 +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<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;\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":""}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"names":[],"mappings":""}

package/dist/cjs/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js

@@ -1,35 +1,41 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAdaptivityConditionalRender", {
+    enumerable: true,
+    get: function() {
+        return useAdaptivityConditionalRender;
+    }
 });
-exports.useAdaptivityConditionalRender = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _AdaptivityContext = require("../../components/AdaptivityProvider/AdaptivityContext");
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _adaptivityContext = require("../../components/AdaptivityProvider/AdaptivityContext");
 var _usePlatform = require("../usePlatform");
 var _constants = require("./constants");
 var _helpers = require("./helpers");
-var useAdaptivityConditionalRender = function useAdaptivityConditionalRender() {
-  var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
-    sizeXContext = _React$useContext.sizeX,
-    sizeYContext = _React$useContext.sizeY,
-    viewWidthContext = _React$useContext.viewWidth,
-    viewHeightContext = _React$useContext.viewHeight,
-    hasPointerContext = _React$useContext.hasPointer;
-  var platform = (0, _usePlatform.usePlatform)();
-  return React.useMemo(function () {
-    var sizeX = (0, _helpers.getAdaptiveSizeType)(sizeXContext, _constants.sizeXCompactClassNames, _constants.sizeXRegularClassNames);
-    var sizeY = (0, _helpers.getAdaptiveSizeType)(sizeYContext, _constants.sizeYCompactClassNames, _constants.sizeYRegularClassNames);
-    var viewWidth = (0, _helpers.getAdaptiveViewWidth)(viewWidthContext, _constants.viewWidthClassNames);
-    var deviceType = (0, _helpers.getAdaptiveDeviceType)(viewWidthContext, viewHeightContext, hasPointerContext, platform, _constants.deviceTypeClassNames);
-    return {
-      sizeX: sizeX,
-      sizeY: sizeY,
-      viewWidth: viewWidth,
-      deviceType: deviceType
-    };
-  }, [sizeXContext, sizeYContext, viewWidthContext, viewHeightContext, hasPointerContext, platform]);
+var useAdaptivityConditionalRender = function() {
+    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, hasPointerContext = _React_useContext.hasPointer;
+    var platform = (0, _usePlatform.usePlatform)();
+    return _react.useMemo(function() {
+        var sizeX = (0, _helpers.getAdaptiveSizeType)(sizeXContext, _constants.sizeXCompactClassNames, _constants.sizeXRegularClassNames);
+        var sizeY = (0, _helpers.getAdaptiveSizeType)(sizeYContext, _constants.sizeYCompactClassNames, _constants.sizeYRegularClassNames);
+        var viewWidth = (0, _helpers.getAdaptiveViewWidth)(viewWidthContext, _constants.viewWidthClassNames);
+        var deviceType = (0, _helpers.getAdaptiveDeviceType)(viewWidthContext, viewHeightContext, hasPointerContext, platform, _constants.deviceTypeClassNames);
+        return {
+            sizeX: sizeX,
+            sizeY: sizeY,
+            viewWidth: viewWidth,
+            deviceType: deviceType
+        };
+    }, [
+        sizeXContext,
+        sizeYContext,
+        viewWidthContext,
+        viewHeightContext,
+        hasPointerContext,
+        platform
+    ]);
 };
-exports.useAdaptivityConditionalRender = useAdaptivityConditionalRender;
+
 //# sourceMappingURL=useAdaptivityConditionalRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityConditionalRender.js","names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n  deviceTypeClassNames,\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): 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(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\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;AACA;AACA;AACA;AAQA;AAGO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAL9BC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,OAAOd,KAAK,CAACe,OAAO,CAAC,YAAM;IACzB,IAAMX,KAAK,GAAG,IAAAY,4BAAmB,EAACb,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,KAAK,GAAG,IAAAU,4BAAmB,EAACX,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,SAAS,GAAG,IAAAa,6BAAoB,EAACd,gBAAgB,EAAEe,8BAAmB,CAAC;IAC7E,IAAMC,UAAU,GAAG,IAAAC,8BAAqB,EACtCjB,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRY,+BAAoB,CACrB;IACD,OAAO;MACLrB,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTe,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDpB,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n  deviceTypeClassNames,\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): 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(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\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"],"names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;2DAdU;iCACW;2BACN;yBAQrB;uBAC0E;AAG1E,IAAMA,iCAAiC,WAAsC;IAClF,IAMIC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GALpCC,AAAOC,eAKLJ,kBALFG,OACAE,AAAOC,eAILN,kBAJFK,OACAE,AAAWC,mBAGTR,kBAHFO,WACAE,AAAYC,oBAEVV,kBAFFS,YACAE,AAAYC,oBACVZ,kBADFW;IAEF,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,OAAOd,OAAMe,OAAO,CAAC,WAAM;QACzB,IAAMZ,QAAQa,IAAAA,4BAAmB,EAACZ,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,QAAQW,IAAAA,4BAAmB,EAACV,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,YAAYc,IAAAA,6BAAoB,EAACb,kBAAkBc,8BAAmB;QAC5E,IAAMC,aAAaC,IAAAA,8BAAqB,EACtChB,kBACAE,mBACAE,mBACAC,UACAY,+BAAoB;QAEtB,OAAO;YACLtB,OAAAA;YACAE,OAAAA;YACAE,WAAAA;YACAgB,YAAAA;QACF;IACF,GAAG;QACDnB;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;AACH"}

package/dist/cjs/hooks/useAdaptivityHasHover.js

@@ -1,23 +1,27 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAdaptivityHasHover", {
+    enumerable: true,
+    get: function() {
+        return useAdaptivityHasHover;
+    }
 });
-exports.useAdaptivityHasHover = useAdaptivityHasHover;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _useIsClient = require("./useIsClient");
 function useAdaptivityHasHover() {
-  var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
-    hasHoverContext = _React$useContext.hasHover;
-  var hasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
-  var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
-  if (!isClient) {
-    return undefined;
-  }
-  return hasHover;
+    var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
+    var hasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
+    var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
+    if (!isClient) {
+        return undefined;
+    }
+    return hasHover;
 }
+
 //# sourceMappingURL=useAdaptivityHasHover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasHover.js","names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHoverContext","hasHover","undefined","hasHoverLib","isClient","useIsClient"],"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\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 = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasHover;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUO,SAASA,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAvDC,eAAe,qBAAzBC,QAAQ;EAChB,IAAMA,QAAQ,GAAGD,eAAe,KAAKE,SAAS,GAAGC,cAAW,GAAGH,eAAe;EAE9E,IAAMI,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAACT,WAAW,CAAC;EAC1C,IAAI,CAACQ,QAAQ,EAAE;IACb,OAAOF,SAAS;EAClB;EAEA,OAAOD,QAAQ;AACjB"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\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 = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasHover;\n}\n"],"names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;2DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA,wBAA+D;QAAzCC,cAAAA,iEAAc,IAAI;IACtD,IAAsCC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAAhEC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,cAAW,GAAGF,eAAe;IAE9E,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT,CAAC;IAED,OAAOF;AACT"}

package/dist/cjs/hooks/useAdaptivityHasPointer.js

@@ -1,23 +1,27 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAdaptivityHasPointer", {
+    enumerable: true,
+    get: function() {
+        return useAdaptivityHasPointer;
+    }
 });
-exports.useAdaptivityHasPointer = useAdaptivityHasPointer;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _useIsClient = require("./useIsClient");
 function useAdaptivityHasPointer() {
-  var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
-    hasPointerContext = _React$useContext.hasPointer;
-  var hasPointer = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
-  var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
-  if (!isClient) {
-    return undefined;
-  }
-  return hasPointer;
+    var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), hasPointerContext = _React_useContext.hasPointer;
+    var hasPointer = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
+    var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
+    if (!isClient) {
+        return undefined;
+    }
+    return hasPointer;
 }
+
 //# sourceMappingURL=useAdaptivityHasPointer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasPointer.js","names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointerContext","hasPointer","undefined","hasPointerLib","isClient","useIsClient"],"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\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(deferDetect = true): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasPointer;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUO,SAASA,uBAAuB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACxD,wBAA0CC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAzDC,iBAAiB,qBAA7BC,UAAU;EAClB,IAAMA,UAAU,GAAGD,iBAAiB,KAAKE,SAAS,GAAGC,cAAa,GAAGH,iBAAiB;EAEtF,IAAMI,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAACT,WAAW,CAAC;EAC1C,IAAI,CAACQ,QAAQ,EAAE;IACb,OAAOF,SAAS;EAClB;EAEA,OAAOD,UAAU;AACnB"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\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(deferDetect = true): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasPointer;\n}\n"],"names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointer","hasPointerContext","undefined","hasPointerLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;2DAbO;oBACmB;iCACR;2BACN;AAUrB,SAASA,0BAAiE;QAAzCC,cAAAA,iEAAc,IAAI;IACxD,IAA0CC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAApEC,AAAYC,oBAAsBJ,kBAAlCG;IACR,IAAMA,aAAaC,sBAAsBC,YAAYC,cAAa,GAAGF,iBAAiB;IAEtF,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT,CAAC;IAED,OAAOF;AACT"}

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js

@@ -1,103 +1,115 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAdaptivityWithJSMediaQueries", {
+    enumerable: true,
+    get: function() {
+        return useAdaptivityWithJSMediaQueries;
+    }
 });
-exports.useAdaptivityWithJSMediaQueries = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _getOrDefault = require("../helpers/getOrDefault");
 var _adaptivity = require("../lib/adaptivity");
 var _matchMedia = require("../lib/matchMedia");
 var _useMediaQueries = require("./useMediaQueries");
 var _usePlatform = require("./usePlatform");
-/**
- * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
- *
- * Берёт в приоритет значения из `AdaptivityContext`.
- *
- * > ⚠ SSR
- * >
- * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
- * > на стороне сервера.
- * >
- * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки
- * > страницы либо пользователем, либо программно.
- */
-var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQueries() {
-  if (!_vkjs.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.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 = (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 hasPointer = (0, _getOrDefault.getOrDefault)(hasPointerContext, _vkjs.hasMouse);
-    var hasHover = (0, _getOrDefault.getOrDefault)(hasHoverContext, _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, hasPointer));
-    var isDesktop = (0, _adaptivity.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 = (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, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile].forEach(function (matchMediaListener) {
-        return (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
-      });
+var useAdaptivityWithJSMediaQueries = function() {
+    if (!_vkjs.canUseDOM) {
+        console.error("[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.");
     }
-    if (!viewHeightContext) {
-      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
-        return (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
-      });
-    }
-    return function () {
-      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile, mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
-        return (0, _matchMedia.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
-      });
-    };
-  }, [mediaQueries, viewWidthContext, viewHeightContext]);
-  return adaptivityProps;
+    var _React_useContext = _react.useContext(_adaptivityContext.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 = (0, _usePlatform.usePlatform)();
+    var mediaQueries = (0, _useMediaQueries.useMediaQueries)();
+    var _React_useState = _slicedToArray(_react.useState(function() {
+        return [
+            (0, _getOrDefault.getOrDefault)(viewWidthContext, (0, _adaptivity.getViewWidthByMediaQueries)(mediaQueries)),
+            (0, _getOrDefault.getOrDefault)(viewHeightContext, (0, _adaptivity.getViewHeightByMediaQueries)(mediaQueries))
+        ];
+    }), 2), _React_useState_ = _slicedToArray(_React_useState[0], 2), viewWidthLocal = _React_useState_[0], viewHeightLocal = _React_useState_[1], setViewSizeLocal = _React_useState[1];
+    var adaptivityProps = _react.useMemo(function() {
+        var hasPointer = (0, _getOrDefault.getOrDefault)(hasPointerContext, _vkjs.hasMouse);
+        var hasHover = (0, _getOrDefault.getOrDefault)(hasHoverContext, _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, hasPointer));
+        var isDesktop = (0, _adaptivity.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() {
+            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 = _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 (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+            });
+        }
+        if (!viewHeightContext) {
+            [
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach(function(matchMediaListener) {
+                return (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+            });
+        }
+        return function() {
+            [
+                mediaQueries.desktopPlus,
+                mediaQueries.tablet,
+                mediaQueries.smallTablet,
+                mediaQueries.mobile,
+                mediaQueries.mediumHeight,
+                mediaQueries.mobileLandscapeHeight
+            ].forEach(function(matchMediaListener) {
+                return (0, _matchMedia.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
+            });
+        };
+    }, [
+        mediaQueries,
+        viewWidthContext,
+        viewHeightContext
+    ]);
+    return adaptivityProps;
 };
-exports.useAdaptivityWithJSMediaQueries = useAdaptivityWithJSMediaQueries;
+
 //# sourceMappingURL=useAdaptivityWithJSMediaQueries.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","hasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"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":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"mappings":"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"}

package/dist/cjs/hooks/useAppearance.js

@@ -1,13 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAppearance", {
+    enumerable: true,
+    get: function() {
+        return useAppearance;
+    }
 });
-exports.useAppearance = useAppearance;
-var _ConfigProviderContext = require("../components/ConfigProvider/ConfigProviderContext");
+var _configProviderContext = require("../components/ConfigProvider/ConfigProviderContext");
 function useAppearance() {
-  var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
-    appearance = _useConfigProvider.appearance;
-  return appearance !== null && appearance !== void 0 ? appearance : 'light';
+    var appearance = (0, _configProviderContext.useConfigProvider)().appearance;
+    return appearance !== null && appearance !== void 0 ? appearance : "light";
 }
+
 //# sourceMappingURL=useAppearance.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.js","names":["useAppearance","useConfigProvider","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;AAEO,SAASA,aAAa,GAAG;EAC9B,yBAAuB,IAAAC,wCAAiB,GAAE;IAAlCC,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":["useAppearance","appearance","useConfigProvider"],"mappings":";;;;+BAEgBA;;;eAAAA;;;qCAFkB;AAE3B,SAASA,gBAAgB;IAC9B,IAAM,AAAEC,aAAeC,IAAAA,wCAAiB,IAAhCD;IAER,OAAOA,uBAAAA,wBAAAA,aAAc,OAAO;AAC9B"}