@vkontakte/vkui 4.24.0 → 4.25.0

package/dist/cjs/hooks/useKeyboard.js

@@ -23,30 +23,51 @@ var _useGlobalEventListener = require("./useGlobalEventListener");
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 function getPreciseKeyboardState(window) {
-  var availHeight = window.screen.availHeight;
-  var innerHeight = window.innerHeight;
+  var innerHeight = window.innerHeight,
+      availHeight = window.screen.availHeight;
   var coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
   return coveredViewportPercentage > 24;
 }
 
+var eventOptions = {
+  passive: true,
+  capture: false
+};
+
 function useKeyboard() {
+  var _document$activeEleme3;
+
   var _useDOM = (0, _dom.useDOM)(),
       window = _useDOM.window,
       document = _useDOM.document;
 
-  var _React$useState = React.useState({
-    isOpened: false,
-    isPrecise: false
-  }),
+  var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      keyboardState = _React$useState2[0],
-      setKeyboardState = _React$useState2[1];
+      isOpened = _React$useState2[0],
+      setIsOpened = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      isPrecise = _React$useState4[0],
+      setIsPrecise = _React$useState4[1];
 
   var transitionalTimeout = React.useRef(null);
-  var eventOptions = {
-    passive: true,
-    capture: false
-  };
+  var onFocus = React.useCallback(function (event) {
+    var _document$activeEleme, _document$activeEleme2;
+
+    if (transitionalTimeout.current) {
+      clearTimeout(transitionalTimeout.current);
+    }
+
+    var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA");
+    setIsOpened(isOpened);
+    setIsPrecise(false); // Ожидаем прохождение анимации раскрытия клавиатуры
+
+    transitionalTimeout.current = setTimeout(function () {
+      setIsOpened(isOpened);
+      setIsPrecise(getPreciseKeyboardState(window));
+    }, 300);
+  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName, window]);
   /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -55,24 +76,11 @@ function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-
-  function onFocus(event) {
-    var _document$activeEleme, _document$activeEleme2;
-
-    clearTimeout(transitionalTimeout.current);
-    var returnObject = {
-      isOpened: (event === true || event.type === "focusin") && (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA"),
-      isPrecise: false
-    }; // Ожидаем прохождение анимации раскрытия клавиатуры
-
-    transitionalTimeout.current = setTimeout(function () {
-      returnObject.isPrecise = getPreciseKeyboardState(window);
-      setKeyboardState(returnObject);
-    }, 300);
-  }
-
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
-  return keyboardState;
+  return {
+    isOpened: isOpened,
+    isPrecise: isPrecise
+  };
 }
 //# sourceMappingURL=useKeyboard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","availHeight","screen","innerHeight","coveredViewportPercentage","Math","round","useKeyboard","document","React","useState","isOpened","isPrecise","keyboardState","setKeyboardState","transitionalTimeout","useRef","eventOptions","passive","capture","useEffect","onFocus","event","clearTimeout","current","returnObject","type","activeElement","tagName","setTimeout"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MAAQC,WAAR,GAAwBD,MAAM,CAACE,MAA/B,CAAQD,WAAR;AACA,MAAQE,WAAR,GAAwBH,MAAxB,CAAQG,WAAR;AAEA,MAAMC,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOG,yBAAyB,GAAG,EAAnC;AACD;;AAEM,SAASG,WAAT,GAA8C;AACnD,gBAA6B,kBAA7B;AAAA,MAAQP,MAAR,WAAQA,MAAR;AAAA,MAAgBQ,QAAhB,WAAgBA,QAAhB;;AAEA,wBACEC,KAAK,CAACC,QAAN,CAAsC;AACpCC,IAAAA,QAAQ,EAAE,KAD0B;AAEpCC,IAAAA,SAAS,EAAE;AAFyB,GAAtC,CADF;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAMA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA;AACF;AACA;AACA;;AACEV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;;AAIA,WAASA,OAAT,CAAiBC,KAAjB,EAA2C;AAAA;;AACzCC,IAAAA,YAAY,CAACR,mBAAmB,CAACS,OAArB,CAAZ;AAEA,QAAIC,YAAY,GAAG;AACjBd,MAAAA,QAAQ,EACN,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,MACC,0BAAAlB,QAAQ,CAACmB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,IACC,2BAAApB,QAAQ,CAACmB,aAAT,kFAAwBC,OAAxB,MAAoC,UAFtC,CAFe;AAKjBhB,MAAAA,SAAS,EAAE;AALM,KAAnB,CAHyC,CAWzC;;AACAG,IAAAA,mBAAmB,CAACS,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7CJ,MAAAA,YAAY,CAACb,SAAb,GAAyBb,uBAAuB,CAACC,MAAD,CAAhD;AACAc,MAAAA,gBAAgB,CAACW,YAAD,CAAhB;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID;;AAED,sDAAuBjB,QAAvB,EAAiC,UAAjC,EAA6Ca,OAA7C,EAAsDJ,YAAtD;AACA,sDAAuBT,QAAvB,EAAiC,SAAjC,EAA4Ca,OAA5C,EAAqDJ,YAArD;AAEA,SAAOJ,aAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const { availHeight } = window.screen;\n  const { innerHeight } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [keyboardState, setKeyboardState] =\n    React.useState<SoftwareKeyboardState>({\n      isOpened: false,\n      isPrecise: false,\n    });\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const eventOptions = {\n    passive: true,\n    capture: false,\n  };\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  function onFocus(event: FocusEvent | true) {\n    clearTimeout(transitionalTimeout.current);\n\n    let returnObject = {\n      isOpened:\n        (event === true || event.type === \"focusin\") &&\n        (document.activeElement?.tagName === \"INPUT\" ||\n          document.activeElement?.tagName === \"TEXTAREA\"),\n      isPrecise: false,\n    };\n\n    // Ожидаем прохождение анимации раскрытия клавиатуры\n    transitionalTimeout.current = setTimeout(() => {\n      returnObject.isPrecise = getPreciseKeyboardState(window);\n      setKeyboardState(returnObject);\n    }, 300);\n  }\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return keyboardState;\n}\n"],"file":"useKeyboard.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","React","useState","isOpened","setIsOpened","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAA6B,kBAA7B;AAAA,MAAQV,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkCH,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGR,KAAK,CAACS,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAIJ,mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,QAAQ,GACZ,CAACQ,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,IAAN,KAAe,SAAlC,MACC,CAAAd,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEe,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEe,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAZ,IAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAAClB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEe,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC3B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEY,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBT,QAAvB,EAAiC,UAAjC,EAA6CS,OAA7C,EAAsDb,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CS,OAA5C,EAAqDb,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA,QAAF;AAAYE,IAAAA,SAAS,EAATA;AAAZ,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { window, document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [isPrecise, setIsPrecise] = React.useState(false);\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      if (transitionalTimeout.current) {\n        clearTimeout(transitionalTimeout.current);\n      }\n\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n      setIsPrecise(false);\n\n      // Ожидаем прохождение анимации раскрытия клавиатуры\n      transitionalTimeout.current = setTimeout(() => {\n        setIsOpened(isOpened);\n        setIsPrecise(getPreciseKeyboardState(window));\n      }, 300);\n    },\n    [document?.activeElement?.tagName, window]\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return { isOpened, isPrecise };\n}\n"],"file":"useKeyboard.js"}

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

@@ -2,5 +2,5 @@ import * as React from "react";
 declare type ChildrenElement<T> = React.ReactElement<{
     getRootRef?: React.Ref<T>;
 }>;
-export declare const usePatchChildrenRef: <T = HTMLElement>(children: ChildrenElement<T>) => [React.MutableRefObject<T>, ChildrenElement<T>];
+export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
 export {};

package/dist/cjs/hooks/usePatchChildrenRef.js

@@ -30,7 +30,7 @@ var usePatchChildrenRef = function usePatchChildrenRef(children) {
     if (!patchedRef.current && process.env.NODE_ENV === "development") {
       warn("Кажется, в `children` передан компонент, который не поддерживает свойство `getRootRef`. Мы не можем" + "получить ссылку на корневой dom-элемент этого компонента");
     }
-  }, [children.type]);
+  }, [children === null || children === void 0 ? void 0 : children.type, patchedRef]);
   return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
 };
 

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,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"}
+{"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,EAEsC;AACvE,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,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEH,IAAX,EAAiBU,UAAjB,CAPH;AAQA,SAAO,CACLA,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 | 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`. Мы не можем\" +\n          \"получить ссылку на корневой dom-элемент этого компонента\"\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"],"file":"usePatchChildrenRef.js"}

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

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

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,GAAiD;AACtD,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 | undefined {\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

@@ -24,7 +24,9 @@ function useTimeout(cb, duration) {
   }, [cb, duration]);
   var timeout = React.useRef();
   var clear = React.useCallback(function () {
-    return _dom.canUseDOM && clearTimeout(timeout.current);
+    if (_dom.canUseDOM && timeout !== null && timeout !== void 0 && timeout.current) {
+      clearTimeout(timeout.current);
+    }
   }, []);
   var set = React.useCallback(function () {
     var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : options.current.duration;
@@ -36,7 +38,7 @@ function useTimeout(cb, duration) {
         typeof cb === "function" && cb();
       }, duration);
     }
-  }, []);
+  }, [clear]);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     return clear;
   }, []);

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,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"}
+{"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,YAAM;AACpC,QAAIC,kBAAaH,OAAb,aAAaA,OAAb,eAAaA,OAAO,CAAED,OAA1B,EAAmC;AACjCK,MAAAA,YAAY,CAACJ,OAAO,CAACD,OAAT,CAAZ;AACD;AACF,GAJa,EAIX,EAJW,CAAd;AAKA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CACV,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACvCM,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,GATS,EAUV,CAACM,KAAD,CAVU,CAAZ;AAYA,4DAA0B;AAAA,WAAMA,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    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"],"file":"useTimeout.js"}

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

@@ -1,3 +1,3 @@
 export declare const useWaitTransitionFinish: () => {
-    waitTransitionFinish: (element: HTMLElement, eventHandler: VoidFunction, durationFallback: number) => void;
+    waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
 };

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -16,11 +16,14 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
 
   var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
     if (element) {
-      if (_supportEvents.transitionEvent.supported) {
+      if (_supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
         element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
         element.addEventListener(_supportEvents.transitionEvent.name, eventHandler);
       } else {
-        clearTimeout(timeoutRef.current);
+        if (timeoutRef !== null && timeoutRef !== void 0 && timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }

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,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"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","waitTransitionFinish","element","eventHandler","durationFallback","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","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,SAAhB,IAA6BD,+BAAgBE,IAAjD,EAAuD;AACrDL,QAAAA,OAAO,CAACM,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDJ,YAAlD;AACAD,QAAAA,OAAO,CAACO,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CJ,YAA/C;AACD,OAHD,MAGO;AACL,YAAIL,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEY,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAACb,UAAU,CAACY,OAAZ,CAAZ;AACD;;AACDZ,QAAAA,UAAU,CAACY,OAAX,GAAqBE,UAAU,CAACT,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GAhBD;;AAkBA,SAAO;AACLH,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAxBM","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 | null,\n    eventHandler: VoidFunction,\n    durationFallback: number\n  ) => {\n    if (element) {\n      if (transitionEvent.supported && transitionEvent.name) {\n        element.removeEventListener(transitionEvent.name, eventHandler);\n        element.addEventListener(transitionEvent.name, eventHandler);\n      } else {\n        if (timeoutRef?.current) {\n          clearTimeout(timeoutRef.current);\n        }\n        timeoutRef.current = setTimeout(eventHandler, durationFallback);\n      }\n    }\n  };\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}

package/dist/cjs/index.d.ts

@@ -222,7 +222,9 @@ export { AppRoot } from "./components/AppRoot/AppRoot";
 export { default as AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
-export { ConfigProviderContext, Appearance, Scheme, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
+export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
+export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export { Scheme, Appearance } from "./helpers/scheme";
 /**
  * Advertisement
  */