@vkontakte/vkui 4.23.0 → 4.24.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["useKeyboardInputTracker","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","e","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,SAASA,uBAAT,GAA4C;AACjD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBAAqDC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAArD;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAEA,MAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClE,QAAI,+BAAWA,CAAX,MAAkBC,oBAAKC,GAA3B,EAAgC;AAC9BL,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,MAAMM,oBAAoB,GAAGT,KAAK,CAACK,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMO,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA,sDAAuBb,QAAvB,EAAiC,SAAjC,EAA4CK,mBAA5C,EAAiEM,YAAjE;AACA,sDAAuBX,QAAvB,EAAiC,WAAjC,EAA8CU,oBAA9C,EAAoEC,YAApE;AACA,sDAAuBX,QAAvB,EAAiC,YAAjC,EAA+CU,oBAA/C,EAAqEC,YAArE;AAEA,SAAOR,qBAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB) {\n      toggleKeyboardInput(true);\n    }\n  }, []);\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', enableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["useKeyboardInputTracker","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","e","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,SAASA,uBAAT,GAA4C;AACjD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBACEC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CADF;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAGA,MAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClE,QAAI,+BAAWA,CAAX,MAAkBC,oBAAKC,GAA3B,EAAgC;AAC9BL,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,MAAMM,oBAAoB,GAAGT,KAAK,CAACK,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMO,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA,sDACEb,QADF,EAEE,SAFF,EAGEK,mBAHF,EAIEM,YAJF;AAMA,sDACEX,QADF,EAEE,WAFF,EAGEU,oBAHF,EAIEC,YAJF;AAMA,sDACEX,QADF,EAEE,YAFF,EAGEU,oBAHF,EAIEC,YAJF;AAOA,SAAOR,qBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB) {\n      toggleKeyboardInput(true);\n    }\n  }, []);\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(\n    document,\n    \"keydown\",\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","useRef","current"],"mappings":";;;;;;;;;;AAAA;;AAEO,SAASA,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;AAC7C,SAAOC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACLF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;AAAA,WAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;AAAA,GAAtB,CADF;AAED;;AAEM,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;AAC7C,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaH,MAAb,CAAd;;AACA,MAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAP,EAAgBJ,MAAhB,CAAjB,EAA0C;AACxCC,IAAAA,KAAK,CAACG,OAAN,GAAgBJ,MAAhB;AACD;;AACD,SAAOC,KAAK,CAACG,OAAb;AACD","sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k]);\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"file":"useObjectMemo.js"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","useRef","current"],"mappings":";;;;;;;;;;AAAA;;AAEO,SAASA,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;AAC7C,SACEC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACAF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;AAAA,WAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;AAAA,GAAtB,CAFF;AAID;;AAEM,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;AAC7C,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaH,MAAb,CAAd;;AACA,MAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAP,EAAgBJ,MAAhB,CAAjB,EAA0C;AACxCC,IAAAA,KAAK,CAACG,OAAN,GAAgBJ,MAAhB;AACD;;AACD,SAAOC,KAAK,CAACG,OAAb;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"file":"useObjectMemo.js"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 declare type ChildrenElement<T> = React.ReactElement<{
     getRootRef?: React.Ref<T>;
 }>;

package/dist/cjs/hooks/usePatchChildrenRef.js

@@ -18,20 +18,20 @@ var _useExternRef = require("./useExternRef");
 var _warnOnce = require("../lib/warnOnce");
 
 var isDOMTypeElement = function isDOMTypeElement(element) {
-  return typeof element.type === 'string';
+  return typeof element.type === "string";
 };
 
-var warn = (0, _warnOnce.warnOnce)('usePatchChildrenRef');
+var warn = (0, _warnOnce.warnOnce)("usePatchChildrenRef");
 
 var usePatchChildrenRef = function usePatchChildrenRef(children) {
   var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
   var patchedRef = (0, _useExternRef.useExternRef)(childRef);
   React.useEffect(function () {
-    if (!patchedRef.current && process.env.NODE_ENV === 'development') {
-      warn('Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем' + 'получить ссылку на корневой dom-элемент этого компонента');
+    if (!patchedRef.current && process.env.NODE_ENV === "development") {
+      warn("Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем" + "получить ссылку на корневой dom-элемент этого компонента");
     }
   }, [children.type]);
-  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? 'ref' : 'getRootRef', patchedRef)) : children];
+  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
 };
 
 exports.usePatchChildrenRef = usePatchChildrenRef;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAAwE;AAC/F,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAFD;;AAIA,IAAMC,IAAI,GAAG,wBAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAkBC,QAAlB,EAAoG;AACrI,MAAMC,QAAQ,GAAG,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MAAmCL,gBAAgB,CAACK,QAAD,CAAhB,GAA6BA,QAAQ,CAACI,GAAtC,GAA4DJ,QAAQ,CAACK,KAAT,CAAeC,UAA9G,CAAjB;AACA,MAAMC,UAAU,GAAG,gCAAgBN,QAAhB,CAAnB;AACAC,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEd,MAAAA,IAAI,CAAC,wGACH,0DADE,CAAJ;AAED;AACF,GALD,EAKG,CAACE,QAAQ,CAACH,IAAV,CALH;AAMA,SAAO,CAACU,UAAD,EAAa,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBAAiCE,KAAK,CAACW,YAAN,CAAmBb,QAAnB,oCAClDL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADa,EACEO,UADF,EAAjC,GAEfP,QAFE,CAAP;AAGD,CAZM","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 = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\nexport const usePatchChildrenRef = <T = HTMLElement>(children: ChildrenElement<T>): [React.MutableRefObject<T>, ChildrenElement<T>] => {\n  const childRef = React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref as React.Ref<T> : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === 'development') {\n      warn('Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем' +\n        'получить ссылку на корневой dom-элемент этого компонента');\n    }\n  }, [children.type]);\n  return [patchedRef, React.isValidElement(children) ? React.cloneElement(children, {\n    [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n  }) : children];\n};\n"],"file":"usePatchChildrenRef.js"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;AAC1C,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,wBAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEmB;AACpD,MAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MACCL,gBAAgB,CAACK,QAAD,CAAhB,GACIA,QAAQ,CAACI,GADb,GAEGJ,QAAQ,CAACK,KAAT,CAAeC,UAHnB,CADF;AAKA,MAAMC,UAAU,GAAG,gCAAgBN,QAAhB,CAAnB;AACAC,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEd,MAAAA,IAAI,CACF,wGACE,0DAFA,CAAJ;AAID;AACF,GAPD,EAOG,CAACE,QAAQ,CAACH,IAAV,CAPH;AAQA,SAAO,CACLU,UADK,EAEL,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBACIE,KAAK,CAACW,YAAN,CAAmBb,QAAnB,oCACGL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDO,UADvD,EADJ,GAIIP,QANC,CAAP;AAQD,CAzBM","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>, ChildrenElement<T>] => {\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`. Мы не можем\" +\n          \"получить ссылку на корневой dom-элемент этого компонента\"\n      );\n    }\n  }, [children.type]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"file":"usePatchChildrenRef.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAqC;AAC1C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,0BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,MAAQC,QAAR,qBAAQA,QAAR;;AACA,SAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from 'react';\nimport { PlatformType } from '../lib/platform';\nimport { SSRContext } from '../lib/SSR';\nimport { ConfigProviderContext } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}
+{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAqC;AAC1C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,0BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,MAAQC,QAAR,qBAAQA,QAAR;;AACA,SAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}

package/dist/cjs/hooks/useTimeout.js

@@ -33,7 +33,7 @@ function useTimeout(cb, duration) {
     if (_dom.canUseDOM) {
       timeout.current = setTimeout(function () {
         var cb = options.current.cb;
-        typeof cb === 'function' && cb();
+        typeof cb === "function" && cb();
       }, duration);
     }
   }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["useTimeout","cb","duration","options","React","useRef","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAAEJ,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACA,4DAA0B,YAAM;AAC9BC,IAAAA,OAAO,CAACG,OAAR,CAAgBL,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACG,OAAR,CAAgBJ,QAAhB,GAA2BA,QAA3B;AACD,GAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;AAKA,MAAMK,OAAO,GAAGH,KAAK,CAACC,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGJ,KAAK,CAACK,WAAN,CAAkB;AAAA,WAAMC,kBAAaC,YAAY,CAACJ,OAAO,CAACD,OAAT,CAA/B;AAAA,GAAlB,EAAoE,EAApE,CAAd;AACA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CAAkB,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACrEM,IAAAA,KAAK;;AACL,QAAIE,cAAJ,EAAe;AACbH,MAAAA,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;AACjC,YAAQZ,EAAR,GAAeE,OAAO,CAACG,OAAvB,CAAQL,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GARW,EAQT,EARS,CAAZ;AASA,4DAA0B;AAAA,WAAMM,KAAN;AAAA,GAA1B,EAAuC,EAAvC;AAEA,SAAO;AAAEI,IAAAA,GAAG,EAAHA,GAAF;AAAOJ,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","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(() => canUseDOM && clearTimeout(timeout.current), []);\n  const set = React.useCallback((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  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}
+{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["useTimeout","cb","duration","options","React","useRef","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAAEJ,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACA,4DAA0B,YAAM;AAC9BC,IAAAA,OAAO,CAACG,OAAR,CAAgBL,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACG,OAAR,CAAgBJ,QAAhB,GAA2BA,QAA3B;AACD,GAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;AAKA,MAAMK,OAAO,GAAGH,KAAK,CAACC,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGJ,KAAK,CAACK,WAAN,CACZ;AAAA,WAAMC,kBAAaC,YAAY,CAACJ,OAAO,CAACD,OAAT,CAA/B;AAAA,GADY,EAEZ,EAFY,CAAd;AAIA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CAAkB,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACrEM,IAAAA,KAAK;;AACL,QAAIE,cAAJ,EAAe;AACbH,MAAAA,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;AACjC,YAAQZ,EAAR,GAAeE,OAAO,CAACG,OAAvB,CAAQL,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GARW,EAQT,EARS,CAAZ;AASA,4DAA0B;AAAA,WAAMM,KAAN;AAAA,GAA1B,EAAuC,EAAvC;AAEA,SAAO;AAAEI,IAAAA,GAAG,EAAHA,GAAF;AAAOJ,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","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    () => canUseDOM && clearTimeout(timeout.current),\n    []\n  );\n  const set = React.useCallback((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  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","waitTransitionFinish","element","eventHandler","durationFallback","transitionEvent","supported","removeEventListener","name","addEventListener","clearTimeout","current","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD,EAAuBC,YAAvB,EAAmDC,gBAAnD,EAAgF;AAC3G,QAAIF,OAAJ,EAAa;AACX,UAAIG,+BAAgBC,SAApB,EAA+B;AAC7BJ,QAAAA,OAAO,CAACK,mBAAR,CAA4BF,+BAAgBG,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBJ,+BAAgBG,IAAzC,EAA+CL,YAA/C;AACD,OAHD,MAGO;AACLO,QAAAA,YAAY,CAACZ,UAAU,CAACa,OAAZ,CAAZ;AACAb,QAAAA,UAAU,CAACa,OAAX,GAAqBC,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAVD;;AAYA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAlBM","sourcesContent":["import * as React from 'react';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (element: HTMLElement, eventHandler: VoidFunction, durationFallback: number) => {\n    if (element) {\n      if (transitionEvent.supported) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","waitTransitionFinish","element","eventHandler","durationFallback","transitionEvent","supported","removeEventListener","name","addEventListener","clearTimeout","current","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,OAD2B,EAE3BC,YAF2B,EAG3BC,gBAH2B,EAIxB;AACH,QAAIF,OAAJ,EAAa;AACX,UAAIG,+BAAgBC,SAApB,EAA+B;AAC7BJ,QAAAA,OAAO,CAACK,mBAAR,CAA4BF,+BAAgBG,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBJ,+BAAgBG,IAAzC,EAA+CL,YAA/C;AACD,OAHD,MAGO;AACLO,QAAAA,YAAY,CAACZ,UAAU,CAACa,OAAZ,CAAZ;AACAb,QAAAA,UAAU,CAACa,OAAX,GAAqBC,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAdD;;AAgBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAtBM","sourcesContent":["import * as React from \"react\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const waitTransitionFinish = (\n    element: HTMLElement,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (transitionEvent.supported) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}