@vkontakte/vkui 5.0.2 → 5.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ntype Orientation = \"portrait\" | \"landscape\";\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return \"portrait\";\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation)\n  );\n\n  return angle === 90 ? \"landscape\" : \"portrait\";\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() =>\n    getOrientation(window)\n  );\n\n  useGlobalEventListener(window, \"orientationchange\", () =>\n    setOrientation(getOrientation(window))\n  );\n\n  return orientation;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAc,CAACC,MAA0B,EAAe;EAAA;EAC/D,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,UAAU;EACnB;EAEA,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,EACpB;EAAA,2CACAH,MAAM,CAACI,MAAM,6EAAb,eAAeC,WAAW,2DAA1B,uBAA4BJ,KAAK,yEAAIK,MAAM,CAACN,MAAM,CAACK,WAAW,CAAC,CAChE;EAED,OAAOJ,KAAK,KAAK,EAAE,GAAG,WAAW,GAAG,UAAU;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASM,oBAAoB,GAAgB;EAClD,cAAmB,IAAAC,WAAM,GAAE;IAAnBR,MAAM,WAANA,MAAM;EAEd,sBAAsCS,KAAK,CAACC,QAAQ,CAAC;MAAA,OACnDX,cAAc,CAACC,MAAM,CAAC;IAAA,EACvB;IAAA;IAFMK,WAAW;IAAEM,cAAc;EAIlC,IAAAC,8CAAsB,EAACZ,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAClDW,cAAc,CAACZ,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EACvC;EAED,OAAOK,WAAW;AACpB"}
+{"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAc,CAACC,MAA0B,EAAe;EAAA;EAC/D,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,UAAU;EACnB;EAEA,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,EACpB;EAAA,2CACAH,MAAM,CAACI,MAAM,6EAAb,eAAeC,WAAW,2DAA1B,uBAA4BJ,KAAK,yEAAIK,MAAM,CAACN,MAAM,CAACK,WAAW,CAAC,CAChE;EAED,OAAOJ,KAAK,KAAK,EAAE,GAAG,WAAW,GAAG,UAAU;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASM,oBAAoB,GAAgB;EAClD,cAAmB,IAAAC,WAAM,GAAE;IAAnBR,MAAM,WAANA,MAAM;EAEd,sBAAsCS,KAAK,CAACC,QAAQ,CAAC;MAAA,OAAMX,cAAc,CAACC,MAAM,CAAC;IAAA,EAAC;IAAA;IAA3EK,WAAW;IAAEM,cAAc;EAElC,IAAAC,8CAAsB,EAACZ,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAAMW,cAAc,CAACZ,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EAAC;EAEjG,OAAOK,WAAW;AACpB"}

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

@@ -16,7 +16,7 @@ interface UsePaginationProps {
      */
     totalPages?: number;
 }
-export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
+export declare type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
 export declare type UsePaginationResult = PaginationPageType[];
 /**
  * Хук позаимствован у @mui с некоторыми изменениями.

package/dist/cjs/hooks/usePagination.js

@@ -41,13 +41,13 @@ var usePagination = function usePagination() {
     var siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow), endPages.length > 0 ? endPages[0] - 2 : endPage - 1);
     var pages = startPages;
     if (siblingsStart > boundaryCount + 2) {
-      pages.push("start-ellipsis");
+      pages.push('start-ellipsis');
     } else if (boundaryCount + 1 < endPage - boundaryCount) {
       pages.push(boundaryCount + 1);
     }
     pages.push.apply(pages, (0, _toConsumableArray2.default)((0, _range.rangeIncrement)(siblingsStart, siblingsEnd)));
     if (siblingsEnd < endPage - boundaryCount - 1) {
-      pages.push("end-ellipsis");
+      pages.push('end-ellipsis');
     } else if (endPage - boundaryCount > boundaryCount) {
       pages.push(endPage - boundaryCount);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../helpers/math\";\nimport { rangeIncrement } from \"../helpers/range\";\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh\n    );\n\n    const upperBoundaryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa;EAAA,+EAKF,CAAC,CAAC;IAAA,wBAJxBC,WAAW;IAAXA,WAAW,iCAAG,CAAC;IAAA,yBACfC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAAA,0BAChBC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,uBACjBC,UAAU;IAAEC,OAAO,gCAAG,CAAC;EAAA,OAEvBC,KAAK,CAACC,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAACR,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMO,QAAQ,GAAG,IAAAH,qBAAc,EAC7BC,IAAI,CAACG,GAAG,CAACR,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMS,gCAAgC,GACpCT,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAChD,IAAMa,aAAa,GAAG,IAAAC,WAAK,EACzBf,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBW,gCAAgC,CACjC;IAED,IAAMG,+BAA+B,GACnCd,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACtC,IAAMgB,WAAW,GAAGR,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAGC,YAAY,EAAEe,+BAA+B,CAAC,EACrEL,QAAQ,CAACO,MAAM,GAAG,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGP,OAAO,GAAG,CAAC,CACpD;IAED,IAAMe,KAA0B,GAAGZ,UAAU;IAE7C,IAAIO,aAAa,GAAGZ,aAAa,GAAG,CAAC,EAAE;MACrCiB,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIlB,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDiB,KAAK,CAACC,IAAI,CAAClB,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAAS,IAAAX,qBAAc,EAACM,aAAa,EAAEG,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGb,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7CiB,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIhB,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDiB,KAAK,CAACC,IAAI,CAAChB,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAASR,QAAQ,EAAC;IAEvB,OAAOQ,KAAK;EACd,CAAC,EAAE,CAACnB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA;AAAC"}
+{"version":3,"file":"usePagination.js","names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa;EAAA,+EAKF,CAAC,CAAC;IAAA,wBAJxBC,WAAW;IAAXA,WAAW,iCAAG,CAAC;IAAA,yBACfC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAAA,0BAChBC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,uBACjBC,UAAU;IAAEC,OAAO,gCAAG,CAAC;EAAA,OAEvBC,KAAK,CAACC,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAACR,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMO,QAAQ,GAAG,IAAAH,qBAAc,EAC7BC,IAAI,CAACG,GAAG,CAACR,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMS,gCAAgC,GAAGT,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACvF,IAAMa,aAAa,GAAG,IAAAC,WAAK,EACzBf,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBW,gCAAgC,CACjC;IAED,IAAMG,+BAA+B,GAAGd,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAC5E,IAAMgB,WAAW,GAAGR,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAGC,YAAY,EAAEe,+BAA+B,CAAC,EACrEL,QAAQ,CAACO,MAAM,GAAG,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGP,OAAO,GAAG,CAAC,CACpD;IAED,IAAMe,KAA0B,GAAGZ,UAAU;IAE7C,IAAIO,aAAa,GAAGZ,aAAa,GAAG,CAAC,EAAE;MACrCiB,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIlB,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDiB,KAAK,CAACC,IAAI,CAAClB,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAAS,IAAAX,qBAAc,EAACM,aAAa,EAAEG,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGb,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7CiB,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIhB,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDiB,KAAK,CAACC,IAAI,CAAChB,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAASR,QAAQ,EAAC;IAEvB,OAAOQ,KAAK;EACd,CAAC,EAAE,CAACnB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA;AAAC"}

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

@@ -10,19 +10,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var React = _interopRequireWildcard(require("react"));
 var _useExternRef = require("./useExternRef");
 var _warnOnce = require("../lib/warnOnce");
+var _useEffectDev = require("./useEffectDev");
 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-элемент этого компонента", "error");
+  (0, _useEffectDev.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, (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;
 //# sourceMappingURL=usePatchChildrenRef.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","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;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CACpBC,OAA2B,EACe;EAC1C,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;AACrC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,GACtBA,QAAQ,CAACI,GAAG,GACbJ,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;EAChC,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;EAC5CC,KAAK,CAACO,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACjEhB,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;EAChC,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,CAACY,YAAY,CAACd,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}
+{"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","useEffectDev","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;AACA;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;AAErC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,GAAIA,QAAQ,CAACI,GAAG,GAAoBJ,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;EAE5C,IAAAQ,0BAAY,EAAC,YAAM;IACjB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;MACvBb,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,CAACS,YAAY,CAACX,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}

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,"file":"usePlatform.js","names":["usePlatform","useConfigProvider","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;AAGO,SAASA,WAAW,GAAiB;EAC1C,yBAAqB,IAAAC,wCAAiB,GAAE;IAAhCC,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}
+{"version":3,"file":"usePlatform.js","names":["usePlatform","useConfigProvider","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;AAGO,SAASA,WAAW,GAAiB;EAC1C,yBAAqB,IAAAC,wCAAiB,GAAE;IAAhCC,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","React","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;AAEO,SAASA,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,EAAiB;EAEzCD,KAAK,CAACE,SAAS,CAAC,YAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACI,OAAO;AACpB"}
+{"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","React","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;AAEO,SAASA,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,EAAiB;EAEzCD,KAAK,CAACE,SAAS,CAAC,YAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACI,OAAO;AACpB"}

package/dist/cjs/hooks/useTimeout.js

@@ -29,7 +29,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);
     }
   }, [clear]);

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

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","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;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}
+{"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","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;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","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;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
+{"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","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;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.useWaitTransitionFinish = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _dom = require("../lib/dom");
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _supportEvents = require("../lib/supportEvents");
 var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);
   var _useDOM = (0, _dom.useDOM)(),
     document = _useDOM.document;
-  var detach = React.useRef(_utils.noop);
+  var detach = React.useRef(_vkjs.noop);
   var remove = React.useCallback(function () {
     detach.current();
-    detach.current = _utils.noop;
+    detach.current = _vkjs.noop;
   }, []);
   var waitTransitionFinish = React.useCallback(function (element, eventHandler, durationFallback) {
     if (element) {

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

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","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;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,WAAI,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,WAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,UACEG,OAA2B,EAC3BC,YAA0B,EAC1BC,gBAAwB,EACrB;IACH,IAAIF,OAAO,EAAE;MACX,IACE,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,KACjBC,8BAAe,CAACC,SAAS,IACzBD,8BAAe,CAACE,IAAI,EACpB;QACAV,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","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;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,UAAI,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;QAC1EV,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}