@vkontakte/vkui 5.0.3 → 5.1.2

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

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

package/dist/cssm/hooks/useAdaptivityHasHover.js

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

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

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

package/dist/cssm/hooks/useAdaptivityHasPointer.js

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

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

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

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

@@ -1,4 +1,4 @@
-import { type AdaptivityProps as BaseAdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { type AdaptivityProps as BaseAdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
 export interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {
     isDesktop: boolean;
 }

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
-import { getOrDefault } from "../helpers/getOrDefault";
-import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from "../lib/adaptivity";
-import { useMediaQueries } from "./useMediaQueries";
-import { usePlatform } from "./usePlatform";
+import * as React from 'react';
+import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';
+import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
+import { getOrDefault } from '../helpers/getOrDefault';
+import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { useMediaQueries } from './useMediaQueries';
+import { usePlatform } from './usePlatform';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *
@@ -73,22 +74,19 @@ export var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQu
       });
     };
     if (!viewWidthContext) {
-      mediaQueries.desktopPlus.addEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.addEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile].forEach(function (matchMediaListener) {
+        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
+      });
     }
     if (!viewHeightContext) {
-      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
+      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return matchMediaListAddListener(matchMediaListener, handleMediaQuery);
+      });
     }
     return function () {
-      mediaQueries.desktopPlus.removeEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mediumHeight.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.removeEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile, mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return matchMediaListRemoveListener(matchMediaListener, handleMediaQuery);
+      });
     };
   }, [mediaQueries, viewWidthContext, viewHeightContext]);
   return adaptivityProps;

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

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

package/dist/cssm/hooks/useAppearance.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.js","names":["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,"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"}

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

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

package/dist/cssm/hooks/useAutoDetectAppearance.js

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import vkBridge from "@vkontakte/vk-bridge";
-import { useDOM } from "../lib/dom";
-import { noop } from "../lib/utils";
-import { resolveAppearance } from "../helpers/appearance";
+import * as React from 'react';
+import vkBridge from '@vkontakte/vk-bridge';
+import { useDOM } from '../lib/dom';
+import { noop } from '@vkontakte/vkjs';
+import { resolveAppearance } from '../helpers/appearance';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 var initialAppearance = null;
-vkBridge.send("VKWebAppGetConfig").then(function (data) {
+vkBridge.send('VKWebAppGetConfig').then(function (data) {
   initialAppearance = resolveAppearance(data);
 }).catch(console.error);
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
@@ -13,7 +14,7 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
     var _e$detail = e.detail,
       type = _e$detail.type,
       data = _e$detail.data;
-    if (type !== "VKWebAppUpdateConfig") {
+    if (type !== 'VKWebAppUpdateConfig') {
       return;
     }
     initialAppearance = resolveAppearance(data);
@@ -28,18 +29,18 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
   };
 }
 function autoDetectAppearance(window, setAppearance) {
-  var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+  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");
+    setAppearance(event.matches ? 'dark' : 'light');
   };
   check(mediaQuery);
-  mediaQuery.addEventListener("change", check);
+  matchMediaListAddListener(mediaQuery, check);
   return function () {
-    return mediaQuery.removeEventListener("change", check);
+    return matchMediaListRemoveListener(mediaQuery, check);
   };
 }
 export var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
@@ -57,10 +58,10 @@ export var useAutoDetectAppearance = function useAutoDetectAppearance(appearance
         onceDetectAppearanceByBridge.current();
         return initialAppearance;
       }
-      var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+      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";
+      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? 'dark' : 'light';
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     appearance = _React$useState2[0],

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

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

package/dist/cssm/hooks/useBooleanState.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
+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),

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,"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"}

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

@@ -1,5 +1,5 @@
 export interface BridgeAdaptivity {
-    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';
     viewportWidth: number;
     viewportHeight: number;
 }

package/dist/cssm/hooks/useBridgeAdaptivity.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import vkBridge from "@vkontakte/vk-bridge";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
+import * as React from 'react';
+import vkBridge from '@vkontakte/vk-bridge';
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 var initialState = {
-  type: "",
+  type: '',
   viewportWidth: 0,
   viewportHeight: 0
 };
@@ -11,21 +11,21 @@ function resolveAdaptivity(e) {
   var _e$detail = e.detail,
     type = _e$detail.type,
     data = _e$detail.data;
-  if (type !== "VKWebAppUpdateConfig" || !data) {
+  if (type !== 'VKWebAppUpdateConfig' || !data) {
     return null;
   }
   var adaptivity = data.adaptivity,
     viewportWidth = data.viewport_width,
     viewportHeight = data.viewport_height;
   var bridgeAdaptivity = {
-    type: "",
+    type: '',
     viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
     viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
   };
   switch (adaptivity) {
-    case "force_mobile":
-    case "force_mobile_compact":
-    case "adaptive":
+    case 'force_mobile':
+    case 'force_mobile_compact':
+    case 'adaptive':
       bridgeAdaptivity.type = adaptivity;
   }
   return bridgeAdaptivity;

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 {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = 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] =\n    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,IACEC,UAAU,GAGRD,IAAI,CAHNC,UAAU;IACMN,aAAa,GAE3BK,IAAI,CAFNE,cAAc;IACGN,cAAc,GAC7BI,IAAI,CADNG,eAAe;EAGjB,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,sBACEjB,KAAK,CAACkB,QAAQ,CAAmBf,YAAY,CAAC;IAAA;IADzCW,gBAAgB;IAAEK,mBAAmB;EAG5CjB,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,"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"}

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { CalendarProps } from "../components/Calendar/Calendar";
-export interface UseCalendarDependencies extends Pick<CalendarProps, "onHeaderChange" | "onNextMonth" | "onPrevMonth"> {
+import * as React from 'react';
+import { CalendarProps } from '../components/Calendar/Calendar';
+export interface UseCalendarDependencies extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {
     value?: Array<Date | null> | Date;
     disablePast?: boolean;
     disableFuture?: boolean;

package/dist/cssm/hooks/useCalendar.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from "../lib/date";
+import * as React from 'react';
+import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from '../lib/date';
 export function useCalendar(_ref) {
   var _ref2;
   var value = _ref.value,

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from '../lib/date';\nimport { CalendarProps } from '../components/Calendar/Calendar';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipOption } from "../components/Chip/Chip";
-import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+import * as React from 'react';
+import { ChipOption } from '../components/Chip/Chip';
+import { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';
 export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
     fieldValue: string | undefined;
     setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;

package/dist/cssm/hooks/useChipsInput.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
+import * as React from 'react';
 export var useChipsInput = function useChipsInput(props) {
   var value = props.value,
     getOptionValue = props.getOptionValue,
@@ -15,10 +15,10 @@ export var useChipsInput = function useChipsInput(props) {
     selectedOptions = _React$useState4[0],
     setSelectedOptions = _React$useState4[1];
   var clearInput = React.useCallback(function () {
-    setFieldValue("");
+    setFieldValue('');
     onInputChange({
       target: {
-        value: ""
+        value: ''
       }
     });
   }, [onInputChange]);
@@ -58,7 +58,7 @@ export var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue("");
+      return setFieldValue('');
     };
   }, [props.inputValue]);
   return {