@ozen-ui/kit 0.0.1

package/__inner__/cjs/components/Modal/Modal.js

@@ -0,0 +1,85 @@
+"use strict";
+exports.__esModule = true;
+exports.Modal = exports.cnModal = void 0;
+var tslib_1 = require("tslib");
+require("./Modal.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var useClickOutside_1 = require("../../hooks/useClickOutside");
+var useEventListener_1 = require("../../hooks/useEventListener");
+var useFocusTrap_1 = require("../../hooks/useFocusTrap");
+var useMultiRef_1 = require("../../hooks/useMultiRef");
+var classname_1 = require("../../utils/classname");
+var isKey_1 = require("../../utils/isKey");
+var Backdrop_1 = require("../Backdrop");
+var Portal_1 = require("../Portal");
+var index_1 = require("./index");
+exports.cnModal = (0, classname_1.cn)('Modal');
+exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className"]);
+    var hasBackdrop = !hideBackdrop;
+    var hasScrollOnBody = (0, react_1.useRef)(null);
+    var modalInnerRef = (0, react_1.useRef)(null);
+    var focusedElement = (0, react_1.useRef)(null);
+    var isClickOutSide = (0, react_1.useRef)(null);
+    var _e = tslib_1.__read((0, react_1.useState)(false), 2), openState = _e[0], setOpenState = _e[1];
+    var _f = (0, index_1.useModalManager)(modalInnerRef, 1000, openState), isTop = _f.isTop, refsClickOutside = _f.refsClickOutside;
+    (0, useClickOutside_1.useClickOutside)({
+        refs: tslib_1.__spreadArray([modalInnerRef], tslib_1.__read(refsClickOutside), false),
+        handler: function () {
+            isClickOutSide.current = true;
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    });
+    (0, react_1.useEffect)(function () {
+        var _a;
+        // Сохраняем фокус активного элемента до момента открытия всплывающего окна
+        if (open) {
+            isClickOutSide.current = null;
+            focusedElement.current =
+                document.activeElement;
+            (_a = focusedElement.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+        setOpenState(open);
+    }, [open]);
+    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
+        active: isTop,
+        focusinTrap: false
+    });
+    var onExited = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        // Возвращаем фокус активного элемента
+        if (!isClickOutSide.current &&
+            (((_a = modalInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
+                document.activeElement === document.body)) {
+            (_b = focusedElement.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
+    }, [onExitedProp]);
+    // Нажатие клавиши {ESC}
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'keydown',
+        handler: function (event) {
+            if (!(0, isKey_1.isKey)(event, 'Escape')) {
+                return;
+            }
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        },
+        active: isTop
+    });
+    // Блокирует прокрутку основного окна приложения
+    (0, react_1.useEffect)(function () {
+        if (openState) {
+            hasScrollOnBody.current = document.body.classList.contains('no-scroll');
+            document.body.classList.add('no-scroll');
+        }
+        else if (!hasScrollOnBody.current) {
+            document.body.classList.remove('no-scroll');
+        }
+    }, [openState]);
+    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), timeout: 300 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
+        react_1["default"].createElement(Portal_1.Portal, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: (0, useMultiRef_1.useMultiRef)([modalInnerRef, ref]) }),
+            !hideBackdrop && (react_1["default"].createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1 }, backdropProps, { onClick: onClose, open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
+            react_1["default"].createElement("div", tslib_1.__assign({}, windowProps, { className: (0, exports.cnModal)('Window', [windowProps === null || windowProps === void 0 ? void 0 : windowProps.className]), tabIndex: -1, ref: (0, useMultiRef_1.useMultiRef)([trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
+});
+exports.Modal.displayName = 'Modal';

package/__inner__/cjs/components/Modal/ModalManager.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+import { type UsePortalManager } from '../Portal';
+type UseModalManager = {
+    portals: UsePortalManager['portals'];
+    refsClickOutside: RefObject<HTMLElement>[];
+    isTop: boolean;
+};
+export declare function useModalManager(ref: RefObject<HTMLElement>, key: number, open: boolean): UseModalManager;
+export {};

package/__inner__/cjs/components/Modal/ModalManager.js

@@ -0,0 +1,31 @@
+"use strict";
+exports.__esModule = true;
+exports.useModalManager = void 0;
+var react_1 = require("react");
+var Portal_1 = require("../Portal");
+function useModalManager(ref, key, open) {
+    var _a;
+    var _b = (0, Portal_1.usePortalManager)(), portals = _b.portals, add = _b.add, remove = _b.remove;
+    var index = 0;
+    portals.forEach(function (portal, i) {
+        if (portal.ref === ref) {
+            index = i;
+        }
+    });
+    var refsClickOutside = index > -1 ? portals.slice(index + 1).map(function (_a) {
+        var ref = _a.ref;
+        return ref;
+    }) : [];
+    var filteredPortals = portals.filter(function (portal) { return portal.key === key; });
+    var isTop = ((_a = filteredPortals[filteredPortals.length - 1]) === null || _a === void 0 ? void 0 : _a.ref) === ref;
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            add({ ref: ref, key: key });
+        }
+        return function () {
+            remove(ref);
+        };
+    }, [open, key]);
+    return { portals: portals, refsClickOutside: refsClickOutside, isTop: isTop };
+}
+exports.useModalManager = useModalManager;

package/__inner__/cjs/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './ModalManager';

package/__inner__/cjs/components/Modal/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Modal"), exports);
+tslib_1.__exportStar(require("./ModalManager"), exports);

package/__inner__/cjs/components/Pagination/Pagination.css

@@ -0,0 +1,13 @@
+.Pagination {
+  display: block;
+}
+
+.Pagination-List {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 2px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}

package/__inner__/cjs/components/Pagination/Pagination.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './Pagination.css';
+export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
+export declare const Pagination: React.ForwardRefExoticComponent<import("./types").PaginationBaseProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;

package/__inner__/cjs/components/Pagination/Pagination.js

@@ -0,0 +1,80 @@
+"use strict";
+exports.__esModule = true;
+exports.Pagination = exports.cnPagination = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var isNumber_1 = require("../../utils/isNumber");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var createPaginationRange_1 = require("./helpers/createPaginationRange");
+var getItemAriaLabel_1 = require("./helpers/getItemAriaLabel");
+var withNavigationButtons_1 = require("./helpers/withNavigationButtons/withNavigationButtons");
+require("./Pagination.css");
+exports.cnPagination = (0, classname_1.cn)('Pagination');
+exports.Pagination = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Pagination' });
+    var _a = props.page, page = _a === void 0 ? constants_1.PAGINATION_DEFAULT_PAGE : _a, _b = props.size, size = _b === void 0 ? constants_1.PAGINATION_DEFAULT_SIZE : _b, _c = props.siblingCount, siblingCount = _c === void 0 ? constants_1.PAGINATION_DEFAULT_SIBLING_COUNT : _c, pageSize = props.pageSize, totalCount = props.totalCount, className = props.className, onPageChange = props.onPageChange, _d = props.getItemAriaLabel, getItemAriaLabel = _d === void 0 ? getItemAriaLabel_1.getItemAriaLabel : _d, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _e = props.renderComponent, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    renderComponent = _e === void 0 ? function (_a) {
+        var className = _a.className, rest = tslib_1.__rest(_a, ["className"]);
+        return (react_1["default"].createElement(components_1.PaginationItem, tslib_1.__assign({}, rest)));
+    } : _e, otherProps = tslib_1.__rest(props, ["page", "size", "siblingCount", "pageSize", "totalCount", "className", "onPageChange", "getItemAriaLabel", "renderComponent"]);
+    var _f = (0, react_1.useMemo)(function () {
+        var selected = page + 1;
+        return {
+            selected: selected,
+            previous: selected - 1,
+            next: selected + 1
+        };
+    }, [page]), selected = _f.selected, previous = _f.previous, next = _f.next;
+    var range = (0, react_1.useMemo)(function () {
+        return (0, createPaginationRange_1.createPaginationRange)({
+            page: selected,
+            pageSize: pageSize,
+            siblingCount: siblingCount,
+            totalCount: totalCount
+        });
+    }, [selected, pageSize, siblingCount, totalCount]);
+    var paginationPropsRange = (0, react_1.useMemo)(function () {
+        var paginationRange = (0, withNavigationButtons_1.withNavigationButton)(range);
+        return paginationRange.map(function (pageButton) {
+            var _a, _b;
+            var isPageNumber = (0, isNumber_1.isNumber)(pageButton);
+            var type = isPageNumber ? constants_1.PAGE : pageButton;
+            var isSelected = pageButton === selected;
+            var mapper = (_a = {},
+                _a[constants_1.PAGE] = isPageNumber ? pageButton : null,
+                _a[constants_1.NEXT] = next,
+                _a[constants_1.PREVIOUS] = previous,
+                _a[constants_1.ELLIPSIS] = null,
+                _a);
+            var mapperDisabled = (_b = {},
+                _b[constants_1.PREVIOUS] = page <= 0,
+                _b[constants_1.NEXT] = range.length <= 1 || page === range[range.length - 2],
+                _b[constants_1.ELLIPSIS] = true,
+                _b[constants_1.PAGE] = false,
+                _b);
+            return {
+                type: type,
+                size: size,
+                selected: isSelected,
+                page: mapper[type],
+                disabled: mapperDisabled[type],
+                'aria-label': getItemAriaLabel({
+                    page: mapper[type],
+                    selected: isSelected,
+                    type: type
+                }),
+                onClick: onPageChange,
+                className: (0, components_1.cnPaginationItem)({ size: size, selected: isSelected })
+            };
+        });
+    }, [range, selected, previous, next, size, getItemAriaLabel, onPageChange]);
+    return (react_1["default"].createElement("nav", tslib_1.__assign({ "aria-label": "\u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F \u043F\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u043C", className: (0, exports.cnPagination)({}, [className]), ref: ref }, otherProps),
+        react_1["default"].createElement("ul", { className: (0, exports.cnPagination)('List') }, paginationPropsRange.map(function (item, index) { return (react_1["default"].createElement("li", { key: item.type === constants_1.ELLIPSIS ? index : item.page + item.type }, renderComponent(item))); }))));
+});
+exports.Pagination.displayName = 'Pagination';

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.css

@@ -0,0 +1,52 @@
+/* stylelint-disable */
+.PaginationItem {
+  --pagination-item-background: transparent;
+  --pagination-item-border-width: var(--border-width-s);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-inline-size: var(--pagination-item-size);
+  block-size: var(--pagination-item-size);
+  border: var(--pagination-item-border-width) solid transparent;
+  border-radius: var(--pagination-item-border-radius);
+  color: var(--color-content-primary);
+  background-color: var(--pagination-item-background);
+  cursor: pointer;
+  text-decoration: none;
+  text-align: center;
+  outline: none;
+}
+.PaginationItem_size_s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+
+      --pagination-item-size: 32px;
+      --pagination-item-border-radius: var(--border-radius-xs);
+    }
+.PaginationItem_size_l {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+
+      --pagination-item-size: 56px;
+      --pagination-item-border-radius: var(--border-radius-s);
+    }
+.PaginationItem:hover:not(.PaginationItem_selected) {
+    --pagination-item-background: var(--color-background-primary-hover);
+  }
+.PaginationItem:active:not(.PaginationItem_selected) {
+    --pagination-item-background: var(--color-background-primary-pressed);
+  }
+.PaginationItem:focus {
+    box-shadow: var(--shadow-outline-focused);
+  }
+.PaginationItem:focus:not(:focus-visible) {
+      box-shadow: none;
+    }
+.PaginationItem_selected {
+    border: var(--pagination-item-border-width) solid
+      var(--color-background-action);
+    cursor: initial;
+  }

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ButtonHTMLAttributes } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+import type { PaginationSizeVariant } from '../../types';
+import './PaginationItem.css';
+export declare const paginationVariant: readonly ["Previous", "First", "Page", "last", "Next", "Ellipsis"];
+export type PaginationVariant = (typeof paginationVariant)[number];
+export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
+interface BaseProps {
+    type: PaginationVariant;
+    page: number | null;
+    selected?: boolean;
+    disabled?: boolean;
+    size?: PaginationSizeVariant;
+    children?: never;
+    onClick?(page: number): void;
+}
+type ButtonElProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export type PaginationItemProps = ExtendableProps<ButtonElProps, BaseProps>;
+export declare const PaginationItem: React.ForwardRefExoticComponent<BaseProps & Omit<ButtonElProps, keyof BaseProps> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -0,0 +1,50 @@
+"use strict";
+var _a;
+exports.__esModule = true;
+exports.PaginationItem = exports.cnPaginationItem = exports.paginationVariant = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var classname_1 = require("../../../../utils/classname");
+var isNumber_1 = require("../../../../utils/isNumber");
+var IconButton_1 = require("../../../IconButton");
+var constants_1 = require("../../constants");
+require("./PaginationItem.css");
+exports.paginationVariant = [
+    constants_1.PREVIOUS,
+    constants_1.FIRST,
+    constants_1.PAGE,
+    constants_1.LAST,
+    constants_1.NEXT,
+    constants_1.ELLIPSIS,
+];
+exports.cnPaginationItem = (0, classname_1.cn)('PaginationItem');
+var sizeMapper = {
+    l: {
+        size: 'm',
+        textSize: 'text-l'
+    },
+    s: {
+        size: '2xs',
+        textSize: 'text-s'
+    }
+};
+var iconsMapper = (_a = {},
+    _a[constants_1.PREVIOUS] = icons_1.ChevronLeftIcon,
+    _a[constants_1.NEXT] = icons_1.ChevronRightIcon,
+    _a[constants_1.ELLIPSIS] = icons_1.MenuHorizontalIcon,
+    _a);
+exports.PaginationItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var type = _a.type, page = _a.page, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 's' : _d, onClick = _a.onClick, className = _a.className, otherProps = tslib_1.__rest(_a, ["type", "page", "selected", "disabled", "size", "onClick", "className"]);
+    var sizeConfig = sizeMapper[size];
+    var handleClick = function () {
+        if (onClick && !selected && (0, isNumber_1.isNumber)(page)) {
+            onClick(page - 1);
+        }
+    };
+    if (type === constants_1.PREVIOUS || type === constants_1.NEXT || type === constants_1.ELLIPSIS) {
+        return (react_1["default"].createElement(IconButton_1.IconButton, tslib_1.__assign({ disabled: disabled, tabIndex: disabled ? -1 : 0, icon: iconsMapper[type], size: sizeConfig.size, onClick: handleClick, ref: ref }, otherProps, { color: "secondary" })));
+    }
+    return (react_1["default"].createElement("button", tslib_1.__assign({ className: (0, exports.cnPaginationItem)({ size: size, selected: selected }, [className]), tabIndex: selected ? -1 : 0, onClick: handleClick, "aria-current": selected, ref: ref }, otherProps), page));
+});
+exports.PaginationItem.displayName = 'PaginationItem';

package/__inner__/cjs/components/Pagination/components/PaginationItem/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationItem';

package/__inner__/cjs/components/Pagination/components/PaginationItem/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PaginationItem"), exports);

package/__inner__/cjs/components/Pagination/components/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationItem';

package/__inner__/cjs/components/Pagination/components/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PaginationItem"), exports);

package/__inner__/cjs/components/Pagination/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const PAGINATION_DEFAULT_SIZE = "s";
+export declare const PAGINATION_DEFAULT_SIBLING_COUNT = 2;
+export declare const PAGINATION_DEFAULT_PAGE = 0;
+export declare const ELLIPSIS = "Ellipsis";
+export declare const PREVIOUS = "Previous";
+export declare const NEXT = "Next";
+export declare const FIRST = "First";
+export declare const LAST = "last";
+export declare const PAGE = "Page";

package/__inner__/cjs/components/Pagination/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+exports.__esModule = true;
+exports.PAGE = exports.LAST = exports.FIRST = exports.NEXT = exports.PREVIOUS = exports.ELLIPSIS = exports.PAGINATION_DEFAULT_PAGE = exports.PAGINATION_DEFAULT_SIBLING_COUNT = exports.PAGINATION_DEFAULT_SIZE = void 0;
+exports.PAGINATION_DEFAULT_SIZE = 's';
+exports.PAGINATION_DEFAULT_SIBLING_COUNT = 2;
+exports.PAGINATION_DEFAULT_PAGE = 0;
+exports.ELLIPSIS = 'Ellipsis';
+exports.PREVIOUS = 'Previous';
+exports.NEXT = 'Next';
+exports.FIRST = 'First';
+exports.LAST = 'last';
+exports.PAGE = 'Page';

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/calculateSiblingIndexes.d.ts

@@ -0,0 +1,15 @@
+import type { PaginationBaseProps } from '../../../index';
+type Params = Required<Pick<PaginationBaseProps, 'page' | 'siblingCount'>> & {
+    /** Всего страниц */
+    totalPageCount: number;
+};
+/**
+ * Рассчитывает с какого индекса отображать соседей текущей выбранной страницы.
+ * Например: Всего 10 страниц, 5 страница выбрана, кол-во отображаемых соседей 2, значит мы должны отображать слева 3 и 4, справа 6 и 7.
+ * Слева начинаем отображать с 3 (3,4), справа отображаем до  7(6,7)
+ */
+export declare const calculateSiblingIndexes: ({ page, siblingCount, totalPageCount, }: Params) => {
+    leftSiblingStartIndex: number;
+    rightSiblingEndIndex: number;
+};
+export {};

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/calculateSiblingIndexes.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+exports.calculateSiblingIndexes = void 0;
+/**
+ * Рассчитывает с какого индекса отображать соседей текущей выбранной страницы.
+ * Например: Всего 10 страниц, 5 страница выбрана, кол-во отображаемых соседей 2, значит мы должны отображать слева 3 и 4, справа 6 и 7.
+ * Слева начинаем отображать с 3 (3,4), справа отображаем до  7(6,7)
+ */
+var calculateSiblingIndexes = function (_a) {
+    var page = _a.page, siblingCount = _a.siblingCount, totalPageCount = _a.totalPageCount;
+    var leftSiblingStartIndex = Math.max(page - siblingCount, 1);
+    var rightSiblingEndIndex = Math.min(page + siblingCount, totalPageCount);
+    return {
+        leftSiblingStartIndex: leftSiblingStartIndex,
+        rightSiblingEndIndex: rightSiblingEndIndex
+    };
+};
+exports.calculateSiblingIndexes = calculateSiblingIndexes;

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/index.d.ts

@@ -0,0 +1 @@
+export { calculateSiblingIndexes } from './calculateSiblingIndexes';

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.calculateSiblingIndexes = void 0;
+var calculateSiblingIndexes_1 = require("./calculateSiblingIndexes");
+__createBinding(exports, calculateSiblingIndexes_1, "calculateSiblingIndexes");

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/canHaveDotsOrSiblings/canHaveDotsOrSiblings.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Если общее количество страниц больше чем количество страниц в пагинации
+ * мы отображаем троеточие или соседей(siblings)
+ * @param {number} siblingCount - количество страниц, отображаемое рядом с текущей страницой.
+ * @param {number} totalPageCount - общее количество страниц
+ * @returns A boolean value.
+ */
+export declare const canHaveDotsOrSiblings: (siblingCount: number, totalPageCount: number) => boolean;

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/canHaveDotsOrSiblings/canHaveDotsOrSiblings.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+exports.canHaveDotsOrSiblings = void 0;
+var MINIMUM_PAGE_NUMBER_ELEMENTS_IN_PAGINATION_ROW = 5;
+/**
+ * Если общее количество страниц больше чем количество страниц в пагинации
+ * мы отображаем троеточие или соседей(siblings)
+ * @param {number} siblingCount - количество страниц, отображаемое рядом с текущей страницой.
+ * @param {number} totalPageCount - общее количество страниц
+ * @returns A boolean value.
+ */
+var canHaveDotsOrSiblings = function (siblingCount, totalPageCount) {
+    var itemsToShow = 3 + 2 * siblingCount;
+    var totalPageNumberInPaginationRow = siblingCount + MINIMUM_PAGE_NUMBER_ELEMENTS_IN_PAGINATION_ROW;
+    return (totalPageCount > totalPageNumberInPaginationRow &&
+        itemsToShow < totalPageCount - 1);
+};
+exports.canHaveDotsOrSiblings = canHaveDotsOrSiblings;

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/canHaveDotsOrSiblings/index.d.ts

@@ -0,0 +1 @@
+export { canHaveDotsOrSiblings } from './canHaveDotsOrSiblings';

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/canHaveDotsOrSiblings/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.canHaveDotsOrSiblings = void 0;
+var canHaveDotsOrSiblings_1 = require("./canHaveDotsOrSiblings");
+__createBinding(exports, canHaveDotsOrSiblings_1, "canHaveDotsOrSiblings");

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/createPaginationRange.d.ts

@@ -0,0 +1,5 @@
+import type { PaginationBaseProps } from '../../index';
+import { EllipsisType } from '../../types';
+type Params = Required<Pick<PaginationBaseProps, 'page' | 'pageSize' | 'totalCount' | 'siblingCount'>>;
+export declare const createPaginationRange: ({ page, pageSize, totalCount, siblingCount, }: Params) => (number | EllipsisType)[];
+export {};

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/createPaginationRange.js

@@ -0,0 +1,45 @@
+"use strict";
+exports.__esModule = true;
+exports.createPaginationRange = void 0;
+var tslib_1 = require("tslib");
+var constants_1 = require("../../constants");
+var range_1 = require("../range");
+var calculateSiblingIndexes_1 = require("./calculateSiblingIndexes");
+var canHaveDotsOrSiblings_1 = require("./canHaveDotsOrSiblings");
+var shouldShowDots_1 = require("./shouldShowDots");
+var FIRST_PAGE_INDEX = 1;
+var createPaginationRange = function (_a) {
+    var page = _a.page, pageSize = _a.pageSize, totalCount = _a.totalCount, siblingCount = _a.siblingCount;
+    var totalPageCount = Math.ceil(totalCount / pageSize);
+    var lastPageIndex = totalPageCount;
+    var itemsToShow = 3 + 2 * siblingCount;
+    if (!(0, canHaveDotsOrSiblings_1.canHaveDotsOrSiblings)(siblingCount, totalPageCount)) {
+        return (0, range_1.range)(FIRST_PAGE_INDEX, lastPageIndex);
+    }
+    var _b = (0, calculateSiblingIndexes_1.calculateSiblingIndexes)({ page: page, siblingCount: siblingCount, totalPageCount: totalPageCount }), leftSiblingStartIndex = _b.leftSiblingStartIndex, rightSiblingEndIndex = _b.rightSiblingEndIndex;
+    var _c = (0, shouldShowDots_1.shouldShowDots)({
+        leftSiblingStartIndex: leftSiblingStartIndex,
+        rightSiblingEndIndex: rightSiblingEndIndex,
+        totalPageCount: totalPageCount
+    }), shouldShowLeftDots = _c.shouldShowLeftDots, shouldShowRightDots = _c.shouldShowRightDots;
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+        var leftRange = (0, range_1.range)(1, itemsToShow);
+        return tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(leftRange), false), [constants_1.ELLIPSIS, totalPageCount], false);
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+        var rightRange = (0, range_1.range)(totalPageCount - itemsToShow + 1, totalPageCount);
+        return tslib_1.__spreadArray([FIRST_PAGE_INDEX, constants_1.ELLIPSIS], tslib_1.__read(rightRange), false);
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+        var middleRange = (0, range_1.range)(leftSiblingStartIndex, rightSiblingEndIndex);
+        return tslib_1.__spreadArray(tslib_1.__spreadArray([
+            FIRST_PAGE_INDEX,
+            constants_1.ELLIPSIS
+        ], tslib_1.__read(middleRange), false), [
+            constants_1.ELLIPSIS,
+            lastPageIndex,
+        ], false);
+    }
+    return (0, range_1.range)(FIRST_PAGE_INDEX, lastPageIndex);
+};
+exports.createPaginationRange = createPaginationRange;

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/index.d.ts

@@ -0,0 +1 @@
+export { createPaginationRange } from './createPaginationRange';

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.createPaginationRange = void 0;
+var createPaginationRange_1 = require("./createPaginationRange");
+__createBinding(exports, createPaginationRange_1, "createPaginationRange");

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/shouldShowDots.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    leftSiblingStartIndex: number;
+    rightSiblingEndIndex: number;
+    totalPageCount: number;
+}
+export declare const shouldShowDots: ({ leftSiblingStartIndex, rightSiblingEndIndex, totalPageCount, }: Props) => {
+    shouldShowLeftDots: boolean;
+    shouldShowRightDots: boolean;
+};
+export {};

package/__inner__/cjs/components/Pagination/helpers/createPaginationRange/shouldShowDots.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.shouldShowDots = void 0;
+var shouldShowDots = function (_a) {
+    var leftSiblingStartIndex = _a.leftSiblingStartIndex, rightSiblingEndIndex = _a.rightSiblingEndIndex, totalPageCount = _a.totalPageCount;
+    var shouldShowLeftDots = leftSiblingStartIndex > 3;
+    var shouldShowRightDots = rightSiblingEndIndex < totalPageCount - 2;
+    return {
+        shouldShowLeftDots: shouldShowLeftDots,
+        shouldShowRightDots: shouldShowRightDots
+    };
+};
+exports.shouldShowDots = shouldShowDots;

package/__inner__/cjs/components/Pagination/helpers/getItemAriaLabel/getItemAriaLabel.d.ts

@@ -0,0 +1,7 @@
+import type { PaginationItemProps } from '../../components';
+type Args = Pick<PaginationItemProps, 'type' | 'selected'> & {
+    page: number | string | null;
+};
+export type GetItemAriaLabel = (params: Args) => string;
+export declare const getItemAriaLabel: GetItemAriaLabel;
+export {};