@vkontakte/vkui 5.0.3 → 5.1.0

package/dist/cjs/hooks/useAdaptivityHasPointer.js

@@ -1,31 +1,23 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAdaptivityHasPointer = useAdaptivityHasPointer;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _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 _React$useState = React.useState(function () {
-      return !deferDetect && hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
-    }),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    hasPointer = _React$useState2[0],
-    setHasPointer = _React$useState2[1];
-  React.useEffect(function () {
-    setHasPointer(function (prevHasPointer) {
-      var newHasHover = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
-      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;
-    });
-  }, [hasPointerContext]);
+  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","useState","undefined","hasPointerLib","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;AACA;AACA;AAUO,SAASA,uBAAuB,GAEhB;EAAA,IADrBC,WAAW,uEAAG,IAAI;EAElB,wBAA0CC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAzDC,iBAAiB,qBAA7BC,UAAU;EAClB,sBAAoCJ,KAAK,CAACK,QAAQ,CAAC;MAAA,OACjD,CAACN,WAAW,IAAII,iBAAiB,KAAKG,SAAS,GAC3CC,cAAa,GACbJ,iBAAiB;IAAA,EACtB;IAAA;IAJMC,UAAU;IAAEI,aAAa;EAMhCR,KAAK,CAACS,SAAS,CAAC,YAAM;IACpBD,aAAa,CAAC,UAACE,cAAc,EAAK;MAChC,IAAMC,WAAW,GACfR,iBAAiB,KAAKG,SAAS,GAAGC,cAAa,GAAGJ,iBAAiB;MACrE,OAAOO,cAAc,KAAKC,WAAW,GAAGD,cAAc,GAAGC,WAAW;IACtE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,iBAAiB,CAAC,CAAC;EAEvB,OAAOC,UAAU;AACnB"}
+{"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"}

package/dist/cjs/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/cjs/hooks/useAdaptivityWithJSMediaQueries.js

@@ -14,6 +14,7 @@ var _getOrDefault = require("../helpers/getOrDefault");
 var _adaptivity = require("../lib/adaptivity");
 var _useMediaQueries = require("./useMediaQueries");
 var _usePlatform = require("./usePlatform");
+var _matchMedia = require("../lib/matchMedia");
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *
@@ -81,22 +82,19 @@ var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQueries()
       });
     };
     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 (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+      });
     }
     if (!viewHeightContext) {
-      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
+      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return (0, _matchMedia.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 (0, _matchMedia.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
+      });
     };
   }, [mediaQueries, viewWidthContext, viewHeightContext]);
   return adaptivityProps;

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","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":["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, 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/cjs/hooks/useAppearance.js

@@ -8,6 +8,6 @@ var _ConfigProviderContext = require("../components/ConfigProvider/ConfigProvide
 function useAppearance() {
   var _useConfigProvider = (0, _ConfigProviderContext.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/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,"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"}

package/dist/cjs/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/cjs/hooks/useAutoDetectAppearance.js

@@ -10,10 +10,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
 var _dom = require("../lib/dom");
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _appearance = require("../helpers/appearance");
+var _matchMedia = require("../lib/matchMedia");
 var initialAppearance = null;
-_vkBridge.default.send("VKWebAppGetConfig").then(function (data) {
+_vkBridge.default.send('VKWebAppGetConfig').then(function (data) {
   initialAppearance = (0, _appearance.resolveAppearance)(data);
 }).catch(console.error);
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
@@ -21,7 +22,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 = (0, _appearance.resolveAppearance)(data);
@@ -36,18 +37,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 _utils.noop;
+    return _vkjs.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);
+  (0, _matchMedia.matchMediaListAddListener)(mediaQuery, check);
   return function () {
-    return mediaQuery.removeEventListener("change", check);
+    return (0, _matchMedia.matchMediaListRemoveListener)(mediaQuery, check);
   };
 }
 var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
@@ -55,7 +56,7 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
     window = _useDOM.window;
   var onceDetectAppearanceByBridge = React.useRef(function () {
     onDetectAppearanceByBridge && onDetectAppearanceByBridge();
-    onceDetectAppearanceByBridge.current = _utils.noop;
+    onceDetectAppearanceByBridge.current = _vkjs.noop;
   });
   var _React$useState = React.useState(function () {
       if (appearanceProp) {
@@ -65,10 +66,10 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
         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 = (0, _slicedToArray2.default)(_React$useState, 2),
     appearance = _React$useState2[0],
@@ -76,7 +77,7 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
   React.useEffect(function () {
     if (appearanceProp) {
       setAppearance(appearanceProp);
-      return _utils.noop;
+      return _vkjs.noop;
     }
     if (_vkBridge.default.isEmbedded()) {
       return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);

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

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

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["useBooleanState","defaultValue","React","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;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BC,KAAK,CAACC,QAAQ,CAACF,YAAY,CAAC;IAAA;IAA/CG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGP,KAAK,CAACK,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;AAAC"}
+{"version":3,"file":"useBooleanState.js","names":["useBooleanState","defaultValue","React","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;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BC,KAAK,CAACC,QAAQ,CAACF,YAAY,CAAC;IAAA;IAA/CG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGP,KAAK,CAACK,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;AAAC"}

package/dist/cjs/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/cjs/hooks/useBridgeAdaptivity.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var initialState = {
-  type: "",
+  type: '',
   viewportWidth: 0,
   viewportHeight: 0
 };
@@ -19,21 +19,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/cjs/hooks/useBridgeAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBridgeAdaptivity.js","names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","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;AACA;AACA;AAiBA,IAAIA,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;AAEAE,iBAAQ,CAACC,SAAS,CAAC,UAACT,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEK,SAASI,mBAAmB,GAAqB;EACtD,sBACEC,KAAK,CAACC,QAAQ,CAAmBjB,YAAY,CAAC;IAAA;IADzCW,gBAAgB;IAAEO,mBAAmB;EAG5C,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,cAAc,CAACf,CAAc,EAAE;MACtC,IAAMgB,mBAAmB,GAAGjB,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIgB,mBAAmB,EAAE;QACvBH,mBAAmB,CAACG,mBAAmB,CAAC;MAC1C;IACF;IAEAR,iBAAQ,CAACC,SAAS,CAACM,cAAc,CAAC;IAClC,OAAO,YAAM;MACXP,iBAAQ,CAACS,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,gBAAgB;AACzB"}
+{"version":3,"file":"useBridgeAdaptivity.js","names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","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;AACA;AACA;AAiBA,IAAIA,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;AAEAE,iBAAQ,CAACC,SAAS,CAAC,UAACT,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEK,SAASI,mBAAmB,GAAqB;EACtD,sBAAgDC,KAAK,CAACC,QAAQ,CAAmBjB,YAAY,CAAC;IAAA;IAAvFW,gBAAgB;IAAEO,mBAAmB;EAE5C,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,cAAc,CAACf,CAAc,EAAE;MACtC,IAAMgB,mBAAmB,GAAGjB,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIgB,mBAAmB,EAAE;QACvBH,mBAAmB,CAACG,mBAAmB,CAAC;MAC1C;IACF;IAEAR,iBAAQ,CAACC,SAAS,CAACM,cAAc,CAAC;IAClC,OAAO,YAAM;MACXP,iBAAQ,CAACS,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,gBAAgB;AACzB"}

package/dist/cjs/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/cjs/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","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":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","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/cjs/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/cjs/hooks/useChipsInput.js

@@ -23,10 +23,10 @@ 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]);
@@ -66,7 +66,7 @@ var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue("");
+      return setFieldValue('');
     };
   }, [props.inputValue]);
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}

package/dist/cjs/hooks/useChipsSelect.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
-import { ChipOption } from "../components/Chip/Chip";
+import * as React from 'react';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
+import { ChipOption } from '../components/Chip/Chip';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAAgD;AAIzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAEhE,CAAC,CAAC;IAAA;IAFGG,kBAAkB;IAAEC,qBAAqB;EAGhD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBACE,IAAAC,6BAAa,EAACb,KAAK,CAAC;IADdc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,CAAkD,EAC/C;IACH,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OACrBpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAC7C,GACAF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}
+{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { useChipsInput } from './useChipsInput';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ChipOption } from '../components/Chip/Chip';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAAgD;AAIzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4D,IAAAC,6BAAa,EAACb,KAAK,CAAC;IAAxEc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}

package/dist/cjs/hooks/useDateInput.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface UseDateInputDependencies<T, D> {
     maxElement: number;
     refs: Array<React.RefObject<T>>;

package/dist/cjs/hooks/useDateInput.js

@@ -58,7 +58,7 @@ function useDateInput(_ref) {
   var selectFirst = React.useCallback(function () {
     setFocusedElement(0);
   }, []);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside, {
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', handleClickOutside, {
     capture: true
   });
   React.useEffect(function () {
@@ -108,27 +108,27 @@ function useDateInput(_ref) {
           setFocusedElement(focusedElement + 1);
         }
       }
-    } else if (e.key === "Backspace") {
+    } else if (e.key === 'Backspace') {
       if (!_value[focusedElement]) {
         setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
       } else {
         _value[focusedElement] = _value[focusedElement].slice(0, -1);
       }
-    } else if (e.key === "ArrowDown" || e.key === "Down") {
+    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
       var currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
-    } else if (e.key === "ArrowUp" || e.key === "Up") {
+      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, '0');
+    } else if (e.key === 'ArrowUp' || e.key === 'Up') {
       var _currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, "0");
-    } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
+      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, '0');
+    } else if (e.key === 'Enter' || e.key === 'Tab' && focusedElement === maxElement || e.key === 'Tab' && e.shiftKey && focusedElement === 0) {
       removeFocusFromField();
       return;
-    } else if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "Tab" && e.shiftKey) {
+    } else if (e.key === 'ArrowLeft' || e.key === 'Left' || e.key === 'Tab' && e.shiftKey) {
       setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
-    } else if (e.key === "ArrowRight" || e.key === "Right" || e.key === "Tab") {
+    } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {
       setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
-    } else if (e.key === "Delete" || e.key === "Del") {
-      _value[focusedElement] = "";
+    } else if (e.key === 'Delete' || e.key === 'Del') {
+      _value[focusedElement] = '';
     } else {
       return;
     }