@vkontakte/vkui 4.27.0 → 4.28.0

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

@@ -0,0 +1,3 @@
+export declare const ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+export declare const DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
+export declare function useKeyboardInputTracker(): boolean;

package/dist/cssm/hooks/useKeyboardInputTracker.js

@@ -3,6 +3,8 @@ import * as React from "react";
 import { Keys, pressedKey } from "../lib/accessibility";
 import { useDOM } from "../lib/dom";
 import { useGlobalEventListener } from "./useGlobalEventListener";
+export var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+export var DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
 export function useKeyboardInputTracker() {
   var _useDOM = useDOM(),
       document = _useDOM.document;
@@ -12,11 +14,14 @@ export function useKeyboardInputTracker() {
       isKeyboardInputActive = _React$useState2[0],
       toggleKeyboardInput = _React$useState2[1];
 
-  var enableKeyboardInput = React.useCallback(function (e) {
+  var enableKeyboardInput = React.useCallback(function () {
+    toggleKeyboardInput(true);
+  }, []);
+  var handleKeydown = React.useCallback(function (e) {
     if (pressedKey(e) === Keys.TAB) {
-      toggleKeyboardInput(true);
+      enableKeyboardInput();
     }
-  }, []);
+  }, [enableKeyboardInput]);
   var disableKeyboardInput = React.useCallback(function () {
     toggleKeyboardInput(false);
   }, []);
@@ -24,9 +29,11 @@ export function useKeyboardInputTracker() {
     passive: true,
     capture: true
   };
-  useGlobalEventListener(document, "keydown", enableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, "keydown", handleKeydown, eventOptions);
   useGlobalEventListener(document, "mousedown", disableKeyboardInput, eventOptions);
   useGlobalEventListener(document, "touchstart", disableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, ENABLE_KEYBOARD_INPUT_EVENT_NAME, enableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, DISABLE_KEYBOARD_INPUT_EVENT_NAME, disableKeyboardInput, eventOptions);
   return isKeyboardInputActive;
 }
 //# sourceMappingURL=useKeyboardInputTracker.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AAEA,OAAO,SAASC,uBAAT,GAA4C;AACjD,gBAAqBF,MAAM,EAA3B;AAAA,MAAQG,QAAR,WAAQA,QAAR;;AAEA,wBACEN,KAAK,CAACO,QAAN,CAAwB,KAAxB,CADF;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAGA,MAAMC,mBAAmB,GAAGV,KAAK,CAACW,WAAN,CAAkB,UAACC,CAAD,EAAsB;AAClE,QAAIV,UAAU,CAACU,CAAD,CAAV,KAAkBX,IAAI,CAACY,GAA3B,EAAgC;AAC9BJ,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,MAAMK,oBAAoB,GAAGd,KAAK,CAACW,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMM,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKAb,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,SAFoB,EAGpBI,mBAHoB,EAIpBK,YAJoB,CAAtB;AAMAX,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,WAFoB,EAGpBQ,oBAHoB,EAIpBC,YAJoB,CAAtB;AAMAX,EAAAA,sBAAsB,CACpBE,QADoB,EAEpB,YAFoB,EAGpBQ,oBAHoB,EAIpBC,YAJoB,CAAtB;AAOA,SAAOP,qBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback((e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB) {\n      toggleKeyboardInput(true);\n    }\n  }, []);\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(\n    document,\n    \"keydown\",\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AAEA,OAAO,IAAMC,gCAAgC,GAAG,qBAAzC;AACP,OAAO,IAAMC,iCAAiC,GAAG,sBAA1C;AAEP,OAAO,SAASC,uBAAT,GAA4C;AACjD,gBAAqBJ,MAAM,EAA3B;AAAA,MAAQK,QAAR,WAAQA,QAAR;;AAEA,wBACER,KAAK,CAACS,QAAN,CAAwB,KAAxB,CADF;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAGA,MAAMC,mBAAmB,GAAGZ,KAAK,CAACa,WAAN,CAAkB,YAAM;AAClDF,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAF2B,EAEzB,EAFyB,CAA5B;AAIA,MAAMG,aAAa,GAAGd,KAAK,CAACa,WAAN,CACpB,UAACE,CAAD,EAAsB;AACpB,QAAIb,UAAU,CAACa,CAAD,CAAV,KAAkBd,IAAI,CAACe,GAA3B,EAAgC;AAC9BJ,MAAAA,mBAAmB;AACpB;AACF,GALmB,EAMpB,CAACA,mBAAD,CANoB,CAAtB;AASA,MAAMK,oBAAoB,GAAGjB,KAAK,CAACa,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMO,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKAhB,EAAAA,sBAAsB,CAACI,QAAD,EAAW,SAAX,EAAsBM,aAAtB,EAAqCI,YAArC,CAAtB;AACAd,EAAAA,sBAAsB,CACpBI,QADoB,EAEpB,WAFoB,EAGpBS,oBAHoB,EAIpBC,YAJoB,CAAtB;AAMAd,EAAAA,sBAAsB,CACpBI,QADoB,EAEpB,YAFoB,EAGpBS,oBAHoB,EAIpBC,YAJoB,CAAtB;AAMAd,EAAAA,sBAAsB,CACpBI,QADoB,EAEpBH,gCAFoB,EAGpBO,mBAHoB,EAIpBM,YAJoB,CAAtB;AAMAd,EAAAA,sBAAsB,CACpBI,QADoB,EAEpBF,iCAFoB,EAGpBW,oBAHoB,EAIpBC,YAJoB,CAAtB;AAOA,SAAOR,qBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = \"enableKeyboardInput\";\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = \"disableKeyboardInput\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput]\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, \"keydown\", handleKeydown, eventOptions);\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}

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

@@ -0,0 +1,34 @@
+interface UsePagintaionProps {
+    /**
+     * Текущая страница.
+     */
+    currentPage?: number;
+    /**
+     * Кол-во всегда видимых страниц по краям текущей страницы.
+     */
+    siblingCount?: number;
+    /**
+     * Кол-во всегда видимых страниц в начале и в конце.
+     */
+    boundaryCount?: number;
+    /**
+     * Общее кол-во страниц.
+     */
+    totalPages?: number;
+}
+export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
+export declare type UsePaginationResult = PaginationPageType[];
+/**
+ * Хук взаимствован у @mui с некоторыми изменениями.
+ *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
+ *
+ * Примеры вывода:
+ *           v
+ * [1, 2, 3, 4, 5, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 6, 7, 8, 9, 10]
+ */
+export declare const usePagination: ({ currentPage, siblingCount, boundaryCount, totalPages: endPage, }?: UsePagintaionProps) => UsePaginationResult;
+export {};

package/dist/cssm/hooks/usePagination.js

@@ -0,0 +1,67 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import * as React from "react";
+
+/**
+ * Хук взаимствован у @mui с некоторыми изменениями.
+ *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
+ *
+ * Примеры вывода:
+ *           v
+ * [1, 2, 3, 4, 5, 'end-ellipsis', 10]
+ *                          v
+ * [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 range = function range(from, to) {
+      var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      var range = [];
+      var i = from;
+
+      while (i <= to) {
+        range.push(i);
+        i += step;
+      }
+
+      return range;
+    };
+
+    var startPages = range(1, Math.min(boundaryCount, endPage));
+    var endPages = range(Math.max(endPage - boundaryCount + 1, boundaryCount + 1), endPage);
+    var lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;
+    var siblingsStart = Math.max(Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh), boundaryCount + 2);
+    var upperBounadryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;
+    var siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBounadryWhenCurrentPageLow), 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(range(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]);
+};
+//# sourceMappingURL=usePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"names":["React","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","range","from","to","step","i","push","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBounadryWhenCurrentPageLow","siblingsEnd","length","pages"],"mappings":"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","sourcesContent":["import * as React from \"react\";\n\ninterface UsePagintaionProps {\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}: UsePagintaionProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const range = (from: number, to: number, step = 1) => {\n      const range = [];\n      let i = from;\n\n      while (i <= to) {\n        range.push(i);\n        i += step;\n      }\n\n      return range;\n    };\n\n    const startPages = range(1, Math.min(boundaryCount, endPage));\n    const endPages = range(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = Math.max(\n      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n      boundaryCount + 2\n    );\n\n    const upperBounadryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBounadryWhenCurrentPageLow),\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(...range(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"],"file":"usePagination.js"}

package/dist/cssm/index.d.ts

@@ -0,0 +1,289 @@
+import "./lib/polyfills";
+import "./styles/constants.css";
+import "./styles/animations.css";
+import "./styles/common.css";
+/**
+ * Layout
+ */
+export { default as Root } from "./components/Root/Root";
+export type { RootProps } from "./components/Root/Root";
+export { default as View } from "./components/View/View";
+export type { ViewProps } from "./components/View/View";
+export { Panel } from "./components/Panel/Panel";
+export type { PanelProps } from "./components/Panel/Panel";
+export { PanelHeaderButton } from "./components/PanelHeaderButton/PanelHeaderButton";
+export type { PanelHeaderButtonProps } from "./components/PanelHeaderButton/PanelHeaderButton";
+export { default as PanelHeader } from "./components/PanelHeader/PanelHeader";
+export type { PanelHeaderProps } from "./components/PanelHeader/PanelHeader";
+export { default as PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
+export type { PanelHeaderContentProps } from "./components/PanelHeaderContent/PanelHeaderContent";
+export { PanelHeaderContext } from "./components/PanelHeaderContext/PanelHeaderContext";
+export type { PanelHeaderContextProps } from "./components/PanelHeaderContext/PanelHeaderContext";
+export { SplitLayout } from "./components/SplitLayout/SplitLayout";
+export type { SplitLayoutProps } from "./components/SplitLayout/SplitLayout";
+export { SplitCol } from "./components/SplitCol/SplitCol";
+export type { SplitColProps } from "./components/SplitCol/SplitCol";
+export { default as Epic } from "./components/Epic/Epic";
+export type { EpicProps } from "./components/Epic/Epic";
+export { default as Tabbar } from "./components/Tabbar/Tabbar";
+export type { TabbarProps } from "./components/Tabbar/Tabbar";
+export { default as TabbarItem } from "./components/TabbarItem/TabbarItem";
+export type { TabbarItemProps } from "./components/TabbarItem/TabbarItem";
+export { default as HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
+export type { HorizontalScrollProps } from "./components/HorizontalScroll/HorizontalScroll";
+export { default as FixedLayout } from "./components/FixedLayout/FixedLayout";
+export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
+/**
+ * Popouts
+ */
+export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";
+export type { PopoutWrapperProps } from "./components/PopoutWrapper/PopoutWrapper";
+export { Alert } from "./components/Alert/Alert";
+export type { AlertProps, AlertActionInterface, } from "./components/Alert/Alert";
+export { ActionSheet } from "./components/ActionSheet/ActionSheet";
+export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
+export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
+export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
+export { default as ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
+export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
+export { Snackbar } from "./components/Snackbar/Snackbar";
+export type { SnackbarProps } from "./components/Snackbar/Snackbar";
+/**
+ * Modals
+ */
+export { ModalRoot } from "./components/ModalRoot/ModalRootAdaptive";
+export type { ModalRootProps } from "./components/ModalRoot/ModalRootAdaptive";
+export { withModalRootContext } from "./components/ModalRoot/withModalRootContext";
+export { default as ModalRootContext } from "./components/ModalRoot/ModalRootContext";
+export { default as ModalPage } from "./components/ModalPage/ModalPage";
+export type { ModalPageProps } from "./components/ModalPage/ModalPage";
+export { default as ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
+export type { ModalPageHeaderProps } from "./components/ModalPageHeader/ModalPageHeader";
+export { default as ModalCard } from "./components/ModalCard/ModalCard";
+export type { ModalCardProps } from "./components/ModalCard/ModalCard";
+export { default as ModalDismissButton } from "./components/ModalDismissButton/ModalDismissButton";
+export type { ModalDismissButtonProps } from "./components/ModalDismissButton/ModalDismissButton";
+/**
+ * Blocks
+ */
+export { Badge } from "./components/Badge/Badge";
+export type { BadgeProps } from "./components/Badge/Badge";
+export { ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
+export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
+export { default as Button } from "./components/Button/Button";
+export type { ButtonProps } from "./components/Button/Button";
+export { default as IconButton } from "./components/IconButton/IconButton";
+export type { IconButtonProps } from "./components/IconButton/IconButton";
+export { Card } from "./components/Card/Card";
+export type { CardProps } from "./components/Card/Card";
+export { default as CardGrid } from "./components/CardGrid/CardGrid";
+export type { CardGridProps } from "./components/CardGrid/CardGrid";
+export { CardScroll } from "./components/CardScroll/CardScroll";
+export type { CardScrollProps } from "./components/CardScroll/CardScroll";
+export { default as ContentCard } from "./components/ContentCard/ContentCard";
+export type { ContentCardProps } from "./components/ContentCard/ContentCard";
+export { CellButton } from "./components/CellButton/CellButton";
+export type { CellButtonProps } from "./components/CellButton/CellButton";
+export { default as Header } from "./components/Header/Header";
+export type { HeaderProps } from "./components/Header/Header";
+export { default as Group } from "./components/Group/Group";
+export type { GroupProps } from "./components/Group/Group";
+export { Gradient } from "./components/Gradient/Gradient";
+export type { GradientProps } from "./components/Gradient/Gradient";
+export { default as List } from "./components/List/List";
+export { Cell } from "./components/Cell/Cell";
+export type { CellProps } from "./components/Cell/Cell";
+export { default as RichCell } from "./components/RichCell/RichCell";
+export type { RichCellProps } from "./components/RichCell/RichCell";
+export { default as SimpleCell } from "./components/SimpleCell/SimpleCell";
+export type { SimpleCellProps } from "./components/SimpleCell/SimpleCell";
+export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
+export type { HorizontalCellProps } from "./components/HorizontalCell/HorizontalCell";
+export { Footer } from "./components/Footer/Footer";
+export type { FooterProps } from "./components/Footer/Footer";
+export { default as InfoRow } from "./components/InfoRow/InfoRow";
+export type { InfoRowProps } from "./components/InfoRow/InfoRow";
+export { default as Gallery } from "./components/Gallery/Gallery";
+export type { GalleryProps } from "./components/Gallery/Gallery";
+export { default as Avatar } from "./components/Avatar/Avatar";
+export type { AvatarProps } from "./components/Avatar/Avatar";
+export { GridAvatar } from "./components/GridAvatar/GridAvatar";
+export type { GridAvatarProps } from "./components/GridAvatar/GridAvatar";
+export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
+export type { InitialsAvatarProps } from "./components/InitialsAvatar/InitialsAvatar";
+export { default as Progress } from "./components/Progress/Progress";
+export type { ProgressProps } from "./components/Progress/Progress";
+export { default as Search } from "./components/Search/Search";
+export type { SearchProps } from "./components/Search/Search";
+export { default as Tabs } from "./components/Tabs/Tabs";
+export type { TabsProps } from "./components/Tabs/Tabs";
+export { default as TabsItem } from "./components/TabsItem/TabsItem";
+export type { TabsItemProps } from "./components/TabsItem/TabsItem";
+export { default as Spinner } from "./components/Spinner/Spinner";
+export type { SpinnerProps } from "./components/Spinner/Spinner";
+export { default as PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
+export type { PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh";
+export { default as Link } from "./components/Link/Link";
+export type { LinkProps } from "./components/Link/Link";
+export { default as Tooltip } from "./components/Tooltip/Tooltip";
+export type { TooltipProps } from "./components/Tooltip/Tooltip";
+export { TooltipContainer } from "./components/Tooltip/TooltipContainer";
+export { default as Counter } from "./components/Counter/Counter";
+export type { CounterProps } from "./components/Counter/Counter";
+export { default as UsersStack } from "./components/UsersStack/UsersStack";
+export type { UsersStackProps } from "./components/UsersStack/UsersStack";
+export { default as Separator } from "./components/Separator/Separator";
+export type { SeparatorProps } from "./components/Separator/Separator";
+export { Spacing } from "./components/Spacing/Spacing";
+export type { SpacingProps } from "./components/Spacing/Spacing";
+export { default as Placeholder } from "./components/Placeholder/Placeholder";
+export type { PlaceholderProps } from "./components/Placeholder/Placeholder";
+export { default as Banner } from "./components/Banner/Banner";
+export type { BannerProps } from "./components/Banner/Banner";
+export { MiniInfoCell } from "./components/MiniInfoCell/MiniInfoCell";
+export type { MiniInfoCellProps } from "./components/MiniInfoCell/MiniInfoCell";
+export { WriteBar } from "./components/WriteBar/WriteBar";
+export type { WriteBarProps } from "./components/WriteBar/WriteBar";
+export { WriteBarIcon } from "./components/WriteBarIcon/WriteBarIcon";
+export type { WriteBarIconProps } from "./components/WriteBarIcon/WriteBarIcon";
+export { SubnavigationBar } from "./components/SubnavigationBar/SubnavigationBar";
+export type { SubnavigationBarProps } from "./components/SubnavigationBar/SubnavigationBar";
+export { SubnavigationButton } from "./components/SubnavigationButton/SubnavigationButton";
+export type { SubnavigationButtonProps } from "./components/SubnavigationButton/SubnavigationButton";
+export { Pagination } from "./components/Pagination/Pagination";
+export type { PaginationProps } from "./components/Pagination/Pagination";
+/**
+ * Forms
+ */
+export { default as FormLayout } from "./components/FormLayout/FormLayout";
+export type { FormLayoutProps } from "./components/FormLayout/FormLayout";
+export { FormItem } from "./components/FormItem/FormItem";
+export type { FormItemProps } from "./components/FormItem/FormItem";
+export { FormField } from "./components/FormField/FormField";
+export type { FormFieldProps } from "./components/FormField/FormField";
+export { default as FormLayoutGroup } from "./components/FormLayoutGroup/FormLayoutGroup";
+export type { FormLayoutGroupProps } from "./components/FormLayoutGroup/FormLayoutGroup";
+export { FormStatus } from "./components/FormStatus/FormStatus";
+export type { FormStatusProps } from "./components/FormStatus/FormStatus";
+export { Switch } from "./components/Switch/Switch";
+export type { SwitchProps } from "./components/Switch/Switch";
+export { default as File } from "./components/File/File";
+export type { FileProps } from "./components/File/File";
+export { default as Input } from "./components/Input/Input";
+export type { InputProps } from "./components/Input/Input";
+export { Chip } from "./components/Chip/Chip";
+export type { ChipProps } from "./components/Chip/Chip";
+export { default as ChipsInput } from "./components/ChipsInput/ChipsInput";
+export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
+export { default as Slider } from "./components/Slider/Slider";
+export type { SliderProps } from "./components/Slider/Slider";
+export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
+export type { RangeSliderProps } from "./components/RangeSlider/RangeSlider";
+export { default as Textarea } from "./components/Textarea/Textarea";
+export type { TextareaProps } from "./components/Textarea/Textarea";
+export { default as Radio } from "./components/Radio/Radio";
+export type { RadioProps } from "./components/Radio/Radio";
+export { RadioGroup } from "./components/RadioGroup/RadioGroup";
+export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
+export { default as Checkbox } from "./components/Checkbox/Checkbox";
+export type { CheckboxProps } from "./components/Checkbox/Checkbox";
+export { default as Select } from "./components/Select/Select";
+export type { SelectProps } from "./components/Select/Select";
+export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
+export type { SelectMimicryProps } from "./components/SelectMimicry/SelectMimicry";
+export { default as NativeSelect } from "./components/NativeSelect/NativeSelect";
+export type { NativeSelectProps } from "./components/NativeSelect/NativeSelect";
+export { default as CustomSelect } from "./components/CustomSelect/CustomSelect";
+export type { CustomSelectProps, CustomSelectOptionInterface, } from "./components/CustomSelect/CustomSelect";
+export { default as CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
+export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export type { DatePickerProps, DatePickerDateFormat, } from "./components/DatePicker/DatePicker";
+export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
+export type { SliderSwitchProps, SliderSwitchOptionInterface, } from "./components/SliderSwitch/SliderSwitch";
+export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
+export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "./components/SegmentedControl/SegmentedControl";
+export { Calendar } from "./components/Calendar/Calendar";
+export { CalendarRange } from "./components/CalendarRange/CalendarRange";
+export { DateInput } from "./components/DateInput/DateInput";
+export { DateRangeInput } from "./components/DateRangeInput/DateRangeInput";
+/**
+ * Helpers
+ */
+export { Div } from "./components/Div/Div";
+export type { DivProps } from "./components/Div/Div";
+export { default as Tappable } from "./components/Tappable/Tappable";
+export type { TappableProps } from "./components/Tappable/Tappable";
+export { Touch } from "./components/Touch/Touch";
+export type { TouchProps } from "./components/Touch/Touch";
+export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
+export type { PanelSpinnerProps } from "./components/PanelSpinner/PanelSpinner";
+export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
+export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
+export { default as PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
+export { default as PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
+export type { PanelHeaderEditProps } from "./components/PanelHeaderEdit/PanelHeaderEdit";
+export { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
+export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBase";
+/**
+ * Wrappers
+ */
+export { AppRoot } from "./components/AppRoot/AppRoot";
+export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
+export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
+export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
+export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
+export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export { Scheme, Appearance } from "./helpers/scheme";
+export { LocaleProviderContext } from "./components/LocaleProviderContext/LocaleProviderContext";
+/**
+ * Advertisement
+ */
+export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";
+export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
+/**
+ * Typography
+ */
+export { default as Title } from "./components/Typography/Title/Title";
+export type { TitleProps } from "./components/Typography/Title/Title";
+export { default as Headline } from "./components/Typography/Headline/Headline";
+export type { HeadlineProps } from "./components/Typography/Headline/Headline";
+export { default as Text } from "./components/Typography/Text/Text";
+export type { TextProps } from "./components/Typography/Text/Text";
+export { default as Caption } from "./components/Typography/Caption/Caption";
+export type { CaptionProps } from "./components/Typography/Caption/Caption";
+export { default as Subhead } from "./components/Typography/Subhead/Subhead";
+export type { SubheadProps } from "./components/Typography/Subhead/Subhead";
+/**
+ * HOCs
+ */
+export { withInsets } from "./hoc/withInsets";
+export { withPlatform } from "./hoc/withPlatform";
+export { withAdaptivity } from "./hoc/withAdaptivity";
+/**
+ * Hooks
+ */
+export { useInsets } from "./hooks/useInsets";
+export { usePlatform } from "./hooks/usePlatform";
+export { useAdaptivity } from "./hooks/useAdaptivity";
+export { useAppearance } from "./hooks/useAppearance";
+export { usePagination } from "./hooks/usePagination";
+/**
+ * Utils
+ */
+export { classNamesString as classNames } from "./lib/classNames";
+export { default as animate } from "./lib/animate";
+export { removeObjectKeys } from "./lib/removeObjectKeys";
+export { SSRWrapper } from "./lib/SSR";
+export { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS, } from "./lib/platform";
+export { getClassName } from "./helpers/getClassName";
+export { ViewWidth, ViewHeight, SizeType, } from "./components/AdaptivityProvider/AdaptivityContext";
+export { calcInitialsAvatarColor } from "./helpers/avatar";
+export { Popper } from "./components/Popper/Popper";
+/**
+ * Types
+ */
+export type { AlignType, HasPlatform, HasInsets } from "./types";
+export type { NavIdProps } from "./lib/getNavId";
+export type { PlatformType } from "./lib/platform";
+export type { AdaptivityProps } from "./hoc/withAdaptivity";

package/dist/cssm/index.js

@@ -46,6 +46,7 @@ export { default as ModalDismissButton } from "./components/ModalDismissButton/M
  * Blocks
  */
 export { Badge } from "./components/Badge/Badge";
+export { ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
 export { default as Button } from "./components/Button/Button";
 export { default as IconButton } from "./components/IconButton/IconButton";
 export { Card } from "./components/Card/Card";
@@ -87,6 +88,7 @@ export { WriteBar } from "./components/WriteBar/WriteBar";
 export { WriteBarIcon } from "./components/WriteBarIcon/WriteBarIcon";
 export { SubnavigationBar } from "./components/SubnavigationBar/SubnavigationBar";
 export { SubnavigationButton } from "./components/SubnavigationButton/SubnavigationButton";
+export { Pagination } from "./components/Pagination/Pagination";
 
 /**
  * Forms
@@ -115,11 +117,15 @@ export { default as CustomSelectOption } from "./components/CustomSelectOption/C
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
 export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
-
+export { Calendar } from "./components/Calendar/Calendar";
+export { CalendarRange } from "./components/CalendarRange/CalendarRange";
+export { DateInput } from "./components/DateInput/DateInput";
+export { DateRangeInput } from "./components/DateRangeInput/DateRangeInput";
 /**
  * Helpers
  */
-export { default as Div } from "./components/Div/Div";
+
+export { Div } from "./components/Div/Div";
 export { default as Tappable } from "./components/Tappable/Tappable";
 export { Touch } from "./components/Touch/Touch";
 export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
@@ -138,6 +144,7 @@ export { default as ConfigProvider } from "./components/ConfigProvider/ConfigPro
 export { ConfigProviderContext, WebviewType } from "./components/ConfigProvider/ConfigProviderContext";
 export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
 export { Scheme, Appearance } from "./helpers/scheme";
+export { LocaleProviderContext } from "./components/LocaleProviderContext/LocaleProviderContext";
 /**
  * Advertisement
  */
@@ -167,6 +174,7 @@ export { useInsets } from "./hooks/useInsets";
 export { usePlatform } from "./hooks/usePlatform";
 export { useAdaptivity } from "./hooks/useAdaptivity";
 export { useAppearance } from "./hooks/useAppearance";
+export { usePagination } from "./hooks/usePagination";
 /**
  * Utils
  */