@vkontakte/vkui 5.0.2 → 5.1.0

package/dist/hooks/usePatchChildrenRef.js

@@ -1,19 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { useExternRef } from "./useExternRef";
-import { warnOnce } from "../lib/warnOnce";
+import * as React from 'react';
+import { useExternRef } from './useExternRef';
+import { warnOnce } from '../lib/warnOnce';
+import { useEffectDev } from './useEffectDev';
 var isDOMTypeElement = function isDOMTypeElement(element) {
-  return typeof element.type === "string";
+  return typeof element.type === 'string';
 };
-var warn = warnOnce("usePatchChildrenRef");
+var warn = warnOnce('usePatchChildrenRef');
 export var usePatchChildrenRef = function usePatchChildrenRef(children) {
   var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
   var patchedRef = useExternRef(childRef);
-  React.useEffect(function () {
-    if (!patchedRef.current && process.env.NODE_ENV === "development") {
-      warn("Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента", "error");
+  useEffectDev(function () {
+    if (!patchedRef.current) {
+      warn('Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента', 'error');
     }
   }, [children === null || children === void 0 ? void 0 : children.type, patchedRef]);
-  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _defineProperty({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
+  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _defineProperty({}, isDOMTypeElement(children) ? 'ref' : 'getRootRef', patchedRef)) : children];
 };
 //# sourceMappingURL=usePatchChildrenRef.js.map

package/dist/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildrenRef.js","names":["React","useExternRef","warnOnce","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"sources":["../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента\",\n        \"error\"\n      );\n    }\n  }, [children?.type, patchedRef]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,iBAAiB;AAI1C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CACpBC,OAA2B,EACe;EAC1C,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,qBAAqB,CAAC;AAC5C,OAAO,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAT,KAAK,CAACU,cAAc,CAACF,QAAQ,CAAC,KAC7BL,gBAAgB,CAACK,QAAQ,CAAC,GACtBA,QAAQ,CAACG,GAAG,GACbH,QAAQ,CAACI,KAAK,CAACC,UAAU,CAAC;EAChC,IAAMC,UAAU,GAAGb,YAAY,CAAIQ,QAAQ,CAAC;EAC5CT,KAAK,CAACe,SAAS,CAAC,YAAM;IACpB,IAAI,CAACD,UAAU,CAACE,OAAO,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACjEb,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEH,IAAI,EAAES,UAAU,CAAC,CAAC;EAChC,OAAO,CACLA,UAAU,EACV,aAAAd,KAAK,CAACU,cAAc,CAACF,QAAQ,CAAC,gBAC1BR,KAAK,CAACoB,YAAY,CAACZ,QAAQ,sBACxBL,gBAAgB,CAACK,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGM,UAAU,EAC/D,GACFN,QAAQ,CACb;AACH,CAAC"}
+{"version":3,"file":"usePatchChildrenRef.js","names":["React","useExternRef","warnOnce","useEffectDev","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"sources":["../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from './useExternRef';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAGL,QAAQ,CAAC,qBAAqB,CAAC;AAE5C,OAAO,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAV,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,KAC7BL,gBAAgB,CAACK,QAAQ,CAAC,GAAIA,QAAQ,CAACG,GAAG,GAAoBH,QAAQ,CAACI,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAGd,YAAY,CAAIS,QAAQ,CAAC;EAE5CP,YAAY,CAAC,YAAM;IACjB,IAAI,CAACY,UAAU,CAACC,OAAO,EAAE;MACvBT,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEH,IAAI,EAAES,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAf,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,gBAC1BT,KAAK,CAACiB,YAAY,CAACR,QAAQ,sBACxBL,gBAAgB,CAACK,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGM,UAAU,EAC/D,GACFN,QAAQ,CACb;AACH,CAAC"}

package/dist/hooks/usePlatform.d.ts

@@ -1,2 +1,2 @@
-import { PlatformType } from "../lib/platform";
+import { PlatformType } from '../lib/platform';
 export declare function usePlatform(): PlatformType;

package/dist/hooks/usePlatform.js

@@ -1,4 +1,4 @@
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext";
+import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';
 export function usePlatform() {
   var _useConfigProvider = useConfigProvider(),
     platform = _useConfigProvider.platform;

package/dist/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePlatform.js","names":["useConfigProvider","usePlatform","platform"],"sources":["../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\nimport { PlatformType } from \"../lib/platform\";\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAGtF,OAAO,SAASC,WAAW,GAAiB;EAC1C,yBAAqBD,iBAAiB,EAAE;IAAhCE,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}
+{"version":3,"file":"usePlatform.js","names":["useConfigProvider","usePlatform","platform"],"sources":["../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAGtF,OAAO,SAASC,WAAW,GAAiB;EAC1C,yBAAqBD,iBAAiB,EAAE;IAAhCE,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}

package/dist/hooks/usePrevious.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export function usePrevious(value) {
   var ref = React.useRef();
   React.useEffect(function () {

package/dist/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGH,KAAK,CAACI,MAAM,EAAiB;EAEzCJ,KAAK,CAACK,SAAS,CAAC,YAAM;IACpBF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACG,OAAO;AACpB"}
+{"version":3,"file":"usePrevious.js","names":["React","usePrevious","value","ref","useRef","useEffect","current"],"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGH,KAAK,CAACI,MAAM,EAAiB;EAEzCJ,KAAK,CAACK,SAAS,CAAC,YAAM;IACpBF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACG,OAAO;AACpB"}

package/dist/hooks/useTimeout.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
-import { canUseDOM } from "../lib/dom";
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
+import { canUseDOM } from '../lib/dom';
 export function useTimeout(cb, duration) {
   var options = React.useRef({
     cb: cb,
@@ -22,7 +22,7 @@ export function useTimeout(cb, duration) {
     if (canUseDOM) {
       timeout.current = setTimeout(function () {
         var cb = options.current.cb;
-        typeof cb === "function" && cb();
+        typeof cb === 'function' && cb();
       }, duration);
     }
   }, [clear]);

package/dist/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","names":["React","useIsomorphicLayoutEffect","canUseDOM","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"sources":["../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === \"function\" && cb();\n        }, duration);\n      }\n    },\n    [clear]\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,SAAS,QAAQ,YAAY;AAEtC,OAAO,SAASC,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGN,KAAK,CAACO,MAAM,CAAC;IAAEH,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9CJ,yBAAyB,CAAC,YAAM;IAC9BK,OAAO,CAACE,OAAO,CAACJ,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACE,OAAO,CAACH,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMI,OAAO,GAAGT,KAAK,CAACO,MAAM,EAAiC;EAC7D,IAAMG,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IACpC,IAAIT,SAAS,IAAIO,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCI,YAAY,CAACH,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMK,GAAG,GAAGb,KAAK,CAACW,WAAW,CAC3B,YAAyC;IAAA,IAAxCN,QAAQ,uEAAGC,OAAO,CAACE,OAAO,CAACH,QAAQ;IAClCK,KAAK,EAAE;IACP,IAAIR,SAAS,EAAE;MACbO,OAAO,CAACD,OAAO,GAAGM,UAAU,CAAC,YAAM;QACjC,IAAQV,EAAE,GAAKE,OAAO,CAACE,OAAO,CAAtBJ,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACK,KAAK,CAAC,CACR;EACDT,yBAAyB,CAAC;IAAA,OAAMS,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEG,GAAG,EAAHA,GAAG;IAAEH,KAAK,EAALA;EAAM,CAAC;AACvB"}
+{"version":3,"file":"useTimeout.js","names":["React","useIsomorphicLayoutEffect","canUseDOM","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"sources":["../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { canUseDOM } from '../lib/dom';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,SAAS,QAAQ,YAAY;AAEtC,OAAO,SAASC,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGN,KAAK,CAACO,MAAM,CAAC;IAAEH,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9CJ,yBAAyB,CAAC,YAAM;IAC9BK,OAAO,CAACE,OAAO,CAACJ,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACE,OAAO,CAACH,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMI,OAAO,GAAGT,KAAK,CAACO,MAAM,EAAiC;EAC7D,IAAMG,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IACpC,IAAIT,SAAS,IAAIO,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCI,YAAY,CAACH,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMK,GAAG,GAAGb,KAAK,CAACW,WAAW,CAC3B,YAAyC;IAAA,IAAxCN,QAAQ,uEAAGC,OAAO,CAACE,OAAO,CAACH,QAAQ;IAClCK,KAAK,EAAE;IACP,IAAIR,SAAS,EAAE;MACbO,OAAO,CAACD,OAAO,GAAGM,UAAU,CAAC,YAAM;QACjC,IAAQV,EAAE,GAAKE,OAAO,CAACE,OAAO,CAAtBJ,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACK,KAAK,CAAC,CACR;EACDT,yBAAyB,CAAC;IAAA,OAAMS,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEG,GAAG,EAAHA,GAAG;IAAEH,KAAK,EAALA;EAAM,CAAC;AACvB"}

package/dist/hooks/useTodayDate.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
-import { getMillisecondsToTomorrow } from "../lib/date";
+import React from 'react';
+import { getMillisecondsToTomorrow } from '../lib/date';
 
 /**
  * Опционально обновляемая дата сегодняшнего дня

package/dist/hooks/useTodayDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.js","names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"sources":["../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from \"react\";\n\nimport { getMillisecondsToTomorrow } from \"../lib/date\";\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,yBAAyB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BP,KAAK,CAACQ,SAAS,CAAC,YAAM;IACpB,IAAI,CAACL,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMM,eAAe,GAAGR,yBAAyB,CAACK,SAAS,CAAC;IAE5D,IAAMI,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BJ,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,yBAAyB,EAAEG,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
+{"version":3,"file":"useTodayDate.js","names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"sources":["../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\n\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,yBAAyB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BP,KAAK,CAACQ,SAAS,CAAC,YAAM;IACpB,IAAI,CAACL,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMM,eAAe,GAAGR,yBAAyB,CAACK,SAAS,CAAC;IAE5D,IAAMI,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BJ,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,yBAAyB,EAAEG,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}

package/dist/hooks/useWaitTransitionFinish.js

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { useDOM } from "../lib/dom";
-import { noop } from "../lib/utils";
-import { transitionEvent } from "../lib/supportEvents";
+import * as React from 'react';
+import { useDOM } from '../lib/dom';
+import { noop } from '@vkontakte/vkjs';
+import { transitionEvent } from '../lib/supportEvents';
 export var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);
   var _useDOM = useDOM(),

package/dist/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.js","names":["React","useDOM","noop","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | null,\n      eventHandler: VoidFunction,\n      durationFallback: number\n    ) => {\n      if (element) {\n        if (\n          !document?.hidden &&\n          transitionEvent.supported &&\n          transitionEvent.name\n        ) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef]\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqBL,MAAM,EAAE;IAArBM,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACJ,IAAI,CAAC;EAEjC,IAAMO,MAAM,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IACrCF,MAAM,CAACG,OAAO,EAAE;IAChBH,MAAM,CAACG,OAAO,GAAGT,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,oBAAoB,GAAGZ,KAAK,CAACU,WAAW,CAC5C,UACEG,OAA2B,EAC3BC,YAA0B,EAC1BC,gBAAwB,EACrB;IACH,IAAIF,OAAO,EAAE;MACX,IACE,EAACN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAES,MAAM,KACjBb,eAAe,CAACc,SAAS,IACzBd,eAAe,CAACe,IAAI,EACpB;QACAT,MAAM,EAAE;QACRI,OAAO,CAACM,gBAAgB,CAAChB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;QAC5DN,MAAM,CAACG,OAAO,GAAG,YAAM;UACrB,IAAIR,eAAe,CAACe,IAAI,EAAE;YACxBL,OAAO,CAACO,mBAAmB,CAACjB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIT,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,OAAO,EAAE;UACvBU,YAAY,CAAChB,UAAU,CAACM,OAAO,CAAC;QAClC;QACAN,UAAU,CAACM,OAAO,GAAGW,UAAU,CAACR,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACR,QAAQ,EAAEE,MAAM,EAAEJ,UAAU,CAAC,CAC/B;EAED,OAAO;IACLO,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"useWaitTransitionFinish.js","names":["React","useDOM","noop","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqBL,MAAM,EAAE;IAArBM,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACJ,IAAI,CAAC;EAEjC,IAAMO,MAAM,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IACrCF,MAAM,CAACG,OAAO,EAAE;IAChBH,MAAM,CAACG,OAAO,GAAGT,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,oBAAoB,GAAGZ,KAAK,CAACU,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAES,MAAM,KAAIb,eAAe,CAACc,SAAS,IAAId,eAAe,CAACe,IAAI,EAAE;QAC1ET,MAAM,EAAE;QACRI,OAAO,CAACM,gBAAgB,CAAChB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;QAC5DN,MAAM,CAACG,OAAO,GAAG,YAAM;UACrB,IAAIR,eAAe,CAACe,IAAI,EAAE;YACxBL,OAAO,CAACO,mBAAmB,CAACjB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIT,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,OAAO,EAAE;UACvBU,YAAY,CAAChB,UAAU,CAACM,OAAO,CAAC;QAClC;QACAN,UAAU,CAACM,OAAO,GAAGW,UAAU,CAACR,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACR,QAAQ,EAAEE,MAAM,EAAEJ,UAAU,CAAC,CAC/B;EAED,OAAO;IACLO,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC"}