@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"useObjectMemo.js","names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"sources":["../../../src/hooks/useObjectMemo.ts"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,YAAY,CAACC,EAAO,EAAEC,EAAO,EAAE;EAC7C,OACEC,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACI,MAAM,KAAKF,MAAM,CAACC,IAAI,CAACF,EAAE,CAAC,CAACG,MAAM,IACjDF,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACK,KAAK,CAAC,UAACC,CAAC;IAAA,OAAKN,EAAE,CAACM,CAAC,CAAC,KAAKL,EAAE,CAACK,CAAC,CAAC;EAAA,EAAC;AAEjD;AAEA,OAAO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGX,KAAK,CAACY,MAAM,CAACF,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACE,OAAO,EAAEH,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACE,OAAO,GAAGH,MAAM;EACxB;EACA,OAAOC,KAAK,CAACE,OAAO;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"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"],"names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,aAAaC,EAAO,EAAEC,EAAO,EAAE;IAC7C,OACEC,OAAOC,IAAI,CAACH,IAAII,MAAM,KAAKF,OAAOC,IAAI,CAACF,IAAIG,MAAM,IACjDF,OAAOC,IAAI,CAACH,IAAIK,KAAK,CAAC,CAACC,IAAMN,EAAE,CAACM,EAAE,KAAKL,EAAE,CAACK,EAAE;AAEhD,CAAC;AAED,OAAO,SAASC,cAAiBC,MAAS,EAAK;IAC7C,MAAMC,QAAQX,MAAMY,MAAM,CAACF;IAC3B,IAAI,CAACT,aAAaU,MAAME,OAAO,EAAEH,SAAS;QACxCC,MAAME,OAAO,GAAGH;IAClB,CAAC;IACD,OAAOC,MAAME,OAAO;AACtB,CAAC"}

package/dist/cssm/hooks/useOrientationChange.d.ts

@@ -1,4 +1,4 @@
-declare type Orientation = 'portrait' | 'landscape';
+type Orientation = 'portrait' | 'landscape';
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Обновляется при изменении ориентации.

package/dist/cssm/hooks/useOrientationChange.js

@@ -1,37 +1,25 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { useDOM } from '../lib/dom';
 import { useGlobalEventListener } from './useGlobalEventListener';
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Учитывает особенности API на разных платформах.
- */
-function getOrientation(window) {
-  var _window$screen$orient, _window$screen, _window$screen$orient2;
-  if (!window) {
-    return 'portrait';
-  }
-  var angle = Math.abs( // eslint-disable-next-line compat/compat
-  (_window$screen$orient = (_window$screen = window.screen) === null || _window$screen === void 0 ? void 0 : (_window$screen$orient2 = _window$screen.orientation) === null || _window$screen$orient2 === void 0 ? void 0 : _window$screen$orient2.angle) !== null && _window$screen$orient !== void 0 ? _window$screen$orient : Number(window.orientation));
-  return angle === 90 ? 'landscape' : 'portrait';
+ */ function getOrientation(window) {
+    if (!window) {
+        return 'portrait';
+    }
+    const angle = Math.abs(// eslint-disable-next-line compat/compat
+    window.screen?.orientation?.angle ?? Number(window.orientation));
+    return angle === 90 ? 'landscape' : 'portrait';
 }
-
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Обновляется при изменении ориентации.
- */
-export function useOrientationChange() {
-  var _useDOM = useDOM(),
-    window = _useDOM.window;
-  var _React$useState = React.useState(function () {
-      return getOrientation(window);
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    orientation = _React$useState2[0],
-    setOrientation = _React$useState2[1];
-  useGlobalEventListener(window, 'orientationchange', function () {
-    return setOrientation(getOrientation(window));
-  });
-  return orientation;
+ */ export function useOrientationChange() {
+    const { window  } = useDOM();
+    const [orientation, setOrientation] = React.useState(()=>getOrientation(window));
+    useGlobalEventListener(window, 'orientationchange', ()=>setOrientation(getOrientation(window)));
+    return orientation;
 }
+
 //# sourceMappingURL=useOrientationChange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOrientationChange.js","names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useState","setOrientation"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAIjE;AACA;AACA;AACA;AACA,SAASC,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;AACA,OAAO,SAASM,oBAAoB,GAAgB;EAClD,cAAmBV,MAAM,EAAE;IAAnBG,MAAM,WAANA,MAAM;EAEd,sBAAsCJ,KAAK,CAACY,QAAQ,CAAC;MAAA,OAAMT,cAAc,CAACC,MAAM,CAAC;IAAA,EAAC;IAAA;IAA3EK,WAAW;IAAEI,cAAc;EAElCX,sBAAsB,CAACE,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAAMS,cAAc,CAACV,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EAAC;EAEjG,OAAOK,WAAW;AACpB"}
+{"version":3,"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"],"names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","setOrientation","useState"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAIlE;;;CAGC,GACD,SAASC,eAAeC,MAA0B,EAAe;IAC/D,IAAI,CAACA,QAAQ;QACX,OAAO;IACT,CAAC;IAED,MAAMC,QAAQC,KAAKC,GAAG,CACpB,yCAAyC;IACzCH,OAAOI,MAAM,EAAEC,aAAaJ,SAASK,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc,UAAU;AAChD;AAEA;;;CAGC,GACD,OAAO,SAASM,uBAAoC;IAClD,MAAM,EAAEP,OAAM,EAAE,GAAGH;IAEnB,MAAM,CAACQ,aAAaG,eAAe,GAAGZ,MAAMa,QAAQ,CAAC,IAAMV,eAAeC;IAE1EF,uBAAuBE,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT,CAAC"}

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

@@ -16,8 +16,8 @@ interface UsePaginationProps {
      */
     totalPages?: number;
 }
-export declare type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
-export declare type UsePaginationResult = PaginationPageType[];
+export type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
+export type UsePaginationResult = PaginationPageType[];
 /**
  * Хук позаимствован у @mui с некоторыми изменениями.
  *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).

package/dist/cssm/hooks/usePagination.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import * as React from 'react';
 import { clamp } from '../helpers/math';
 import { rangeIncrement } from '../helpers/range';
@@ -13,38 +12,32 @@ import { rangeIncrement } from '../helpers/range';
  * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]
  *                          v
  * [1, 'start-ellipsis', 6, 7, 8, 9, 10]
- */
-export var usePagination = function usePagination() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$currentPage = _ref.currentPage,
-    currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
-    _ref$siblingCount = _ref.siblingCount,
-    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
-    _ref$boundaryCount = _ref.boundaryCount,
-    boundaryCount = _ref$boundaryCount === void 0 ? 1 : _ref$boundaryCount,
-    _ref$totalPages = _ref.totalPages,
-    endPage = _ref$totalPages === void 0 ? 1 : _ref$totalPages;
-  return React.useMemo(function () {
-    var startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));
-    var endPages = rangeIncrement(Math.max(endPage - boundaryCount + 1, boundaryCount + 1), endPage);
-    var lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;
-    var siblingsStart = clamp(currentPage - siblingCount, boundaryCount + 2, lowerBoundaryWhenCurrentPageHigh);
-    var upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;
-    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');
-    } else if (boundaryCount + 1 < endPage - boundaryCount) {
-      pages.push(boundaryCount + 1);
-    }
-    pages.push.apply(pages, _toConsumableArray(rangeIncrement(siblingsStart, siblingsEnd)));
-    if (siblingsEnd < endPage - boundaryCount - 1) {
-      pages.push('end-ellipsis');
-    } else if (endPage - boundaryCount > boundaryCount) {
-      pages.push(endPage - boundaryCount);
-    }
-    pages.push.apply(pages, _toConsumableArray(endPages));
-    return pages;
-  }, [currentPage, endPage, siblingCount, boundaryCount]);
-};
+ */ export const usePagination = ({ currentPage =1 , siblingCount =1 , boundaryCount =1 , totalPages: endPage = 1  } = {})=>React.useMemo(()=>{
+        const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));
+        const endPages = rangeIncrement(Math.max(endPage - boundaryCount + 1, boundaryCount + 1), endPage);
+        const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;
+        const siblingsStart = clamp(currentPage - siblingCount, boundaryCount + 2, lowerBoundaryWhenCurrentPageHigh);
+        const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;
+        const siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow), endPages.length > 0 ? endPages[0] - 2 : endPage - 1);
+        const pages = startPages;
+        if (siblingsStart > boundaryCount + 2) {
+            pages.push('start-ellipsis');
+        } else if (boundaryCount + 1 < endPage - boundaryCount) {
+            pages.push(boundaryCount + 1);
+        }
+        pages.push(...rangeIncrement(siblingsStart, siblingsEnd));
+        if (siblingsEnd < endPage - boundaryCount - 1) {
+            pages.push('end-ellipsis');
+        } else if (endPage - boundaryCount > boundaryCount) {
+            pages.push(endPage - boundaryCount);
+        }
+        pages.push(...endPages);
+        return pages;
+    }, [
+        currentPage,
+        endPage,
+        siblingCount,
+        boundaryCount
+    ]);
+
 //# sourceMappingURL=usePagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AAyBjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,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,OAEvBR,KAAK,CAACS,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAGR,cAAc,CAAC,CAAC,EAAES,IAAI,CAACC,GAAG,CAACN,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMK,QAAQ,GAAGX,cAAc,CAC7BS,IAAI,CAACG,GAAG,CAACN,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMO,gCAAgC,GAAGP,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACvF,IAAMW,aAAa,GAAGf,KAAK,CACzBG,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBS,gCAAgC,CACjC;IAED,IAAME,+BAA+B,GAAGX,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAC5E,IAAMa,WAAW,GAAGP,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACV,WAAW,GAAGC,YAAY,EAAEY,+BAA+B,CAAC,EACrEJ,QAAQ,CAACM,MAAM,GAAG,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGL,OAAO,GAAG,CAAC,CACpD;IAED,IAAMY,KAA0B,GAAGV,UAAU;IAE7C,IAAIM,aAAa,GAAGV,aAAa,GAAG,CAAC,EAAE;MACrCc,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIf,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDc,KAAK,CAACC,IAAI,CAACf,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASlB,cAAc,CAACc,aAAa,EAAEE,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGV,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7Cc,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIb,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDc,KAAK,CAACC,IAAI,CAACb,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASP,QAAQ,EAAC;IAEvB,OAAOO,KAAK;EACd,CAAC,EAAE,CAAChB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA"}
+{"version":3,"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"],"names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,aAAc,EAAC,EACfC,cAAe,EAAC,EAChBC,eAAgB,EAAC,EACjBC,YAAYC,UAAU,CAAC,CAAA,EACJ,GAAG,CAAC,CAAC,GACxBR,MAAMS,OAAO,CAAC,IAAM;QAClB,MAAMC,aAAaR,eAAe,GAAGS,KAAKC,GAAG,CAACN,eAAeE;QAC7D,MAAMK,WAAWX,eACfS,KAAKG,GAAG,CAACN,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMO,mCAAmCP,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMW,gBAAgBf,MACpBG,cAAcC,cACdC,gBAAgB,GAChBS;QAGF,MAAME,kCAAkCX,gBAAgB,IAAI,IAAID;QAChE,MAAMa,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACV,cAAcC,cAAcY,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIL,UAAU,CAAC;QAGrD,MAAMY,QAA6BV;QAEnC,IAAIM,gBAAgBV,gBAAgB,GAAG;YACrCc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIE,UAAUF,eAAe;YACtDc,MAAMC,IAAI,CAACf,gBAAgB;QAC7B,CAAC;QAEDc,MAAMC,IAAI,IAAInB,eAAec,eAAeE;QAE5C,IAAIA,cAAcV,UAAUF,gBAAgB,GAAG;YAC7Cc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIb,UAAUF,gBAAgBA,eAAe;YAClDc,MAAMC,IAAI,CAACb,UAAUF;QACvB,CAAC;QAEDc,MAAMC,IAAI,IAAIR;QAEd,OAAOO;IACT,GAAG;QAAChB;QAAaI;QAASH;QAAcC;KAAc,EAAE"}

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

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

package/dist/cssm/hooks/usePatchChildrenRef.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildrenRef.js","names":["React","warnOnce","useEffectDev","useExternRef","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAGN,QAAQ,CAAC,qBAAqB,CAAC;AAE5C,OAAO,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAV,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,KAC7BL,gBAAgB,CAACK,QAAQ,CAAC,GAAIA,QAAQ,CAACG,GAAG,GAAoBH,QAAQ,CAACI,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAGZ,YAAY,CAAIO,QAAQ,CAAC;EAE5CR,YAAY,CAAC,YAAM;IACjB,IAAI,CAACa,UAAU,CAACC,OAAO,EAAE;MACvBT,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEH,IAAI,EAAES,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAf,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,gBAC1BT,KAAK,CAACiB,YAAY,CAACR,QAAQ,sBACxBL,gBAAgB,CAACK,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGM,UAAU,EAC/D,GACFN,QAAQ,CACb;AACH,CAAC"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\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"],"names":["React","warnOnce","useEffectDev","useExternRef","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAI9C,MAAMC,mBAAmB,CAACC,UAAuE;IAC/F,OAAO,OAAOA,QAAQC,IAAI,KAAK;AACjC;AAEA,MAAMC,OAAON,SAAS;AAEtB,OAAO,MAAMO,sBAAsB,CACjCC,WACuE;IACvE,MAAMC,WACJV,MAAMW,cAAc,CAACF,aACpBL,CAAAA,iBAAiBK,YAAaA,SAASG,GAAG,GAAoBH,SAASI,KAAK,CAACC,UAAU,AAAD;IACzF,MAAMC,aAAaZ,aAAgBO;IAEnCR,aAAa,IAAM;QACjB,IAAI,CAACa,WAAWC,OAAO,EAAE;YACvBT,KACE,4JACA;QAEJ,CAAC;IACH,GAAG;QAACE,UAAUH;QAAMS;KAAW;IAE/B,OAAO;QACLA;QACAf,MAAMW,cAAc,CAACF,YACjBT,MAAMiB,YAAY,CAACR,UAAU;YAC3B,CAACL,iBAAiBK,YAAY,QAAQ,YAAY,CAAC,EAAEM;QACvD,KACAN,QAAQ;KACb;AACH,EAAE"}

package/dist/cssm/hooks/usePlatform.js

@@ -1,7 +1,7 @@
 import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';
 export function usePlatform() {
-  var _useConfigProvider = useConfigProvider(),
-    platform = _useConfigProvider.platform;
-  return platform;
+    const { platform  } = useConfigProvider();
+    return platform;
 }
+
 //# sourceMappingURL=usePlatform.js.map

package/dist/cssm/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePlatform.js","names":["useConfigProvider","usePlatform","platform"],"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,oDAAoD;AAGtF,OAAO,SAASC,WAAW,GAAiB;EAC1C,yBAAqBD,iBAAiB,EAAE;IAAhCE,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}
+{"version":3,"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"],"names":["useConfigProvider","usePlatform","platform"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,cAA4B;IAC1C,MAAM,EAAEC,SAAQ,EAAE,GAAGF;IAErB,OAAOE;AACT,CAAC"}

package/dist/cssm/hooks/usePrevious.js

@@ -1,9 +1,10 @@
 import * as React from 'react';
 export function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
+    const ref = React.useRef();
+    React.useEffect(()=>{
+        ref.current = value;
+    });
+    return ref.current;
 }
+
 //# sourceMappingURL=usePrevious.js.map

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

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

package/dist/cssm/hooks/useTimeout.js

@@ -2,36 +2,39 @@ import * as React from 'react';
 import { canUseDOM } from '../lib/dom';
 import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 export function useTimeout(cb, duration) {
-  var options = React.useRef({
-    cb: cb,
-    duration: duration
-  });
-  useIsomorphicLayoutEffect(function () {
-    options.current.cb = cb;
-    options.current.duration = duration;
-  }, [cb, duration]);
-  var timeout = React.useRef();
-  var clear = React.useCallback(function () {
-    if (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;
-    clear();
-    if (canUseDOM) {
-      timeout.current = setTimeout(function () {
-        var cb = options.current.cb;
-        typeof cb === 'function' && cb();
-      }, duration);
-    }
-  }, [clear]);
-  useIsomorphicLayoutEffect(function () {
-    return clear;
-  }, []);
-  return {
-    set: set,
-    clear: clear
-  };
+    const options = React.useRef({
+        cb,
+        duration
+    });
+    useIsomorphicLayoutEffect(()=>{
+        options.current.cb = cb;
+        options.current.duration = duration;
+    }, [
+        cb,
+        duration
+    ]);
+    const timeout = React.useRef();
+    const clear = React.useCallback(()=>{
+        if (canUseDOM && timeout?.current) {
+            clearTimeout(timeout.current);
+        }
+    }, []);
+    const set = React.useCallback((duration = options.current.duration)=>{
+        clear();
+        if (canUseDOM) {
+            timeout.current = setTimeout(()=>{
+                const { cb  } = options.current;
+                typeof cb === 'function' && cb();
+            }, duration);
+        }
+    }, [
+        clear
+    ]);
+    useIsomorphicLayoutEffect(()=>clear, []);
+    return {
+        set,
+        clear
+    };
 }
+
 //# sourceMappingURL=useTimeout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","names":["React","canUseDOM","useIsomorphicLayoutEffect","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,yBAAyB,QAAQ,kCAAkC;AAE5E,OAAO,SAASC,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGN,KAAK,CAACO,MAAM,CAAC;IAAEH,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9CH,yBAAyB,CAAC,YAAM;IAC9BI,OAAO,CAACE,OAAO,CAACJ,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACE,OAAO,CAACH,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMI,OAAO,GAAGT,KAAK,CAACO,MAAM,EAAiC;EAC7D,IAAMG,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IACpC,IAAIV,SAAS,IAAIQ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCI,YAAY,CAACH,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMK,GAAG,GAAGb,KAAK,CAACW,WAAW,CAC3B,YAAyC;IAAA,IAAxCN,QAAQ,uEAAGC,OAAO,CAACE,OAAO,CAACH,QAAQ;IAClCK,KAAK,EAAE;IACP,IAAIT,SAAS,EAAE;MACbQ,OAAO,CAACD,OAAO,GAAGM,UAAU,CAAC,YAAM;QACjC,IAAQV,EAAE,GAAKE,OAAO,CAACE,OAAO,CAAtBJ,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACK,KAAK,CAAC,CACR;EACDR,yBAAyB,CAAC;IAAA,OAAMQ,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEG,GAAG,EAAHA,GAAG;IAAEH,KAAK,EAALA;EAAM,CAAC;AACvB"}
+{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\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"],"names":["React","canUseDOM","useIsomorphicLayoutEffect","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,OAAO,SAASC,WAAWC,EAAa,EAAEC,QAAgB,EAAE;IAC1D,MAAMC,UAAUN,MAAMO,MAAM,CAAC;QAAEH;QAAIC;IAAS;IAC5CH,0BAA0B,IAAM;QAC9BI,QAAQE,OAAO,CAACJ,EAAE,GAAGA;QACrBE,QAAQE,OAAO,CAACH,QAAQ,GAAGA;IAC7B,GAAG;QAACD;QAAIC;KAAS;IAEjB,MAAMI,UAAUT,MAAMO,MAAM;IAC5B,MAAMG,QAAQV,MAAMW,WAAW,CAAC,IAAM;QACpC,IAAIV,aAAaQ,SAASD,SAAS;YACjCI,aAAaH,QAAQD,OAAO;QAC9B,CAAC;IACH,GAAG,EAAE;IACL,MAAMK,MAAMb,MAAMW,WAAW,CAC3B,CAACN,WAAWC,QAAQE,OAAO,CAACH,QAAQ,GAAK;QACvCK;QACA,IAAIT,WAAW;YACbQ,QAAQD,OAAO,GAAGM,WAAW,IAAM;gBACjC,MAAM,EAAEV,GAAE,EAAE,GAAGE,QAAQE,OAAO;gBAC9B,OAAOJ,OAAO,cAAcA;YAC9B,GAAGC;QACL,CAAC;IACH,GACA;QAACK;KAAM;IAETR,0BAA0B,IAAMQ,OAAO,EAAE;IAEzC,OAAO;QAAEG;QAAKH;IAAM;AACtB,CAAC"}

package/dist/cssm/hooks/useTodayDate.js

@@ -1,7 +1,5 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { getMillisecondsToTomorrow } from '../lib/date';
-
 /**
  * Опционально обновляемая дата сегодняшнего дня
  *
@@ -10,27 +8,24 @@ import { getMillisecondsToTomorrow } from '../lib/date';
  * Часы, минуты, секунды, миллисекунды - произвольные
  *
  * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня
- */
-export function useTodayDate() {
-  var listenDayChangesForUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _React$useState = React.useState(function () {
-      return new Date();
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    todayDate = _React$useState2[0],
-    setTodayDate = _React$useState2[1];
-  React.useEffect(function () {
-    if (!listenDayChangesForUpdate) {
-      return;
-    }
-    var timeToDayChange = getMillisecondsToTomorrow(todayDate);
-    var timeout = setTimeout(function () {
-      setTodayDate(new Date());
-    }, timeToDayChange);
-    return function () {
-      clearTimeout(timeout);
-    };
-  }, [listenDayChangesForUpdate, todayDate]);
-  return todayDate;
+ */ export function useTodayDate(listenDayChangesForUpdate = false) {
+    const [todayDate, setTodayDate] = React.useState(()=>new Date());
+    React.useEffect(()=>{
+        if (!listenDayChangesForUpdate) {
+            return;
+        }
+        const timeToDayChange = getMillisecondsToTomorrow(todayDate);
+        const timeout = setTimeout(()=>{
+            setTodayDate(new Date());
+        }, timeToDayChange);
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        listenDayChangesForUpdate,
+        todayDate
+    ]);
+    return todayDate;
 }
+
 //# sourceMappingURL=useTodayDate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.js","names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BP,KAAK,CAACQ,SAAS,CAAC,YAAM;IACpB,IAAI,CAACL,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMM,eAAe,GAAGR,yBAAyB,CAACK,SAAS,CAAC;IAE5D,IAAMI,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BJ,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,yBAAyB,EAAEG,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
+{"version":3,"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\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"],"names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","todayDate","setTodayDate","useState","Date","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,yBAAyB,QAAQ,cAAc;AAExD;;;;;;;;CAQC,GACD,OAAO,SAASC,aAAaC,4BAA4B,KAAK,EAAE;IAC9D,MAAM,CAACC,WAAWC,aAAa,GAAGL,MAAMM,QAAQ,CAAC,IAAM,IAAIC;IAE3DP,MAAMQ,SAAS,CAAC,IAAM;QACpB,IAAI,CAACL,2BAA2B;YAC9B;QACF,CAAC;QAED,MAAMM,kBAAkBR,0BAA0BG;QAElD,MAAMM,UAAUC,WAAW,IAAM;YAC/BN,aAAa,IAAIE;QACnB,GAAGE;QAEH,OAAO,IAAM;YACXG,aAAaF;QACf;IACF,GAAG;QAACP;QAA2BC;KAAU;IAEzC,OAAOA;AACT,CAAC"}

package/dist/cssm/hooks/useWaitTransitionFinish.js

@@ -2,35 +2,39 @@ import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
 import { useDOM } from '../lib/dom';
 import { transitionEvent } from '../lib/supportEvents';
-export var useWaitTransitionFinish = function useWaitTransitionFinish() {
-  var timeoutRef = React.useRef(null);
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var detach = React.useRef(noop);
-  var remove = React.useCallback(function () {
-    detach.current();
-    detach.current = noop;
-  }, []);
-  var waitTransitionFinish = React.useCallback(function (element, eventHandler, durationFallback) {
-    if (element) {
-      if (!(document !== null && document !== void 0 && document.hidden) && transitionEvent.supported && transitionEvent.name) {
-        remove();
-        element.addEventListener(transitionEvent.name, eventHandler);
-        detach.current = function () {
-          if (transitionEvent.name) {
-            element.removeEventListener(transitionEvent.name, eventHandler);
-          }
-        };
-      } else {
-        if (timeoutRef !== null && timeoutRef !== void 0 && timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
+export const useWaitTransitionFinish = ()=>{
+    const timeoutRef = React.useRef(null);
+    const { document  } = useDOM();
+    const detach = React.useRef(noop);
+    const remove = React.useCallback(()=>{
+        detach.current();
+        detach.current = noop;
+    }, []);
+    const waitTransitionFinish = React.useCallback((element, eventHandler, durationFallback)=>{
+        if (element) {
+            if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {
+                remove();
+                element.addEventListener(transitionEvent.name, eventHandler);
+                detach.current = ()=>{
+                    if (transitionEvent.name) {
+                        element.removeEventListener(transitionEvent.name, eventHandler);
+                    }
+                };
+            } else {
+                if (timeoutRef?.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(eventHandler, durationFallback);
+            }
         }
-        timeoutRef.current = setTimeout(eventHandler, durationFallback);
-      }
-    }
-  }, [document, remove, timeoutRef]);
-  return {
-    waitTransitionFinish: waitTransitionFinish
-  };
+    }, [
+        document,
+        remove,
+        timeoutRef
+    ]);
+    return {
+        waitTransitionFinish
+    };
 };
+
 //# sourceMappingURL=useWaitTransitionFinish.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.js","names":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqBJ,MAAM,EAAE;IAArBK,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACL,IAAI,CAAC;EAEjC,IAAMQ,MAAM,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IACrCF,MAAM,CAACG,OAAO,EAAE;IAChBH,MAAM,CAACG,OAAO,GAAGV,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMW,oBAAoB,GAAGZ,KAAK,CAACU,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAES,MAAM,KAAIb,eAAe,CAACc,SAAS,IAAId,eAAe,CAACe,IAAI,EAAE;QAC1ET,MAAM,EAAE;QACRI,OAAO,CAACM,gBAAgB,CAAChB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;QAC5DN,MAAM,CAACG,OAAO,GAAG,YAAM;UACrB,IAAIR,eAAe,CAACe,IAAI,EAAE;YACxBL,OAAO,CAACO,mBAAmB,CAACjB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIT,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,OAAO,EAAE;UACvBU,YAAY,CAAChB,UAAU,CAACM,OAAO,CAAC;QAClC;QACAN,UAAU,CAACM,OAAO,GAAGW,UAAU,CAACR,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACR,QAAQ,EAAEE,MAAM,EAAEJ,UAAU,CAAC,CAC/B;EAED,OAAO;IACLO,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\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"],"names":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,OAAO,MAAMC,0BAA0B,IAAM;IAC3C,MAAMC,aAAaL,MAAMM,MAAM,CAAuC,IAAI;IAC1E,MAAM,EAAEC,SAAQ,EAAE,GAAGL;IACrB,MAAMM,SAASR,MAAMM,MAAM,CAACL;IAE5B,MAAMQ,SAAST,MAAMU,WAAW,CAAC,IAAM;QACrCF,OAAOG,OAAO;QACdH,OAAOG,OAAO,GAAGV;IACnB,GAAG,EAAE;IAEL,MAAMW,uBAAuBZ,MAAMU,WAAW,CAC5C,CAACG,SAA6BC,cAA4BC,mBAA6B;QACrF,IAAIF,SAAS;YACX,IAAI,CAACN,UAAUS,UAAUb,gBAAgBc,SAAS,IAAId,gBAAgBe,IAAI,EAAE;gBAC1ET;gBACAI,QAAQM,gBAAgB,CAAChB,gBAAgBe,IAAI,EAAEJ;gBAC/CN,OAAOG,OAAO,GAAG,IAAM;oBACrB,IAAIR,gBAAgBe,IAAI,EAAE;wBACxBL,QAAQO,mBAAmB,CAACjB,gBAAgBe,IAAI,EAAEJ;oBACpD,CAAC;gBACH;YACF,OAAO;gBACL,IAAIT,YAAYM,SAAS;oBACvBU,aAAahB,WAAWM,OAAO;gBACjC,CAAC;gBACDN,WAAWM,OAAO,GAAGW,WAAWR,cAAcC;YAChD,CAAC;QACH,CAAC;IACH,GACA;QAACR;QAAUE;QAAQJ;KAAW;IAGhC,OAAO;QACLO;IACF;AACF,EAAE"}

package/dist/cssm/index.d.ts

@@ -183,6 +183,9 @@ export { SubnavigationButton } from './components/SubnavigationButton/Subnavigat
 export type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';
 export { Pagination } from './components/Pagination/Pagination';
 export type { PaginationProps } from './components/Pagination/Pagination';
+export { Accordion } from './components/Accordion/Accordion';
+export type { AccordionProps } from './components/Accordion/Accordion';
+export type { AccordionSummaryProps } from './components/Accordion/AccordionSummary';
 /**
  * Forms
  */
@@ -314,7 +317,7 @@ export { CustomScrollView } from './components/CustomScrollView/CustomScrollView
 /**
  * Types
  */
-export type { AlignType, HasPlatform, HasInsets } from './types';
+export type { AlignType, HasPlatform, HasInsets, HasRef, HasRootRef } from './types';
 export type { NavIdProps } from './lib/getNavId';
 export type { PlatformType } from './lib/platform';
 export type { TransitionContextProps } from './components/NavTransitionContext/NavTransitionContext';