@vkontakte/vkui 5.4.3 → 5.5.1

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

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "useAdaptivityConditionalRender", {
         return useAdaptivityConditionalRender;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _adaptivityContext = require("../../components/AdaptivityProvider/AdaptivityContext");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _AdaptivityContext = require("../../components/AdaptivityProvider/AdaptivityContext");
 var _usePlatform = require("../usePlatform");
 var _constants = require("./constants");
 var _helpers = require("./helpers");
 var useAdaptivityConditionalRender = function() {
-    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, hasPointerContext = _React_useContext.hasPointer;
+    var _React_useContext = _react.useContext(_AdaptivityContext.AdaptivityContext), sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, hasPointerContext = _React_useContext.hasPointer;
     var platform = (0, _usePlatform.usePlatform)();
     return _react.useMemo(function() {
         var sizeX = (0, _helpers.getAdaptiveSizeType)(sizeXContext, _constants.sizeXCompactClassNames, _constants.sizeXRegularClassNames);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n  deviceTypeClassNames,\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n  const {\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    hasPointer: hasPointerContext,\n  } = React.useContext(AdaptivityContext);\n  const platform = usePlatform();\n\n  return React.useMemo(() => {\n    const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n    const deviceType = getAdaptiveDeviceType(\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n      deviceTypeClassNames,\n    );\n    return {\n      sizeX,\n      sizeY,\n      viewWidth,\n      deviceType,\n    };\n  }, [\n    sizeXContext,\n    sizeYContext,\n    viewWidthContext,\n    viewHeightContext,\n    hasPointerContext,\n    platform,\n  ]);\n};\n"],"names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;2DAdU;iCACW;2BACN;yBAQrB;uBAC0E;AAG1E,IAAMA,iCAAiC,WAAsC;IAClF,IAMIC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GALpCC,AAAOC,eAKLJ,kBALFG,OACAE,AAAOC,eAILN,kBAJFK,OACAE,AAAWC,mBAGTR,kBAHFO,WACAE,AAAYC,oBAEVV,kBAFFS,YACAE,AAAYC,oBACVZ,kBADFW;IAEF,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,OAAOd,OAAMe,OAAO,CAAC,WAAM;QACzB,IAAMZ,QAAQa,IAAAA,4BAAmB,EAACZ,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,QAAQW,IAAAA,4BAAmB,EAACV,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,YAAYc,IAAAA,6BAAoB,EAACb,kBAAkBc,8BAAmB;QAC5E,IAAMC,aAAaC,IAAAA,8BAAqB,EACtChB,kBACAE,mBACAE,mBACAC,UACAY,+BAAoB;QAEtB,OAAO;YACLtB,OAAAA;YACAE,OAAAA;YACAE,WAAAA;YACAgB,YAAAA;QACF;IACF,GAAG;QACDnB;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;AACH"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n  deviceTypeClassNames,\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n  const {\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    hasPointer: hasPointerContext,\n  } = React.useContext(AdaptivityContext);\n  const platform = usePlatform();\n\n  return React.useMemo(() => {\n    const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n    const deviceType = getAdaptiveDeviceType(\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n      deviceTypeClassNames,\n    );\n    return {\n      sizeX,\n      sizeY,\n      viewWidth,\n      deviceType,\n    };\n  }, [\n    sizeXContext,\n    sizeYContext,\n    viewWidthContext,\n    viewHeightContext,\n    hasPointerContext,\n    platform,\n  ]);\n};\n"],"names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;+DAdU;iCACW;2BACN;yBAQrB;uBAC0E;AAG1E,IAAMA,iCAAiC;IAC5C,IAMIC,oBAAAA,OAAMC,WAAWC,uCALnBC,AAAOC,eAKLJ,kBALFG,OACAE,AAAOC,eAILN,kBAJFK,OACAE,AAAWC,mBAGTR,kBAHFO,WACAE,AAAYC,oBAEVV,kBAFFS,YACAE,AAAYC,oBACVZ,kBADFW;IAEF,IAAME,WAAWC,IAAAA;IAEjB,OAAOd,OAAMe,QAAQ;QACnB,IAAMZ,QAAQa,IAAAA,8BAAoBZ,cAAca,mCAAwBC;QACxE,IAAMb,QAAQW,IAAAA,8BAAoBV,cAAca,mCAAwBC;QACxE,IAAMb,YAAYc,IAAAA,+BAAqBb,kBAAkBc;QACzD,IAAMC,aAAaC,IAAAA,gCACjBhB,kBACAE,mBACAE,mBACAC,UACAY;QAEF,OAAO;YACLtB,OAAAA;YACAE,OAAAA;YACAE,WAAAA;YACAgB,YAAAA;QACF;IACF,GAAG;QACDnB;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;AACH"}

package/dist/cjs/hooks/useAdaptivityHasHover.js

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "useAdaptivityHasHover", {
         return useAdaptivityHasHover;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _useIsClient = require("./useIsClient");
 function useAdaptivityHasHover() {
     var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
+    var _React_useContext = _react.useContext(_AdaptivityContext.AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
     var hasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
     var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
     if (!isClient) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasHover;\n}\n"],"names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;2DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA,wBAA+D;QAAzCC,cAAAA,iEAAc,IAAI;IACtD,IAAsCC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAAhEC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,cAAW,GAAGF,eAAe;IAE9E,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT,CAAC;IAED,OAAOF;AACT"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasHover;\n}\n"],"names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA;QAAsBC,cAAAA,iEAAc;IAClD,IAAsCC,oBAAAA,OAAMC,WAAWC,uCAA/CC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,iBAAcF;IAE/D,IAAMG,WAAWC,IAAAA,0BAAY,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}

package/dist/cjs/hooks/useAdaptivityHasPointer.js

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "useAdaptivityHasPointer", {
         return useAdaptivityHasPointer;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _useIsClient = require("./useIsClient");
 function useAdaptivityHasPointer() {
     var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), hasPointerContext = _React_useContext.hasPointer;
+    var _React_useContext = _react.useContext(_AdaptivityContext.AdaptivityContext), hasPointerContext = _React_useContext.hasPointer;
     var hasPointer = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
     var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
     if (!isClient) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasPointer;\n}\n"],"names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointer","hasPointerContext","undefined","hasPointerLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;2DAbO;oBACmB;iCACR;2BACN;AAUrB,SAASA,0BAAiE;QAAzCC,cAAAA,iEAAc,IAAI;IACxD,IAA0CC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAApEC,AAAYC,oBAAsBJ,kBAAlCG;IACR,IAAMA,aAAaC,sBAAsBC,YAAYC,cAAa,GAAGF,iBAAiB;IAEtF,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT,CAAC;IAED,OAAOF;AACT"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined | boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n  const isClient = useIsClient(!deferDetect);\n  if (!isClient) {\n    return undefined;\n  }\n\n  return hasPointer;\n}\n"],"names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointer","hasPointerContext","undefined","hasPointerLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACmB;iCACR;2BACN;AAUrB,SAASA;QAAwBC,cAAAA,iEAAc;IACpD,IAA0CC,oBAAAA,OAAMC,WAAWC,uCAAnDC,AAAYC,oBAAsBJ,kBAAlCG;IACR,IAAMA,aAAaC,sBAAsBC,YAAYC,iBAAgBF;IAErE,IAAMG,WAAWC,IAAAA,0BAAY,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "useAdaptivityWithJSMediaQueries", {
         return useAdaptivityWithJSMediaQueries;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _adaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 var _getOrDefault = require("../helpers/getOrDefault");
 var _adaptivity = require("../lib/adaptivity");
 var _matchMedia = require("../lib/matchMedia");
@@ -22,15 +22,15 @@ var useAdaptivityWithJSMediaQueries = function() {
     if (!_vkjs.canUseDOM) {
         console.error("[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.");
     }
-    var _React_useContext = _react.useContext(_adaptivityContext.AdaptivityContext), viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, hasPointerContext = _React_useContext.hasPointer, hasHoverContext = _React_useContext.hasHover;
+    var _React_useContext = _react.useContext(_AdaptivityContext.AdaptivityContext), viewWidthContext = _React_useContext.viewWidth, viewHeightContext = _React_useContext.viewHeight, sizeXContext = _React_useContext.sizeX, sizeYContext = _React_useContext.sizeY, hasPointerContext = _React_useContext.hasPointer, hasHoverContext = _React_useContext.hasHover;
     var platform = (0, _usePlatform.usePlatform)();
     var mediaQueries = (0, _useMediaQueries.useMediaQueries)();
-    var _React_useState = _slicedToArray(_react.useState(function() {
+    var _React_useState = _sliced_to_array._(_react.useState(function() {
         return [
             (0, _getOrDefault.getOrDefault)(viewWidthContext, (0, _adaptivity.getViewWidthByMediaQueries)(mediaQueries)),
             (0, _getOrDefault.getOrDefault)(viewHeightContext, (0, _adaptivity.getViewHeightByMediaQueries)(mediaQueries))
         ];
-    }), 2), _React_useState_ = _slicedToArray(_React_useState[0], 2), viewWidthLocal = _React_useState_[0], viewHeightLocal = _React_useState_[1], setViewSizeLocal = _React_useState[1];
+    }), 2), _React_useState_ = _sliced_to_array._(_React_useState[0], 2), viewWidthLocal = _React_useState_[0], viewHeightLocal = _React_useState_[1], setViewSizeLocal = _React_useState[1];
     var adaptivityProps = _react.useMemo(function() {
         var hasPointer = (0, _getOrDefault.getOrDefault)(hasPointerContext, _vkjs.hasMouse);
         var hasHover = (0, _getOrDefault.getOrDefault)(hasHoverContext, _vkjs.hasHover);
@@ -64,7 +64,7 @@ var useAdaptivityWithJSMediaQueries = function() {
             setViewSizeLocal(function(prevSizeLocal) {
                 var newViewWidthLocal = (0, _getOrDefault.getOrDefault)(viewWidthContext, (0, _adaptivity.getViewWidthByMediaQueries)(mediaQueries));
                 var newViewHeightLocal = (0, _getOrDefault.getOrDefault)(viewHeightContext, (0, _adaptivity.getViewHeightByMediaQueries)(mediaQueries));
-                var _prevSizeLocal = _slicedToArray(prevSizeLocal, 2), prevViewWidthLocal = _prevSizeLocal[0], prevViewHeightLocal = _prevSizeLocal[1];
+                var _prevSizeLocal = _sliced_to_array._(prevSizeLocal, 2), prevViewWidthLocal = _prevSizeLocal[0], prevViewHeightLocal = _prevSizeLocal[1];
                 if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
                     return [
                         newViewWidthLocal,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;2DAnCU;oBACuD;iCAIvE;4BACsB;0BAOtB;0BACiE;+BACxC;2BACJ;AAmBrB,IAAMA,kCAAkC,WAAuC;IACpF,IAAI,CAACC,eAAS,EAAE;QACdC,QAAQC,KAAK,CAAE;IAKjB,CAAC;IAED,IAOIC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GANpCC,AAAWC,mBAMTJ,kBANFG,WACAE,AAAYC,oBAKVN,kBALFK,YACAE,AAAOC,eAILR,kBAJFO,OACAE,AAAOC,eAGLV,kBAHFS,OACAE,AAAYC,oBAEVZ,kBAFFW,YACAE,AAAUC,kBACRd,kBADFa;IAGF,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,eAAeC,IAAAA,gCAAe;IAEpC,IAA8DlB,iCAAAA,OAAMmB,QAAQ,CAAC;eAAM;YACjFC,IAAAA,0BAAY,EAAChB,kBAAkBiB,IAAAA,sCAA0B,EAACJ;YAC1DG,IAAAA,0BAAY,EAACd,mBAAmBgB,IAAAA,uCAA2B,EAACL;SAC7D;8CAH6DjB,wBAAtDuB,sCAAgBC,uCAAkBC,mBAAoBzB;IAK9D,IAAM0B,kBAAkB1B,OAAM2B,OAAO,CAAC,WAAM;QAC1C,IAAMhB,aAAaS,IAAAA,0BAAY,EAACR,mBAAmBgB,cAAa;QAChE,IAAMf,WAAWO,IAAAA,0BAAY,EAACN,iBAAiBe,cAAW;QAC1D,IAAM1B,YAAYiB,IAAAA,0BAAY,EAAChB,kBAAkBmB;QACjD,IAAMlB,aAAae,IAAAA,0BAAY,EAACd,mBAAmBkB;QACnD,IAAMjB,QAAQa,IAAAA,0BAAY,EAACZ,cAAcsB,IAAAA,oBAAQ,EAAC3B;QAClD,IAAMM,QAAQW,IAAAA,0BAAY,EAACV,cAAcqB,IAAAA,oBAAQ,EAAC5B,WAAWE,YAAYM;QACzE,IAAMqB,YAAYC,IAAAA,+BAAmB,EAAC9B,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ,WAAAA;YACAE,YAAAA;YACAE,OAAAA;YACAE,OAAAA;YACAE,YAAAA;YACAE,UAAAA;YACAmB,WAAAA;QACF;IACF,GAAG;QACDT;QACAC;QACApB;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;IAEDf,OAAMkC,SAAS,CAAC,WAAM;QACpB,IAAMC,mBAAmB,WAAM;YAC7BV,iBAAiB,SAACW,eAAkB;gBAClC,IAAMC,oBAAoBjB,IAAAA,0BAAY,EACpChB,kBACAiB,IAAAA,sCAA0B,EAACJ;gBAE7B,IAAMqB,qBAAqBlB,IAAAA,0BAAY,EACrCd,mBACAgB,IAAAA,uCAA2B,EAACL;gBAG9B,IAAkDmB,gCAAAA,mBAA3CG,qBAA2CH,mBAAvBI,sBAAuBJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD,CAAC;gBAED,OAAOF;YACT;QACF;QAEA,IAAI,CAAChC,kBAAkB;YACrB;gBACEa,aAAawB,WAAW;gBACxBxB,aAAayB,MAAM;gBACnBzB,aAAa0B,WAAW;gBACxB1B,aAAa2B,MAAM;aACpB,CAACC,OAAO,CAAC,SAACC;uBACTC,IAAAA,qCAAyB,EAACD,oBAAoBX;;QAElD,CAAC;QAED,IAAI,CAAC7B,mBAAmB;YACtB;gBAACW,aAAa+B,YAAY;gBAAE/B,aAAagC,qBAAqB;aAAC,CAACJ,OAAO,CACrE,SAACC;uBAAuBC,IAAAA,qCAAyB,EAACD,oBAAoBX;;QAE1E,CAAC;QAED,OAAO,WAAM;YACX;gBACElB,aAAawB,WAAW;gBACxBxB,aAAayB,MAAM;gBACnBzB,aAAa0B,WAAW;gBACxB1B,aAAa2B,MAAM;gBACnB3B,aAAa+B,YAAY;gBACzB/B,aAAagC,qBAAqB;aACnC,CAACJ,OAAO,CAAC,SAACC;uBACTI,IAAAA,wCAA4B,EAACJ,oBAAoBX;;QAErD;IACF,GAAG;QAAClB;QAAcb;QAAkBE;KAAkB;IAEtD,OAAOoB;AACT"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getSizeX,\n  getSizeY,\n  getViewHeightByMediaQueries,\n  getViewWidthByMediaQueries,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;+DAnCU;oBACuD;iCAIvE;4BACsB;0BAOtB;0BACiE;+BACxC;2BACJ;AAmBrB,IAAMA,kCAAkC;IAC7C,IAAI,CAACC,iBAAW;QACdC,QAAQC,MAAO;IAKjB;IAEA,IAOIC,oBAAAA,OAAMC,WAAWC,uCANnBC,AAAWC,mBAMTJ,kBANFG,WACAE,AAAYC,oBAKVN,kBALFK,YACAE,AAAOC,eAILR,kBAJFO,OACAE,AAAOC,eAGLV,kBAHFS,OACAE,AAAYC,oBAEVZ,kBAFFW,YACAE,AAAUC,kBACRd,kBADFa;IAGF,IAAME,WAAWC,IAAAA;IACjB,IAAMC,eAAeC,IAAAA;IAErB,IAA8DlB,qCAAAA,OAAMmB,SAAS;eAAM;YACjFC,IAAAA,4BAAahB,kBAAkBiB,IAAAA,wCAA2BJ;YAC1DG,IAAAA,4BAAad,mBAAmBgB,IAAAA,yCAA4BL;SAC7D;kDAH6DjB,wBAAtDuB,sCAAgBC,uCAAkBC,mBAAoBzB;IAK9D,IAAM0B,kBAAkB1B,OAAM2B,QAAQ;QACpC,IAAMhB,aAAaS,IAAAA,4BAAaR,mBAAmBgB;QACnD,IAAMf,WAAWO,IAAAA,4BAAaN,iBAAiBe;QAC/C,IAAM1B,YAAYiB,IAAAA,4BAAahB,kBAAkBmB;QACjD,IAAMlB,aAAae,IAAAA,4BAAad,mBAAmBkB;QACnD,IAAMjB,QAAQa,IAAAA,4BAAaZ,cAAcsB,IAAAA,sBAAS3B;QAClD,IAAMM,QAAQW,IAAAA,4BAAaV,cAAcqB,IAAAA,sBAAS5B,WAAWE,YAAYM;QACzE,IAAMqB,YAAYC,IAAAA,iCAAoB9B,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ,WAAAA;YACAE,YAAAA;YACAE,OAAAA;YACAE,OAAAA;YACAE,YAAAA;YACAE,UAAAA;YACAmB,WAAAA;QACF;IACF,GAAG;QACDT;QACAC;QACApB;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;IAEDf,OAAMkC,UAAU;QACd,IAAMC,mBAAmB;YACvBV,iBAAiB,SAACW;gBAChB,IAAMC,oBAAoBjB,IAAAA,4BACxBhB,kBACAiB,IAAAA,wCAA2BJ;gBAE7B,IAAMqB,qBAAqBlB,IAAAA,4BACzBd,mBACAgB,IAAAA,yCAA4BL;gBAG9B,IAAkDmB,oCAAAA,mBAA3CG,qBAA2CH,mBAAvBI,sBAAuBJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD;gBAEA,OAAOF;YACT;QACF;QAEA,IAAI,CAAChC,kBAAkB;YACrB;gBACEa,aAAawB;gBACbxB,aAAayB;gBACbzB,aAAa0B;gBACb1B,aAAa2B;aACd,CAACC,QAAQ,SAACC;uBACTC,IAAAA,uCAA0BD,oBAAoBX;;QAElD;QAEA,IAAI,CAAC7B,mBAAmB;YACtB;gBAACW,aAAa+B;gBAAc/B,aAAagC;aAAsB,CAACJ,QAC9D,SAACC;uBAAuBC,IAAAA,uCAA0BD,oBAAoBX;;QAE1E;QAEA,OAAO;YACL;gBACElB,aAAawB;gBACbxB,aAAayB;gBACbzB,aAAa0B;gBACb1B,aAAa2B;gBACb3B,aAAa+B;gBACb/B,aAAagC;aACd,CAACJ,QAAQ,SAACC;uBACTI,IAAAA,0CAA6BJ,oBAAoBX;;QAErD;IACF,GAAG;QAAClB;QAAcb;QAAkBE;KAAkB;IAEtD,OAAOoB;AACT"}

package/dist/cjs/hooks/useAppearance.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "useAppearance", {
         return useAppearance;
     }
 });
-var _configProviderContext = require("../components/ConfigProvider/ConfigProviderContext");
+var _ConfigProviderContext = require("../components/ConfigProvider/ConfigProviderContext");
 function useAppearance() {
-    var appearance = (0, _configProviderContext.useConfigProvider)().appearance;
+    var appearance = (0, _ConfigProviderContext.useConfigProvider)().appearance;
     return appearance !== null && appearance !== void 0 ? appearance : "light";
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? 'light';\n}\n"],"names":["useAppearance","appearance","useConfigProvider"],"mappings":";;;;+BAEgBA;;;eAAAA;;;qCAFkB;AAE3B,SAASA,gBAAgB;IAC9B,IAAM,AAAEC,aAAeC,IAAAA,wCAAiB,IAAhCD;IAER,OAAOA,uBAAAA,wBAAAA,aAAc,OAAO;AAC9B"}
+{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? 'light';\n}\n"],"names":["useAppearance","appearance","useConfigProvider"],"mappings":";;;;+BAEgBA;;;eAAAA;;;qCAFkB;AAE3B,SAASA;IACd,IAAM,AAAEC,aAAeC,IAAAA,4CAAfD;IAER,OAAOA,uBAAAA,wBAAAA,aAAc;AACvB"}

package/dist/cjs/hooks/useAutoDetectAppearance.js

@@ -8,17 +8,17 @@ Object.defineProperty(exports, "useAutoDetectAppearance", {
         return useAutoDetectAppearance;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _vkBridge = /*#__PURE__*/ _interopRequireDefault(require("@vkontakte/vk-bridge"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _vkbridge = /*#__PURE__*/ _interop_require_default._(require("@vkontakte/vk-bridge"));
 var _vkjs = require("@vkontakte/vkjs");
 var _appearance = require("../helpers/appearance");
 var _dom = require("../lib/dom");
 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) {
@@ -33,9 +33,9 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
             setAppearance(initialAppearance);
         }
     };
-    _vkBridge.default.subscribe(bridgeListener);
+    _vkbridge.default.subscribe(bridgeListener);
     return function() {
-        return _vkBridge.default.unsubscribe(bridgeListener);
+        return _vkbridge.default.unsubscribe(bridgeListener);
     };
 }
 function autoDetectAppearance(window, setAppearance) {
@@ -59,7 +59,7 @@ var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridg
         onDetectAppearanceByBridge && onDetectAppearanceByBridge();
         onceDetectAppearanceByBridge.current = _vkjs.noop;
     });
-    var _React_useState = _slicedToArray(_react.useState(function() {
+    var _React_useState = _sliced_to_array._(_react.useState(function() {
         if (appearanceProp) {
             return appearanceProp;
         }
@@ -76,7 +76,7 @@ var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridg
             setAppearance(appearanceProp);
             return _vkjs.noop;
         }
-        if (_vkBridge.default.isEmbedded()) {
+        if (_vkbridge.default.isEmbedded()) {
             return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
         }
         return autoDetectAppearance(window, setAppearance);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send('VKWebAppGetConfig')\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["useAutoDetectAppearance","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","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";;;;+BAkEaA;;;eAAAA;;;;;;2DAlEU;6DAKhB;oBACc;0BACiC;mBAC/B;0BACiD;AAExE,IAAIC,oBAA2C,IAAI;AAEnDC,iBAAQ,CACLC,IAAI,CAAC,qBACLC,IAAI,CAAC,SAACC,MAAS;IACdJ,oBAAoBK,IAAAA,6BAAiB,EAACD;AACxC,GACCE,KAAK,CAACC,QAAQC,KAAK;AAEtB,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC,EACtC;QACSC,iBAAT,SAASA,eAAeC,CAAsC,EAAE;QAC9D,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMX,OAASS,UAATT;QAEd,IAAIW,SAAS,wBAAwB;YACnC;QACF,CAAC;QAEDf,oBAAoBK,IAAAA,6BAAiB,EAACD;QAEtC,IAAIJ,mBAAmB;YACrBW;YACAD,cAAcV;QAChB,CAAC;IACH;IAEAC,iBAAQ,CAACe,SAAS,CAACJ;IAEnB,OAAO;eAAMX,iBAAQ,CAACgB,WAAW,CAACL;;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C,EAClC;IACZ,IAAMU,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOC,UAAI;IACb,CAAC;IAED,IAAMC,QAAQ,SAACC,OAAgD;QAC7D,oDAAoD;QACpDf,cAAce,MAAMC,OAAO,GAAG,SAAS,OAAO;IAChD;IAEAF,MAAMJ;IACNO,IAAAA,qCAAyB,EAACP,YAAYI;IAEtC,OAAO;eAAMI,IAAAA,wCAA4B,EAACR,YAAYI;;AACxD;AAEO,IAAMzB,0BAA0B,SACrC8B,gBACAlB,4BACmB;IACnB,IAAM,AAAEQ,SAAWW,IAAAA,WAAM,IAAjBX;IACR,IAAMY,+BAA+BC,OAAMC,MAAM,CAAC,WAAM;QACtDtB,8BAA8BA;QAC9BoB,6BAA6BG,OAAO,GAAGX,UAAI;IAC7C;IAEA,IAAoCS,iCAAAA,OAAMG,QAAQ,CAAiB,WAAM;QACvE,IAAIN,gBAAgB;YAClB,OAAOA;QACT,CAAC;QAED,IAAI7B,mBAAmB;YACrB+B,6BAA6BG,OAAO;YACpC,OAAOlC;QACT,CAAC;QAED,IAAMoB,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;QAEnD,oDAAoD;QACpD,OAAOD,CAAAA,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYM,OAAO,AAAD,IAAI,SAAS,OAAO;IAC/C,QAfOU,aAA6BJ,oBAAjBtB,gBAAiBsB;IAiBpCA,OAAMK,SAAS,CAAC,WAAM;QACpB,IAAIR,gBAAgB;YAClBnB,cAAcmB;YACd,OAAON,UAAI;QACb,CAAC;QAED,IAAItB,iBAAQ,CAACqC,UAAU,IAAI;YACzB,OAAO7B,6BAA6BC,eAAeqB,6BAA6BG,OAAO;QACzF,CAAC;QAED,OAAOhB,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQU;KAAe;IAE3B,OAAOO;AACT"}
+{"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send('VKWebAppGetConfig')\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"names":["useAutoDetectAppearance","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","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";;;;+BAkEaA;;;eAAAA;;;;;;+DAlEU;iEAKhB;oBACc;0BACiC;mBAC/B;0BACiD;AAExE,IAAIC,oBAA2C;AAE/CC,kBACGC,KAAK,qBACLC,KAAK,SAACC;IACLJ,oBAAoBK,IAAAA,+BAAkBD;AACxC,GACCE,MAAMC,QAAQC;AAEjB,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;QAE7BC,iBAAT,SAASA,eAAeC,CAAsC;QAC5D,IAAuBA,YAAAA,EAAEC,QAAjBC,OAAeF,UAAfE,MAAMX,OAASS,UAATT;QAEd,IAAIW,SAAS,wBAAwB;YACnC;QACF;QAEAf,oBAAoBK,IAAAA,+BAAkBD;QAEtC,IAAIJ,mBAAmB;YACrBW;YACAD,cAAcV;QAChB;IACF;IAEAC,kBAASe,UAAUJ;IAEnB,OAAO;eAAMX,kBAASgB,YAAYL;;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C;IAE9C,IAAMU,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOC;IACT;IAEA,IAAMC,QAAQ,SAACC;QACb,oDAAoD;QACpDf,cAAce,MAAMC,UAAU,SAAS;IACzC;IAEAF,MAAMJ;IACNO,IAAAA,uCAA0BP,YAAYI;IAEtC,OAAO;eAAMI,IAAAA,0CAA6BR,YAAYI;;AACxD;AAEO,IAAMzB,0BAA0B,SACrC8B,gBACAlB;IAEA,IAAM,AAAEQ,SAAWW,IAAAA,eAAXX;IACR,IAAMY,+BAA+BC,OAAMC,OAAO;QAChDtB,8BAA8BA;QAC9BoB,6BAA6BG,UAAUX;IACzC;IAEA,IAAoCS,qCAAAA,OAAMG,SAAyB;QACjE,IAAIN,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAI7B,mBAAmB;YACrB+B,6BAA6BG;YAC7B,OAAOlC;QACT;QAEA,IAAMoB,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;QAEnD,oDAAoD;QACpD,OAAOD,CAAAA,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYM,OAAM,IAAI,SAAS;IACxC,QAfOU,aAA6BJ,oBAAjBtB,gBAAiBsB;IAiBpCA,OAAMK,UAAU;QACd,IAAIR,gBAAgB;YAClBnB,cAAcmB;YACd,OAAON;QACT;QAEA,IAAItB,kBAASqC,cAAc;YACzB,OAAO7B,6BAA6BC,eAAeqB,6BAA6BG;QAClF;QAEA,OAAOhB,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQU;KAAe;IAE3B,OAAOO;AACT"}

package/dist/cjs/hooks/useBooleanState.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "useBooleanState", {
         return useBooleanState;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var useBooleanState = function() {
     var defaultValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    var _React_useState = _slicedToArray(_react.useState(defaultValue), 2), value = _React_useState[0], setValue = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(defaultValue), 2), value = _React_useState[0], setValue = _React_useState[1];
     var setTrue = _react.useCallback(function() {
         setValue(true);
     }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;2DAFU;AAEhB,IAAMA,kBAAkB,WAA0B;QAAzBC,gFAAe,KAAK;IAClD,IAA0BC,iCAAAA,OAAMC,QAAQ,CAACF,mBAAlCG,QAAmBF,oBAAZG,WAAYH;IAE1B,IAAMI,UAAUJ,OAAMK,WAAW,CAAC,WAAM;QACtCF,SAAS,IAAI;IACf,GAAG,EAAE;IAEL,IAAMG,WAAWN,OAAMK,WAAW,CAAC,WAAM;QACvCF,SAAS,KAAK;IAChB,GAAG,EAAE;IAEL,IAAMI,SAASP,OAAMK,WAAW,CAAC,WAAM;QACrCF,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA,OAAAA;QAAOE,SAAAA;QAASE,UAAAA;QAAUC,QAAAA;IAAO;AAC5C"}
+{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;+DAFU;AAEhB,IAAMA,kBAAkB;QAACC,gFAAe;IAC7C,IAA0BC,qCAAAA,OAAMC,SAASF,mBAAlCG,QAAmBF,oBAAZG,WAAYH;IAE1B,IAAMI,UAAUJ,OAAMK,YAAY;QAChCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMG,WAAWN,OAAMK,YAAY;QACjCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMI,SAASP,OAAMK,YAAY;QAC/BF,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA,OAAAA;QAAOE,SAAAA;QAASE,UAAAA;QAAUC,QAAAA;IAAO;AAC5C"}

package/dist/cjs/hooks/useBridgeAdaptivity.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "useBridgeAdaptivity", {
         return useBridgeAdaptivity;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _vkBridge = /*#__PURE__*/ _interopRequireDefault(require("@vkontakte/vk-bridge"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _vkbridge = /*#__PURE__*/ _interop_require_default._(require("@vkontakte/vk-bridge"));
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var initialState = {
     type: "",
@@ -38,14 +38,14 @@ function resolveAdaptivity(e) {
     }
     return bridgeAdaptivity;
 }
-_vkBridge.default.subscribe(function(e) {
+_vkbridge.default.subscribe(function(e) {
     var bridgeAdaptivity = resolveAdaptivity(e);
     if (bridgeAdaptivity) {
         initialState = bridgeAdaptivity;
     }
 });
 function useBridgeAdaptivity() {
-    var _React_useState = _slicedToArray(_react.useState(initialState), 2), bridgeAdaptivity = _React_useState[0], setBridgeAdaptivity = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(initialState), 2), bridgeAdaptivity = _React_useState[0], setBridgeAdaptivity = _React_useState[1];
     (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
         var bridgeListener = function bridgeListener(e) {
             var newBridgeAdaptivity = resolveAdaptivity(e);
@@ -53,9 +53,9 @@ function useBridgeAdaptivity() {
                 setBridgeAdaptivity(newBridgeAdaptivity);
             }
         };
-        _vkBridge.default.subscribe(bridgeListener);
+        _vkbridge.default.subscribe(bridgeListener);
         return function() {
-            _vkBridge.default.unsubscribe(bridgeListener);
+            _vkbridge.default.unsubscribe(bridgeListener);
         };
     }, []);
     return bridgeAdaptivity;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"names":["useBridgeAdaptivity","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;+BA0DgBA;;;eAAAA;;;;;;2DA1DO;6DACF;yCACqB;AAiB1C,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc,EAA2B;IAClE,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBL,OAAeI,UAAfJ,MAAMM,OAASF,UAATE;IAEd,IAAIN,SAAS,0BAA0B,CAACM,MAAM;QAC5C,OAAO,IAAI;IACb,CAAC;IAED,IAAQC,aAA+ED,KAA/EC,YAAYC,AAAgBP,gBAAmDK,KAAnEE,gBAA+BC,AAAiBP,iBAAmBI,KAApCG;IAEnD,IAAMC,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB,CAAC;QAC3DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB,CAAC;IAChE;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,IAAI,GAAGO;IAC5B;IAEA,OAAOG;AACT;AAEAE,iBAAQ,CAACC,SAAS,CAAC,SAACT,GAAmB;IACrC,IAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB,CAAC;AACH;AAEO,SAASZ,sBAAwC;IACtD,IAAgDgB,iCAAAA,OAAMC,QAAQ,CAAmBhB,mBAA1EW,mBAAyCI,oBAAvBE,sBAAuBF;IAEhDG,IAAAA,oDAAyB,EAAC,WAAM;YACrBC,iBAAT,SAASA,eAAed,CAAc,EAAE;YACtC,IAAMe,sBAAsBhB,kBAAkBC;YAE9C,IAAIe,qBAAqB;gBACvBH,oBAAoBG;YACtB,CAAC;QACH;QAEAP,iBAAQ,CAACC,SAAS,CAACK;QACnB,OAAO,WAAM;YACXN,iBAAQ,CAACQ,WAAW,CAACF;QACvB;IACF,GAAG,EAAE;IAEL,OAAOR;AACT"}
+{"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"names":["useBridgeAdaptivity","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;+BA0DgBA;;;eAAAA;;;;;;+DA1DO;iEACF;yCACqB;AAiB1C,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,IAAuBA,YAAAA,EAAEC,QAAjBL,OAAeI,UAAfJ,MAAMM,OAASF,UAATE;IAEd,IAAIN,SAAS,0BAA0B,CAACM,MAAM;QAC5C,OAAO;IACT;IAEA,IAAQC,aAA+ED,KAA/EC,YAAYC,AAAgBP,gBAAmDK,KAAnEE,gBAA+BC,AAAiBP,iBAAmBI,KAApCG;IAEnD,IAAMC,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB;QAC1DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB;IAC/D;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,OAAOO;IAC5B;IAEA,OAAOG;AACT;AAEAE,kBAASC,UAAU,SAACT;IAClB,IAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEO,SAASZ;IACd,IAAgDgB,qCAAAA,OAAMC,SAA2BhB,mBAA1EW,mBAAyCI,oBAAvBE,sBAAuBF;IAEhDG,IAAAA,sDAA0B;YACfC,iBAAT,SAASA,eAAed,CAAc;YACpC,IAAMe,sBAAsBhB,kBAAkBC;YAE9C,IAAIe,qBAAqB;gBACvBH,oBAAoBG;YACtB;QACF;QAEAP,kBAASC,UAAUK;QACnB,OAAO;YACLN,kBAASQ,YAAYF;QACvB;IACF,GAAG,EAAE;IAEL,OAAOR;AACT"}

package/dist/cjs/hooks/useCalendar.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "useCalendar", {
         return useCalendar;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _date = require("../lib/date");
 function useCalendar(param) {
     var value = param.value, disablePast = param.disablePast, disableFuture = param.disableFuture, shouldDisableDate = param.shouldDisableDate, onHeaderChange = param.onHeaderChange, onNextMonth = param.onNextMonth, onPrevMonth = param.onPrevMonth;
     var _ref;
-    var _React_useState = _slicedToArray(_react.useState((_ref = Array.isArray(value) ? value[0] : value) !== null && _ref !== void 0 ? _ref : new Date()), 2), viewDate = _React_useState[0], setViewDate = _React_useState[1];
-    var _React_useState1 = _slicedToArray(_react.useState(), 2), focusedDay = _React_useState1[0], setFocusedDay = _React_useState1[1];
+    var _React_useState = _sliced_to_array._(_react.useState((_ref = Array.isArray(value) ? value[0] : value) !== null && _ref !== void 0 ? _ref : new Date()), 2), viewDate = _React_useState[0], setViewDate = _React_useState[1];
+    var _React_useState1 = _sliced_to_array._(_react.useState(), 2), focusedDay = _React_useState1[0], setFocusedDay = _React_useState1[1];
     var setPrevMonth = _react.useCallback(function() {
         onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
         setViewDate((0, _date.subMonths)(viewDate, 1));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\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"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","Array","React","useState","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"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;2DApBO;oBAUhB;AAUA,SAASA,YAAY,KAQF,EAAE;QAP1BC,QAD0B,MAC1BA,OACAC,cAF0B,MAE1BA,aACAC,gBAH0B,MAG1BA,eACAC,oBAJ0B,MAI1BA,mBACAC,iBAL0B,MAK1BA,gBACAC,cAN0B,MAM1BA,aACAC,cAP0B,MAO1BA;QAGGC;IADH,IAAgCC,iCAAAA,OAAMC,QAAQ,CAC5C,CAACF,OAAAA,MAAMG,OAAO,CAACV,SAASA,KAAK,CAAC,EAAE,GAAGA,KAAK,cAAvCO,kBAAAA,OAA4C,IAAII,MAAM,OADlDC,WAAyBJ,oBAAfK,cAAeL;IAGhC,IAAoCA,kCAAAA,OAAMC,QAAQ,QAA3CK,aAA6BN,qBAAjBO,gBAAiBP;IAEpC,IAAMQ,eAAeR,OAAMS,WAAW,CAAC,WAAM;QAC3CX,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAO,YAAYK,IAAAA,eAAS,EAACN,UAAU;IAClC,GAAG;QAACA;QAAUN;KAAY;IAC1B,IAAMa,eAAeX,OAAMS,WAAW,CAAC,WAAM;QAC3CZ,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAQ,YAAYO,IAAAA,eAAS,EAACR,UAAU;IAClC,GAAG;QAACA;QAAUP;KAAY;IAE1B,IAAMgB,oBAAoBb,OAAMS,WAAW,CACzC,SAACjB,OAAgB;QACfI,2BAAAA,4BAAAA,KAAAA,IAAAA,eAAiBJ;QACjBa,YAAYb;IACd,GACA;QAACI;KAAe;IAGlB,IAAMkB,eAAed,OAAMS,WAAW,CACpC,SAACM;eAAcC,QAAQV,cAAcW,IAAAA,eAAS,EAACF,KAAKT;OACpD;QAACA;KAAW;IAGd,IAAMY,gBAAgBlB,OAAMS,WAAW,CACrC,SAACM,KAAc;QACb,IAAMI,MAAM,IAAIhB;QAChB,IAAIiB,WAAW,KAAK;QACpB,IAAI3B,aAAa;YACf2B,WAAWC,IAAAA,cAAQ,EAACC,IAAAA,cAAQ,EAACP,MAAMI;QACrC,CAAC;QACD,IAAIzB,eAAe;YACjB0B,WAAWG,IAAAA,aAAO,EAACC,IAAAA,gBAAU,EAACT,MAAMI;QACtC,CAAC;QACD,IAAIxB,mBAAmB;YACrByB,WAAWzB,kBAAkBoB;QAC/B,CAAC;QAED,OAAOK;IACT,GACA;QAAC1B;QAAeD;QAAaE;KAAkB;IAGjD,IAAM8B,mBAAmBzB,OAAMS,WAAW,CAAC,WAAM;QAC/CF,cAAcmB;IAChB,GAAG;QAACnB;KAAc;IAElB,OAAO;QACLH,UAAAA;QACAC,aAAaQ;QACbL,cAAAA;QACAG,cAAAA;QACAL,YAAAA;QACAC,eAAAA;QACAO,cAAAA;QACAI,eAAAA;QACAO,kBAAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\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"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","Array","React","useState","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"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBAUhB;AAUA,SAASA,YAAY,KAQF;QAPxBC,QAD0B,MAC1BA,OACAC,cAF0B,MAE1BA,aACAC,gBAH0B,MAG1BA,eACAC,oBAJ0B,MAI1BA,mBACAC,iBAL0B,MAK1BA,gBACAC,cAN0B,MAM1BA,aACAC,cAP0B,MAO1BA;QAGGC;IADH,IAAgCC,qCAAAA,OAAMC,SACpC,CAACF,OAAAA,MAAMG,QAAQV,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCO,kBAAAA,OAA4C,IAAII,aAD5CC,WAAyBJ,oBAAfK,cAAeL;IAGhC,IAAoCA,sCAAAA,OAAMC,gBAAnCK,aAA6BN,qBAAjBO,gBAAiBP;IAEpC,IAAMQ,eAAeR,OAAMS,YAAY;QACrCX,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAO,YAAYK,IAAAA,iBAAUN,UAAU;IAClC,GAAG;QAACA;QAAUN;KAAY;IAC1B,IAAMa,eAAeX,OAAMS,YAAY;QACrCZ,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAQ,YAAYO,IAAAA,iBAAUR,UAAU;IAClC,GAAG;QAACA;QAAUP;KAAY;IAE1B,IAAMgB,oBAAoBb,OAAMS,YAC9B,SAACjB;QACCI,2BAAAA,4BAAAA,KAAAA,IAAAA,eAAiBJ;QACjBa,YAAYb;IACd,GACA;QAACI;KAAe;IAGlB,IAAMkB,eAAed,OAAMS,YACzB,SAACM;eAAcC,QAAQV,cAAcW,IAAAA,iBAAUF,KAAKT;OACpD;QAACA;KAAW;IAGd,IAAMY,gBAAgBlB,OAAMS,YAC1B,SAACM;QACC,IAAMI,MAAM,IAAIhB;QAChB,IAAIiB,WAAW;QACf,IAAI3B,aAAa;YACf2B,WAAWC,IAAAA,gBAASC,IAAAA,gBAASP,MAAMI;QACrC;QACA,IAAIzB,eAAe;YACjB0B,WAAWG,IAAAA,eAAQC,IAAAA,kBAAWT,MAAMI;QACtC;QACA,IAAIxB,mBAAmB;YACrByB,WAAWzB,kBAAkBoB;QAC/B;QAEA,OAAOK;IACT,GACA;QAAC1B;QAAeD;QAAaE;KAAkB;IAGjD,IAAM8B,mBAAmBzB,OAAMS,YAAY;QACzCF,cAAcmB;IAChB,GAAG;QAACnB;KAAc;IAElB,OAAO;QACLH,UAAAA;QACAC,aAAaQ;QACbL,cAAAA;QACAG,cAAAA;QACAL,YAAAA;QACAC,eAAAA;QACAO,cAAAA;QACAI,eAAAA;QACAO,kBAAAA;IACF;AACF"}

package/dist/cjs/hooks/useChipsInput.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "useChipsInput", {
         return useChipsInput;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var useChipsInput = function(props) {
     var value = props.value, getOptionValue = props.getOptionValue, onChange = props.onChange, onInputChange = props.onInputChange, getNewOptionData = props.getNewOptionData;
-    var _React_useState = _slicedToArray(_react.useState(props.inputValue), 2), fieldValue = _React_useState[0], setFieldValue = _React_useState[1];
-    var _React_useState1 = _slicedToArray(_react.useState(value !== null && value !== void 0 ? value : []), 2), selectedOptions = _React_useState1[0], setSelectedOptions = _React_useState1[1];
+    var _React_useState = _sliced_to_array._(_react.useState(props.inputValue), 2), fieldValue = _React_useState[0], setFieldValue = _React_useState[1];
+    var _React_useState1 = _sliced_to_array._(_react.useState(value !== null && value !== void 0 ? value : []), 2), selectedOptions = _React_useState1[0], setSelectedOptions = _React_useState1[1];
     var clearInput = _react.useCallback(function() {
         setFieldValue("");
         onInputChange({

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

@@ -1 +1 @@
-{"version":3,"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"],"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"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;2DAJU;AAIhB,IAAMA,gBAAgB,SAC3BC,OACG;IACH,IAAQC,QAAqED,MAArEC,OAAOC,iBAA8DF,MAA9DE,gBAAgBC,WAA8CH,MAA9CG,UAAUC,gBAAoCJ,MAApCI,eAAeC,mBAAqBL,MAArBK;IAExD,IAAoCC,iCAAAA,OAAMC,QAAQ,CAACP,MAAMQ,UAAU,OAA5DC,aAA6BH,oBAAjBI,gBAAiBJ;IACpC,IAA8CA,kCAAAA,OAAMC,QAAQ,CAACN,kBAAAA,mBAAAA,QAAS,EAAE,OAAjEU,kBAAuCL,qBAAtBM,qBAAsBN;IAE9C,IAAMO,aAAaP,OAAMQ,WAAW,CAAC,WAAM;QACzCJ,cAAc;QACdN,cAAe;YAAEW,QAAQ;gBAAEd,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,IAAMY,oBAAoBV,OAAMQ,WAAW,CACzC,SAACG,GAA2C;QAC1CP,cAAcO,EAAEF,MAAM,CAACd,KAAK;QAC5BG,cAAea;IACjB,GACA;QAACb;KAAc;IAGjB,IAAMc,eAAeZ,OAAMQ,WAAW,CACpC,SAACK,WAAmBlB,OAAoB;QACtC,IAAMmB,qBAAqBT,gBAAgBU,MAAM,CAC/C,SAACC;mBAAmBpB,eAAgBiB,eAAejB,eAAgBoB;;QAGrE,IAAIrB,UAAU,IAAI,EAAE;YAClBmB,mBAAmBG,IAAI,CAACJ;QAC1B,CAAC;QAEDP,mBAAmBQ;QACnBjB,SAAUiB;IACZ,GACA;QAACT;QAAiBT;QAAgBC;KAAS;IAG7C,IAAMqB,YAAYlB,OAAMQ,WAAW,CACjC,SAACK;eAAsBD,aAAaC,WAAW,IAAI;OACnD;QAACD;KAAa;IAEhB,IAAMO,qBAAqBnB,OAAMQ,WAAW,CAAC,WAAM;QACjD,IAAMY,eAAejB,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYkB,IAAI;QAErC,IAAID,cAAc;YAChBF,UAAUnB,iBAAkBuB,WAAWF;YACvCb;QACF,CAAC;IACH,GAAG;QAACW;QAAWX;QAAYR;QAAkBI;KAAW;IACxD,IAAMoB,eAAevB,OAAMQ,WAAW,CACpC,SAACb,OAAU;QACTiB,aAAab,iBAAkBuB,WAAW3B,QAAkB,KAAK;IACnE,GACA;QAACiB;QAAcb;KAAiB;IAGlCC,OAAMwB,SAAS,CAAC,WAAM;QACpBlB,mBAAmBX;QAEnB,OAAO;mBAAMW,mBAAmB,EAAE;;IACpC,GAAG;QAACZ,MAAMC,KAAK;QAAEA;KAAM;IAEvBK,OAAMwB,SAAS,CAAC,WAAM;QACpBpB,cAAcV,MAAMQ,UAAU;QAE9B,OAAO;mBAAME,cAAc;;IAC7B,GAAG;QAACV,MAAMQ,UAAU;KAAC;IAErB,OAAO;QACLC,YAAAA;QACAC,eAAAA;QACAC,iBAAAA;QACAC,oBAAAA;QACAC,YAAAA;QACAK,cAAAA;QACAM,WAAAA;QACAC,oBAAAA;QACAI,cAAAA;QACAb,mBAAAA;IACF;AACF"}
+{"version":3,"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"],"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"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;+DAJU;AAIhB,IAAMA,gBAAgB,SAC3BC;IAEA,IAAQC,QAAqED,MAArEC,OAAOC,iBAA8DF,MAA9DE,gBAAgBC,WAA8CH,MAA9CG,UAAUC,gBAAoCJ,MAApCI,eAAeC,mBAAqBL,MAArBK;IAExD,IAAoCC,qCAAAA,OAAMC,SAASP,MAAMQ,iBAAlDC,aAA6BH,oBAAjBI,gBAAiBJ;IACpC,IAA8CA,sCAAAA,OAAMC,SAASN,kBAAAA,mBAAAA,QAAS,EAAE,OAAjEU,kBAAuCL,qBAAtBM,qBAAsBN;IAE9C,IAAMO,aAAaP,OAAMQ,YAAY;QACnCJ,cAAc;QACdN,cAAe;YAAEW,QAAQ;gBAAEd,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,IAAMY,oBAAoBV,OAAMQ,YAC9B,SAACG;QACCP,cAAcO,EAAEF,OAAOd;QACvBG,cAAea;IACjB,GACA;QAACb;KAAc;IAGjB,IAAMc,eAAeZ,OAAMQ,YACzB,SAACK,WAAmBlB;QAClB,IAAMmB,qBAAqBT,gBAAgBU,OACzC,SAACC;mBAAmBpB,eAAgBiB,eAAejB,eAAgBoB;;QAGrE,IAAIrB,UAAU,MAAM;YAClBmB,mBAAmBG,KAAKJ;QAC1B;QAEAP,mBAAmBQ;QACnBjB,SAAUiB;IACZ,GACA;QAACT;QAAiBT;QAAgBC;KAAS;IAG7C,IAAMqB,YAAYlB,OAAMQ,YACtB,SAACK;eAAsBD,aAAaC,WAAW;OAC/C;QAACD;KAAa;IAEhB,IAAMO,qBAAqBnB,OAAMQ,YAAY;QAC3C,IAAMY,eAAejB,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYkB;QAEjC,IAAID,cAAc;YAChBF,UAAUnB,iBAAkBuB,WAAWF;YACvCb;QACF;IACF,GAAG;QAACW;QAAWX;QAAYR;QAAkBI;KAAW;IACxD,IAAMoB,eAAevB,OAAMQ,YACzB,SAACb;QACCiB,aAAab,iBAAkBuB,WAAW3B,QAAkB;IAC9D,GACA;QAACiB;QAAcb;KAAiB;IAGlCC,OAAMwB,UAAU;QACdlB,mBAAmBX;QAEnB,OAAO;mBAAMW,mBAAmB,EAAE;;IACpC,GAAG;QAACZ,MAAMC;QAAOA;KAAM;IAEvBK,OAAMwB,UAAU;QACdpB,cAAcV,MAAMQ;QAEpB,OAAO;mBAAME,cAAc;;IAC7B,GAAG;QAACV,MAAMQ;KAAW;IAErB,OAAO;QACLC,YAAAA;QACAC,eAAAA;QACAC,iBAAAA;QACAC,oBAAAA;QACAC,YAAAA;QACAK,cAAAA;QACAM,WAAAA;QACAC,oBAAAA;QACAI,cAAAA;QACAb,mBAAAA;IACF;AACF"}

package/dist/cjs/hooks/useChipsSelect.js

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "useChipsSelect", {
         return useChipsSelect;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _useChipsInput = require("./useChipsInput");
 var useChipsSelect = function(props) {
     var options = props.options, filterFn = props.filterFn, getOptionLabel = props.getOptionLabel, getOptionValue = props.getOptionValue;
-    var _React_useState = _slicedToArray(_react.useState(false), 2), opened = _React_useState[0], setOpened = _React_useState[1];
-    var _React_useState1 = _slicedToArray(_react.useState(0), 2), focusedOptionIndex = _React_useState1[0], setFocusedOptionIndex = _React_useState1[1];
-    var _React_useState2 = _slicedToArray(_react.useState(null), 2), focusedOption = _React_useState2[0], setFocusedOption = _React_useState2[1];
-    var _useChipsInput1 = (0, _useChipsInput.useChipsInput)(props), fieldValue = _useChipsInput1.fieldValue, selectedOptions = _useChipsInput1.selectedOptions, chipsInputState = _objectWithoutProperties(_useChipsInput1, [
+    var _React_useState = _sliced_to_array._(_react.useState(false), 2), opened = _React_useState[0], setOpened = _React_useState[1];
+    var _React_useState1 = _sliced_to_array._(_react.useState(0), 2), focusedOptionIndex = _React_useState1[0], setFocusedOptionIndex = _React_useState1[1];
+    var _React_useState2 = _sliced_to_array._(_react.useState(null), 2), focusedOption = _React_useState2[0], setFocusedOption = _React_useState2[1];
+    var _useChipsInput1 = (0, _useChipsInput.useChipsInput)(props), fieldValue = _useChipsInput1.fieldValue, selectedOptions = _useChipsInput1.selectedOptions, chipsInputState = _object_without_properties._(_useChipsInput1, [
         "fieldValue",
         "selectedOptions"
     ]);
@@ -75,13 +75,13 @@ var useChipsSelect = function(props) {
                 }
             }
         }
-        return _toConsumableArray(filteredSet);
+        return _to_consumable_array._(filteredSet);
     }, [
         filteredOptions,
         selectedOptions,
         getOptionValue
     ]);
-    return _objectSpreadProps(_objectSpread({}, chipsInputState), {
+    return _object_spread_props._(_object_spread._({}, chipsInputState), {
         fieldValue: fieldValue,
         handleInputChange: handleInputChange,
         opened: opened,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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"],"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"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;2DALU;6BAGO;AAEvB,IAAMA,iBAAiB,SAC5BC,OACG;IACH,IAAQC,UAAsDD,MAAtDC,SAASC,WAA6CF,MAA7CE,UAAUC,iBAAmCH,MAAnCG,gBAAgBC,iBAAmBJ,MAAnBI;IAE3C,IAA4BC,iCAAAA,OAAMC,QAAQ,CAAC,KAAK,OAAzCC,SAAqBF,oBAAbG,YAAaH;IAC5B,IAAoDA,kCAAAA,OAAMC,QAAQ,CAAgB,QAA3EG,qBAA6CJ,qBAAzBK,wBAAyBL;IACpD,IAA0CA,kCAAAA,OAAMC,QAAQ,CAAgB,IAAI,OAArEK,gBAAmCN,qBAApBO,mBAAoBP;IAE1C,IAA4DQ,kBAAAA,IAAAA,4BAAa,EAACb,QAAlEc,aAAoDD,gBAApDC,YAAYC,kBAAwCF,gBAAxCE,iBAAoBC,2CAAoBH;QAApDC;QAAYC;;IAEpB,IAAME,oBAAoB,SAACC,GAAuD;QAChF,IAAI,CAACA,GAAG;YACN;QACF,CAAC;QACDF,gBAAgBC,iBAAiB,CAACC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU,IAAI;YACdE,sBAAsB;QACxB,CAAC;IACH;IAEA,IAAIS,kBAAkBd,OAAMe,OAAO,CAAC,WAAM;QACxC,OAAOlB,WACHD,QAASoB,MAAM,CAAC,SAACC;mBAAWpB,SAASY,YAAYQ,QAAQnB;aACxDF,OAAoB;IAC3B,GAAG;QAACA;QAASC;QAAUY;QAAYX;KAAe;IAElDgB,kBAAkBd,OAAMe,OAAO,CAAC,WAAM;QACpC,IAAI,CAACD,gBAAgBI,MAAM,EAAE;YAC3B,OAAOJ;QACT,CAAC;QAED,IAAMK,cAAc,IAAIC,IAAIN;QAC5B,IAAMO,WAAWX,gBAAgBY,GAAG,CAAC,SAACC;mBAASxB,eAAgBwB;;YAE1D,kCAAA,2BAAA;;YAAL,QAAK,YAAcJ,gCAAd,SAAA,6BAAA,QAAA,yBAAA,iCAA2B;gBAA3B,IAAMI,OAAN;gBACH,IAAIF,SAASG,QAAQ,CAACzB,eAAgBwB,QAAQ;oBAC5CJ,YAAYM,MAAM,CAACF;gBACrB,CAAC;YACH;;YAJK;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;QAML,OAAQ,mBAAGJ;IACb,GAAG;QAACL;QAAiBJ;QAAiBX;KAAe;IAErD,OAAO,qCACFY;QACHF,YAAAA;QACAG,mBAAAA;QACAV,QAAAA;QACAC,WAAAA;QACAW,iBAAAA;QACAV,oBAAAA;QACAC,uBAAAA;QACAC,eAAAA;QACAC,kBAAAA;QACAG,iBAAAA;;AAEJ"}
+{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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"],"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"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;+DALU;6BAGO;AAEvB,IAAMA,iBAAiB,SAC5BC;IAEA,IAAQC,UAAsDD,MAAtDC,SAASC,WAA6CF,MAA7CE,UAAUC,iBAAmCH,MAAnCG,gBAAgBC,iBAAmBJ,MAAnBI;IAE3C,IAA4BC,qCAAAA,OAAMC,SAAS,YAApCC,SAAqBF,oBAAbG,YAAaH;IAC5B,IAAoDA,sCAAAA,OAAMC,SAAwB,QAA3EG,qBAA6CJ,qBAAzBK,wBAAyBL;IACpD,IAA0CA,sCAAAA,OAAMC,SAAwB,WAAjEK,gBAAmCN,qBAApBO,mBAAoBP;IAE1C,IAA4DQ,kBAAAA,IAAAA,8BAAcb,QAAlEc,aAAoDD,gBAApDC,YAAYC,kBAAwCF,gBAAxCE,iBAAoBC,+CAAoBH;QAApDC;QAAYC;;IAEpB,IAAME,oBAAoB,SAACC;QACzB,IAAI,CAACA,GAAG;YACN;QACF;QACAF,gBAAgBC,kBAAkBC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU;YACVE,sBAAsB;QACxB;IACF;IAEA,IAAIS,kBAAkBd,OAAMe,QAAQ;QAClC,OAAOlB,WACHD,QAASoB,OAAO,SAACC;mBAAWpB,SAASY,YAAYQ,QAAQnB;aACxDF;IACP,GAAG;QAACA;QAASC;QAAUY;QAAYX;KAAe;IAElDgB,kBAAkBd,OAAMe,QAAQ;QAC9B,IAAI,CAACD,gBAAgBI,QAAQ;YAC3B,OAAOJ;QACT;QAEA,IAAMK,cAAc,IAAIC,IAAIN;QAC5B,IAAMO,WAAWX,gBAAgBY,IAAI,SAACC;mBAASxB,eAAgBwB;;YAE1D,kCAAA,2BAAA;;YAAL,QAAK,YAAcJ,gCAAd,SAAA,6BAAA,QAAA,yBAAA,iCAA2B;gBAA3B,IAAMI,OAAN;gBACH,IAAIF,SAASG,SAASzB,eAAgBwB,QAAQ;oBAC5CJ,YAAYM,OAAOF;gBACrB;YACF;;YAJK;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;QAML,OAAQ,uBAAGJ;IACb,GAAG;QAACL;QAAiBJ;QAAiBX;KAAe;IAErD,OAAO,4CACFY;QACHF,YAAAA;QACAG,mBAAAA;QACAV,QAAAA;QACAC,WAAAA;QACAW,iBAAAA;QACAV,oBAAAA;QACAC,uBAAAA;QACAC,eAAAA;QACAC,kBAAAA;QACAG,iBAAAA;;AAEJ"}