@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/hooks/useAutoDetectAppearance.js

@@ -1,90 +1,90 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAutoDetectAppearance", {
+    enumerable: true,
+    get: function() {
+        return useAutoDetectAppearance;
+    }
 });
-exports.useAutoDetectAppearance = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
+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 _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) {
-  initialAppearance = (0, _appearance.resolveAppearance)(data);
+_vkBridge.default.send("VKWebAppGetConfig").then(function(data) {
+    initialAppearance = (0, _appearance.resolveAppearance)(data);
 }).catch(console.error);
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
-  function bridgeListener(e) {
-    var _e$detail = e.detail,
-      type = _e$detail.type,
-      data = _e$detail.data;
-    if (type !== 'VKWebAppUpdateConfig') {
-      return;
-    }
-    initialAppearance = (0, _appearance.resolveAppearance)(data);
-    if (initialAppearance) {
-      onDetectAppearanceByBridge();
-      setAppearance(initialAppearance);
-    }
-  }
-  _vkBridge.default.subscribe(bridgeListener);
-  return function () {
-    return _vkBridge.default.unsubscribe(bridgeListener);
-  };
+    var bridgeListener = function bridgeListener(e) {
+        var _e_detail = e.detail, type = _e_detail.type, data = _e_detail.data;
+        if (type !== "VKWebAppUpdateConfig") {
+            return;
+        }
+        initialAppearance = (0, _appearance.resolveAppearance)(data);
+        if (initialAppearance) {
+            onDetectAppearanceByBridge();
+            setAppearance(initialAppearance);
+        }
+    };
+    _vkBridge.default.subscribe(bridgeListener);
+    return function() {
+        return _vkBridge.default.unsubscribe(bridgeListener);
+    };
 }
 function autoDetectAppearance(window, setAppearance) {
-  var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
-  if (mediaQuery === undefined) {
-    return _vkjs.noop;
-  }
-  var check = function check(event) {
-    // eslint-disable-next-line no-restricted-properties
-    setAppearance(event.matches ? 'dark' : 'light');
-  };
-  check(mediaQuery);
-  (0, _matchMedia.matchMediaListAddListener)(mediaQuery, check);
-  return function () {
-    return (0, _matchMedia.matchMediaListRemoveListener)(mediaQuery, check);
-  };
-}
-var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
-  var _useDOM = (0, _dom.useDOM)(),
-    window = _useDOM.window;
-  var onceDetectAppearanceByBridge = React.useRef(function () {
-    onDetectAppearanceByBridge && onDetectAppearanceByBridge();
-    onceDetectAppearanceByBridge.current = _vkjs.noop;
-  });
-  var _React$useState = React.useState(function () {
-      if (appearanceProp) {
-        return appearanceProp;
-      }
-      if (initialAppearance) {
-        onceDetectAppearanceByBridge.current();
-        return initialAppearance;
-      }
-      var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
-
-      // eslint-disable-next-line no-restricted-properties
-      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? 'dark' : 'light';
-    }),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    appearance = _React$useState2[0],
-    setAppearance = _React$useState2[1];
-  React.useEffect(function () {
-    if (appearanceProp) {
-      setAppearance(appearanceProp);
-      return _vkjs.noop;
+    var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+    if (mediaQuery === undefined) {
+        return _vkjs.noop;
     }
-    if (_vkBridge.default.isEmbedded()) {
-      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
-    }
-    return autoDetectAppearance(window, setAppearance);
-  }, [window, appearanceProp]);
-  return appearance;
+    var check = function(event) {
+        // eslint-disable-next-line no-restricted-properties
+        setAppearance(event.matches ? "dark" : "light");
+    };
+    check(mediaQuery);
+    (0, _matchMedia.matchMediaListAddListener)(mediaQuery, check);
+    return function() {
+        return (0, _matchMedia.matchMediaListRemoveListener)(mediaQuery, check);
+    };
+}
+var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridge) {
+    var window = (0, _dom.useDOM)().window;
+    var onceDetectAppearanceByBridge = _react.useRef(function() {
+        onDetectAppearanceByBridge && onDetectAppearanceByBridge();
+        onceDetectAppearanceByBridge.current = _vkjs.noop;
+    });
+    var _React_useState = _slicedToArray(_react.useState(function() {
+        if (appearanceProp) {
+            return appearanceProp;
+        }
+        if (initialAppearance) {
+            onceDetectAppearanceByBridge.current();
+            return initialAppearance;
+        }
+        var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+        // eslint-disable-next-line no-restricted-properties
+        return (mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.matches) ? "dark" : "light";
+    }), 2), appearance = _React_useState[0], setAppearance = _React_useState[1];
+    _react.useEffect(function() {
+        if (appearanceProp) {
+            setAppearance(appearanceProp);
+            return _vkjs.noop;
+        }
+        if (_vkBridge.default.isEmbedded()) {
+            return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
+        }
+        return autoDetectAppearance(window, setAppearance);
+    }, [
+        window,
+        appearanceProp
+    ]);
+    return appearance;
 };
-exports.useAutoDetectAppearance = useAutoDetectAppearance;
+
 //# sourceMappingURL=useAutoDetectAppearance.js.map

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

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

package/dist/cjs/hooks/useBooleanState.js

@@ -1,34 +1,36 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useBooleanState", {
+    enumerable: true,
+    get: function() {
+        return useBooleanState;
+    }
 });
-exports.useBooleanState = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var useBooleanState = function useBooleanState() {
-  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var setTrue = React.useCallback(function () {
-    setValue(true);
-  }, []);
-  var setFalse = React.useCallback(function () {
-    setValue(false);
-  }, []);
-  var toggle = React.useCallback(function () {
-    setValue(!value);
-  }, [value]);
-  return {
-    value: value,
-    setTrue: setTrue,
-    setFalse: setFalse,
-    toggle: toggle
-  };
+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 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 setTrue = _react.useCallback(function() {
+        setValue(true);
+    }, []);
+    var setFalse = _react.useCallback(function() {
+        setValue(false);
+    }, []);
+    var toggle = _react.useCallback(function() {
+        setValue(!value);
+    }, [
+        value
+    ]);
+    return {
+        value: value,
+        setTrue: setTrue,
+        setFalse: setFalse,
+        toggle: toggle
+    };
 };
-exports.useBooleanState = useBooleanState;
+
 //# sourceMappingURL=useBooleanState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";;;;;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BC,KAAK,CAACC,QAAQ,CAACF,YAAY,CAAC;IAAA;IAA/CG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGP,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC;AAAC"}
+{"version":3,"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"}

package/dist/cjs/hooks/useBridgeAdaptivity.js

@@ -1,66 +1,64 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useBridgeAdaptivity", {
+    enumerable: true,
+    get: function() {
+        return useBridgeAdaptivity;
+    }
 });
-exports.useBridgeAdaptivity = useBridgeAdaptivity;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
+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 _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var initialState = {
-  type: '',
-  viewportWidth: 0,
-  viewportHeight: 0
+    type: "",
+    viewportWidth: 0,
+    viewportHeight: 0
 };
 function resolveAdaptivity(e) {
-  var _e$detail = e.detail,
-    type = _e$detail.type,
-    data = _e$detail.data;
-  if (type !== 'VKWebAppUpdateConfig' || !data) {
-    return null;
-  }
-  var adaptivity = data.adaptivity,
-    viewportWidth = data.viewport_width,
-    viewportHeight = data.viewport_height;
-  var bridgeAdaptivity = {
-    type: '',
-    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
-    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
-  };
-  switch (adaptivity) {
-    case 'force_mobile':
-    case 'force_mobile_compact':
-    case 'adaptive':
-      bridgeAdaptivity.type = adaptivity;
-  }
-  return bridgeAdaptivity;
+    var _e_detail = e.detail, type = _e_detail.type, data = _e_detail.data;
+    if (type !== "VKWebAppUpdateConfig" || !data) {
+        return null;
+    }
+    var adaptivity = data.adaptivity, viewportWidth = data.viewport_width, viewportHeight = data.viewport_height;
+    var bridgeAdaptivity = {
+        type: "",
+        viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
+        viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+    };
+    switch(adaptivity){
+        case "force_mobile":
+        case "force_mobile_compact":
+        case "adaptive":
+            bridgeAdaptivity.type = adaptivity;
+    }
+    return bridgeAdaptivity;
 }
-_vkBridge.default.subscribe(function (e) {
-  var bridgeAdaptivity = resolveAdaptivity(e);
-  if (bridgeAdaptivity) {
-    initialState = bridgeAdaptivity;
-  }
+_vkBridge.default.subscribe(function(e) {
+    var bridgeAdaptivity = resolveAdaptivity(e);
+    if (bridgeAdaptivity) {
+        initialState = bridgeAdaptivity;
+    }
 });
 function useBridgeAdaptivity() {
-  var _React$useState = React.useState(initialState),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    bridgeAdaptivity = _React$useState2[0],
-    setBridgeAdaptivity = _React$useState2[1];
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    function bridgeListener(e) {
-      var newBridgeAdaptivity = resolveAdaptivity(e);
-      if (newBridgeAdaptivity) {
-        setBridgeAdaptivity(newBridgeAdaptivity);
-      }
-    }
-    _vkBridge.default.subscribe(bridgeListener);
-    return function () {
-      _vkBridge.default.unsubscribe(bridgeListener);
-    };
-  }, []);
-  return bridgeAdaptivity;
+    var _React_useState = _slicedToArray(_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);
+            if (newBridgeAdaptivity) {
+                setBridgeAdaptivity(newBridgeAdaptivity);
+            }
+        };
+        _vkBridge.default.subscribe(bridgeListener);
+        return function() {
+            _vkBridge.default.unsubscribe(bridgeListener);
+        };
+    }, []);
+    return bridgeAdaptivity;
 }
+
 //# sourceMappingURL=useBridgeAdaptivity.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBridgeAdaptivity.js","names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAiBA,IAAIA,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAAE;EACRC,aAAa,EAAE,CAAC;EAChBC,cAAc,EAAE;AAClB,CAAC;AAED,SAASC,iBAAiB,CAACC,CAAc,EAA2B;EAClE,gBAAuBA,CAAC,CAACC,MAAM;IAAvBL,IAAI,aAAJA,IAAI;IAAEM,IAAI,aAAJA,IAAI;EAElB,IAAIN,IAAI,KAAK,sBAAsB,IAAI,CAACM,IAAI,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,IAAQC,UAAU,GAAqED,IAAI,CAAnFC,UAAU;IAAkBN,aAAa,GAAsCK,IAAI,CAAvEE,cAAc;IAAkCN,cAAc,GAAKI,IAAI,CAAxCG,eAAe;EAElE,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEU,QAAQ,CAACV,aAAa,CAAC,GAAG,CAACA,aAAa,GAAG,CAAC;IAC3DC,cAAc,EAAES,QAAQ,CAACT,cAAc,CAAC,GAAG,CAACA,cAAc,GAAG;EAC/D,CAAC;EAED,QAAQK,UAAU;IAChB,KAAK,cAAc;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;MACbG,gBAAgB,CAACV,IAAI,GAAGO,UAAU;EAAC;EAGvC,OAAOG,gBAAgB;AACzB;AAEAE,iBAAQ,CAACC,SAAS,CAAC,UAACT,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEK,SAASI,mBAAmB,GAAqB;EACtD,sBAAgDC,KAAK,CAACC,QAAQ,CAAmBjB,YAAY,CAAC;IAAA;IAAvFW,gBAAgB;IAAEO,mBAAmB;EAE5C,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,cAAc,CAACf,CAAc,EAAE;MACtC,IAAMgB,mBAAmB,GAAGjB,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIgB,mBAAmB,EAAE;QACvBH,mBAAmB,CAACG,mBAAmB,CAAC;MAC1C;IACF;IAEAR,iBAAQ,CAACC,SAAS,CAACM,cAAc,CAAC;IAClC,OAAO,YAAM;MACXP,iBAAQ,CAACS,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,gBAAgB;AACzB"}
+{"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"}

package/dist/cjs/hooks/useCalendar.js

@@ -1,73 +1,81 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useCalendar = useCalendar;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _date = require("../lib/date");
-function useCalendar(_ref) {
-  var _ref2;
-  var value = _ref.value,
-    disablePast = _ref.disablePast,
-    disableFuture = _ref.disableFuture,
-    shouldDisableDate = _ref.shouldDisableDate,
-    onHeaderChange = _ref.onHeaderChange,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth;
-  var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    viewDate = _React$useState2[0],
-    setViewDate = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    focusedDay = _React$useState4[0],
-    setFocusedDay = _React$useState4[1];
-  var setPrevMonth = React.useCallback(function () {
-    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
-    setViewDate((0, _date.subMonths)(viewDate, 1));
-  }, [viewDate, onPrevMonth]);
-  var setNextMonth = React.useCallback(function () {
-    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
-    setViewDate((0, _date.addMonths)(viewDate, 1));
-  }, [viewDate, onNextMonth]);
-  var handleSetViewDate = React.useCallback(function (value) {
-    onHeaderChange === null || onHeaderChange === void 0 ? void 0 : onHeaderChange(value);
-    setViewDate(value);
-  }, [onHeaderChange]);
-  var isDayFocused = React.useCallback(function (day) {
-    return Boolean(focusedDay && (0, _date.isSameDay)(day, focusedDay));
-  }, [focusedDay]);
-  var isDayDisabled = React.useCallback(function (day) {
-    var now = new Date();
-    var disabled = false;
-    if (disablePast) {
-      disabled = (0, _date.isBefore)((0, _date.endOfDay)(day), now);
-    }
-    if (disableFuture) {
-      disabled = (0, _date.isAfter)((0, _date.startOfDay)(day), now);
-    }
-    if (shouldDisableDate) {
-      disabled = shouldDisableDate(day);
+Object.defineProperty(exports, "useCalendar", {
+    enumerable: true,
+    get: function() {
+        return useCalendar;
     }
-    return disabled;
-  }, [disableFuture, disablePast, shouldDisableDate]);
-  var resetSelectedDay = React.useCallback(function () {
-    setFocusedDay(undefined);
-  }, [setFocusedDay]);
-  return {
-    viewDate: viewDate,
-    setViewDate: handleSetViewDate,
-    setPrevMonth: setPrevMonth,
-    setNextMonth: setNextMonth,
-    focusedDay: focusedDay,
-    setFocusedDay: setFocusedDay,
-    isDayFocused: isDayFocused,
-    isDayDisabled: isDayDisabled,
-    resetSelectedDay: resetSelectedDay
-  };
+});
+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 _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 setPrevMonth = _react.useCallback(function() {
+        onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
+        setViewDate((0, _date.subMonths)(viewDate, 1));
+    }, [
+        viewDate,
+        onPrevMonth
+    ]);
+    var setNextMonth = _react.useCallback(function() {
+        onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
+        setViewDate((0, _date.addMonths)(viewDate, 1));
+    }, [
+        viewDate,
+        onNextMonth
+    ]);
+    var handleSetViewDate = _react.useCallback(function(value) {
+        onHeaderChange === null || onHeaderChange === void 0 ? void 0 : onHeaderChange(value);
+        setViewDate(value);
+    }, [
+        onHeaderChange
+    ]);
+    var isDayFocused = _react.useCallback(function(day) {
+        return Boolean(focusedDay && (0, _date.isSameDay)(day, focusedDay));
+    }, [
+        focusedDay
+    ]);
+    var isDayDisabled = _react.useCallback(function(day) {
+        var now = new Date();
+        var disabled = false;
+        if (disablePast) {
+            disabled = (0, _date.isBefore)((0, _date.endOfDay)(day), now);
+        }
+        if (disableFuture) {
+            disabled = (0, _date.isAfter)((0, _date.startOfDay)(day), now);
+        }
+        if (shouldDisableDate) {
+            disabled = shouldDisableDate(day);
+        }
+        return disabled;
+    }, [
+        disableFuture,
+        disablePast,
+        shouldDisableDate
+    ]);
+    var resetSelectedDay = _react.useCallback(function() {
+        setFocusedDay(undefined);
+    }, [
+        setFocusedDay
+    ]);
+    return {
+        viewDate: viewDate,
+        setViewDate: handleSetViewDate,
+        setPrevMonth: setPrevMonth,
+        setNextMonth: setNextMonth,
+        focusedDay: focusedDay,
+        setFocusedDay: setFocusedDay,
+        isDayFocused: isDayFocused,
+        isDayDisabled: isDayDisabled,
+        resetSelectedDay: resetSelectedDay
+    };
 }
+
 //# sourceMappingURL=useCalendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { 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"],"mappings":"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"}
+{"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"}