@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/Pagination/components/PaginationNavigation.js

@@ -1,67 +1,75 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import B from "react";
-import { EPaginationNavigationIconDirection as r } from "../enums.js";
-import { PaginationNavigationButton as s } from "./PaginationNavigationButton.js";
-import { PaginationUtils as j, PAGINATION_ELLIPSIS_VALUE as v } from "../utils/paginationUtils.js";
-import { PaginationPageEllipsis as w } from "./PaginationPageEllipsis.js";
-import { PaginationPageButton as y } from "./PaginationPageButton.js";
-import { PaginationNavigationExtended as R } from "./PaginationNavigationExtended.js";
-import { PaginationNavigationExtendedItem as l } from "./PaginationNavigationExtendedItem.js";
-const S = B.forwardRef(
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { EPaginationNavigationIconDirection } from "../enums.js";
+import { PaginationNavigationButton } from "./PaginationNavigationButton.js";
+import { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from "../utils/paginationUtils.js";
+import { PaginationPageEllipsis } from "./PaginationPageEllipsis.js";
+import { PaginationPageButton } from "./PaginationPageButton.js";
+import { PaginationNavigationExtended } from "./PaginationNavigationExtended.js";
+import { PaginationNavigationExtendedItem } from "./PaginationNavigationExtendedItem.js";
+const PaginationNavigation = React__default.forwardRef(
   ({
-    buttonNextProps: o,
-    buttonPrevProps: d,
-    currentPage: n,
-    onCurrentPageChange: t,
-    totalPages: m,
-    boundaryCount: e = 0,
-    siblingCount: f = 0,
-    ...g
-  }, h) => {
-    const E = j.createPagesArray({
-      boundaryCount: e,
-      currentPage: n,
-      siblingCount: f,
-      totalPages: m
-    }), N = n === 1, k = n === m, I = () => {
-      t(n - 1);
-    }, A = (i) => () => {
-      t(i);
-    }, C = () => {
-      t(n + 1);
-    }, L = (i, c) => {
-      switch (i) {
-        case v:
-          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(w, { children: "..." }) }, c);
-        default:
-          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(y, { isCurrent: i === n, onClick: A(i), children: i }) }, c);
+    buttonNextProps,
+    buttonPrevProps,
+    currentPage,
+    onCurrentPageChange,
+    totalPages,
+    boundaryCount = 0,
+    siblingCount = 0,
+    ...rest
+  }, ref) => {
+    const pageNumbers = PaginationUtils.createPagesArray({
+      boundaryCount,
+      currentPage,
+      siblingCount,
+      totalPages
+    });
+    const isFirstPage = currentPage === 1;
+    const isLastPage = currentPage === totalPages;
+    const handlePrevClick = () => {
+      onCurrentPageChange(currentPage - 1);
+    };
+    const handleClick = (pageNumber) => () => {
+      onCurrentPageChange(pageNumber);
+    };
+    const handleNextClick = () => {
+      onCurrentPageChange(currentPage + 1);
+    };
+    const renderPages = (page, index) => {
+      switch (page) {
+        case PAGINATION_ELLIPSIS_VALUE:
+          return /* @__PURE__ */ jsx(PaginationNavigationExtendedItem, { children: /* @__PURE__ */ jsx(PaginationPageEllipsis, { children: "..." }) }, index);
+        default: {
+          const isCurrent = page === currentPage;
+          return /* @__PURE__ */ jsx(PaginationNavigationExtendedItem, { children: /* @__PURE__ */ jsx(PaginationPageButton, { isCurrent, onClick: handleClick(page), children: page }) }, index);
+        }
       }
     };
-    return /* @__PURE__ */ _(R, { ...g, ref: h, children: [
-      /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
-        s,
+    return /* @__PURE__ */ jsxs(PaginationNavigationExtended, { ...rest, ref, children: [
+      /* @__PURE__ */ jsx(PaginationNavigationExtendedItem, { children: /* @__PURE__ */ jsx(
+        PaginationNavigationButton,
         {
-          direction: r.BACK,
-          ...d,
-          onClick: I,
-          disabled: N || (d == null ? void 0 : d.disabled)
+          direction: EPaginationNavigationIconDirection.BACK,
+          ...buttonPrevProps,
+          onClick: handlePrevClick,
+          disabled: isFirstPage || (buttonPrevProps == null ? void 0 : buttonPrevProps.disabled)
         }
       ) }),
-      E.map((i, c) => L(i, c)),
-      /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
-        s,
+      pageNumbers.map((page, index) => renderPages(page, index)),
+      /* @__PURE__ */ jsx(PaginationNavigationExtendedItem, { children: /* @__PURE__ */ jsx(
+        PaginationNavigationButton,
         {
-          direction: r.NEXT,
-          ...o,
-          onClick: C,
-          disabled: k || (o == null ? void 0 : o.disabled)
+          direction: EPaginationNavigationIconDirection.NEXT,
+          ...buttonNextProps,
+          onClick: handleNextClick,
+          disabled: isLastPage || (buttonNextProps == null ? void 0 : buttonNextProps.disabled)
         }
       ) })
     ] });
   }
 );
-S.displayName = "PaginationNavigation";
+PaginationNavigation.displayName = "PaginationNavigation";
 export {
-  S as PaginationNavigation
+  PaginationNavigation
 };
 //# sourceMappingURL=PaginationNavigation.js.map

package/components/Pagination/components/PaginationNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils/paginationUtils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages,\n        });\n\n        const isFirstPage = currentPage === 1;\n        const isLastPage = currentPage === totalPages;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":["React"],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAc,gBAAgB;AACpC,UAAM,aAAa,gBAAgB;AAEnC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationNavigationButton.js

@@ -1,29 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import c from "react";
-import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
-import { EButtonIconShape as m } from "../../Button/enums.js";
-import { EPaginationNavigationIconDirection as s } from "../enums.js";
-import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__2e3411e4", N = "directionIconNext__4f16d239", n = {
-  paginationNavigationButton: g,
-  directionIconNext: N
-}, d = c.forwardRef(
-  ({ direction: i, ...a }, e) => {
-    const r = i === s.BACK;
-    return /* @__PURE__ */ t(
-      p,
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { ButtonIcon } from "../../Button/ButtonIcon.js";
+import { EButtonIconShape } from "../../Button/enums.js";
+import { EPaginationNavigationIconDirection } from "../enums.js";
+import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+const paginationNavigationButton = "paginationNavigationButton__41b17074";
+const directionIconNext = "directionIconNext__d031c2c2";
+const styles = {
+  paginationNavigationButton,
+  directionIconNext
+};
+const PaginationNavigationButton = React__default.forwardRef(
+  ({ direction, ...rest }, ref) => {
+    const isDirectionBack = direction === EPaginationNavigationIconDirection.BACK;
+    return /* @__PURE__ */ jsx(
+      ButtonIcon,
       {
-        className: n.paginationNavigationButton,
-        shape: m.SQUIRCLE,
-        ...a,
-        ref: e,
-        children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
+        className: styles.paginationNavigationButton,
+        shape: EButtonIconShape.SQUIRCLE,
+        ...rest,
+        ref,
+        children: isDirectionBack ? /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5 }) : /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5, className: styles.directionIconNext })
       }
     );
   }
 );
-d.displayName = "PaginationNavigationButton";
+PaginationNavigationButton.displayName = "PaginationNavigationButton";
 export {
-  d as PaginationNavigationButton
+  PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map

package/components/Pagination/components/PaginationNavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNavigationButton.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonIcon, IButtonIconProps } from \"../../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../../Button/enums\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { CaretleftStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport styles from \"../styles/PaginationNavigationButton.module.less\";\n\n/** Свойства компонента PaginationNavigationButton. */\nexport interface IPaginationNavigationButtonProps extends Omit<IButtonIconProps, \"shape\" | \"active\" | \"children\"> {\n    /** Кнопка навигации не принимает дочерние элементы — иконка определяется направлением. */\n    children?: never;\n    /** Направление кнопки навигации (предыдущая или следующая страница). */\n    direction: EPaginationNavigationIconDirection;\n}\n\n/** Кнопка навигации пагинации (переход к предыдущей или следующей странице). */\nexport const PaginationNavigationButton = React.forwardRef<HTMLButtonElement, IPaginationNavigationButtonProps>(\n    ({ direction, ...rest }, ref) => {\n        const isDirectionBack = direction === EPaginationNavigationIconDirection.BACK;\n\n        return (\n            <ButtonIcon\n                className={styles.paginationNavigationButton}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...rest}\n                ref={ref}\n            >\n                {isDirectionBack ? (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n                ) : (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} className={styles.directionIconNext} />\n                )}\n            </ButtonIcon>\n        );\n    },\n);\n\nPaginationNavigationButton.displayName = \"PaginationNavigationButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC7B,UAAM,kBAAkB,cAAc,mCAAmC;AAEzE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA,kBACG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG,IAE3C,oBAAC,0BAAA,EAAyB,cAAc,GAAG,WAAW,OAAO,kBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhG;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,13 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-const g = "paginationNavigationExtended__3c8e5fd9", r = {
-  paginationNavigationExtended: g
-}, s = e.forwardRef(
-  ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const paginationNavigationExtended = "paginationNavigationExtended__da11555a";
+const styles = {
+  paginationNavigationExtended
+};
+const PaginationNavigationExtended = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx("ul", { className: clsx(styles.paginationNavigationExtended, className), ...rest, ref, children });
+  }
 );
-s.displayName = "PaginationNavigationExtended";
+PaginationNavigationExtended.displayName = "PaginationNavigationExtended";
 export {
-  s as PaginationNavigationExtended
+  PaginationNavigationExtended
 };
 //# sourceMappingURL=PaginationNavigationExtended.js.map

package/components/Pagination/components/PaginationNavigationExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNavigationExtended.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/PaginationNavigationExtended.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента PaginationNavigationExtended. */\nexport interface IPaginationNavigationExtendedProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** Контейнер-список для компоновки кастомной навигации пагинации. */\nexport const PaginationNavigationExtended = React.forwardRef<HTMLUListElement, IPaginationNavigationExtendedProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <ul className={clsx(styles.paginationNavigationExtended, className)} {...rest} ref={ref}>\n                {children}\n            </ul>\n        );\n    },\n);\n\nPaginationNavigationExtended.displayName = \"PaginationNavigationExtended\";\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,+BAA+BA,eAAM;AAAA,EAC9C,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,MAAA,EAAG,WAAW,KAAK,OAAO,8BAA8B,SAAS,GAAI,GAAG,MAAM,KAC1E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,6BAA6B,cAAc;"}

package/components/Pagination/components/PaginationNavigationExtendedItem.js

@@ -1,10 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import n from "react";
-const r = n.forwardRef(
-  ({ children: t, className: a, ...e }, i) => /* @__PURE__ */ o("li", { className: a, ...e, ref: i, children: t })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+const PaginationNavigationExtendedItem = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx("li", { className, ...rest, ref, children });
+  }
 );
-r.displayName = "PaginationNavigationExtendedItem";
+PaginationNavigationExtendedItem.displayName = "PaginationNavigationExtendedItem";
 export {
-  r as PaginationNavigationExtendedItem
+  PaginationNavigationExtendedItem
 };
 //# sourceMappingURL=PaginationNavigationExtendedItem.js.map

package/components/Pagination/components/PaginationNavigationExtendedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNavigationExtendedItem.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationExtendedItem.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства компонента PaginationNavigationExtendedItem. */\ninterface IPaginationNavigationExtendedItemProps extends React.HTMLAttributes<HTMLLIElement> {}\n\n/** Элемент списка навигации пагинации (обёртка для кнопки страницы или многоточия). */\nexport const PaginationNavigationExtendedItem = React.forwardRef<HTMLLIElement, IPaginationNavigationExtendedItemProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <li className={className} {...rest} ref={ref}>\n                {children}\n            </li>\n        );\n    },\n);\n\nPaginationNavigationExtendedItem.displayName = \"PaginationNavigationExtendedItem\";\n"],"names":["React"],"mappings":";;AAMO,MAAM,mCAAmCA,eAAM;AAAA,EAClD,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,+BACK,MAAA,EAAG,WAAuB,GAAG,MAAM,KAC/B,UACL;AAAA,EAER;AACJ;AAEA,iCAAiC,cAAc;"}

package/components/Pagination/components/PaginationPageButton.js

@@ -1,39 +1,44 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "react";
-import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ETextSize as c } from "../../Typography/enums.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as g } from "../../Typography/Text.js";
+import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import "../../Button/Button.js";
-import { ButtonBase as s } from "../../Button/ButtonBase.js";
+import { ButtonBase } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const u = "paginationPageButton__dbca9815", P = "currentPage__17a9acec", a = {
-  paginationPageButton: u,
-  currentPage: P
-}, f = m.forwardRef(
-  ({ isCurrent: t = !1, children: i, className: r, ...e }, n) => /* @__PURE__ */ o(
-    s,
-    {
-      className: p(
-        a.paginationPageButton,
-        {
-          [a.currentPage]: t
-        },
-        r
-      ),
-      "aria-live": t ? "polite" : void 0,
-      ...e,
-      ref: n,
-      children: /* @__PURE__ */ o(g, { size: c.B3, children: i })
-    }
-  )
+const paginationPageButton = "paginationPageButton__e9b68478";
+const currentPage = "currentPage__785aa162";
+const styles = {
+  paginationPageButton,
+  currentPage
+};
+const PaginationPageButton = React__default.forwardRef(
+  ({ isCurrent = false, children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      ButtonBase,
+      {
+        className: clsx(
+          styles.paginationPageButton,
+          {
+            [styles.currentPage]: isCurrent
+          },
+          className
+        ),
+        "aria-live": isCurrent ? "polite" : void 0,
+        ...rest,
+        ref,
+        children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, children })
+      }
+    );
+  }
 );
-f.displayName = "PaginationPageButton";
+PaginationPageButton.displayName = "PaginationPageButton";
 export {
-  f as PaginationPageButton
+  PaginationPageButton
 };
 //# sourceMappingURL=PaginationPageButton.js.map

package/components/Pagination/components/PaginationPageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageButton.js","sources":["../../../../src/components/Pagination/components/PaginationPageButton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../../Typography\";\nimport { ButtonBase } from \"../../Button\";\nimport styles from \"../styles/PaginationPageButton.module.less\";\n\n/** Свойства компонента PaginationPageButton. */\ntype TPaginationPageButtonProps = {\n    /** Является ли страница текущей (активной). */\n    isCurrent?: boolean;\n    /** Дополнительный CSS-класс. */\n    className?: string;\n    /** Номер страницы. */\n    children: React.ReactNode;\n    /** Обработчик клика по странице. */\n    onClick: () => void;\n};\n\n/** Кнопка-страница пагинации. */\nexport const PaginationPageButton = React.forwardRef<HTMLButtonElement, TPaginationPageButtonProps>(\n    ({ isCurrent = false, children, className, ...rest }, ref) => {\n        return (\n            <ButtonBase\n                className={clsx(\n                    styles.paginationPageButton,\n                    {\n                        [styles.currentPage]: isCurrent,\n                    },\n                    className,\n                )}\n                aria-live={isCurrent ? \"polite\" : undefined}\n                {...rest}\n                ref={ref}\n            >\n                <Text size={ETextSize.B3}>{children}</Text>\n            </ButtonBase>\n        );\n    },\n);\n\nPaginationPageButton.displayName = \"PaginationPageButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,YAAY,OAAO,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC1D,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP;AAAA,YACI,CAAC,OAAO,WAAW,GAAG;AAAA,UAAA;AAAA,UAE1B;AAAA,QAAA;AAAA,QAEJ,aAAW,YAAY,WAAW;AAAA,QACjC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAK,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhD;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,18 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
-import e from "react";
-import { ETextSize as r } from "../../Typography/enums.js";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import React__default from "react";
+import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as l } from "../../Typography/Text.js";
+import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const n = "paginationPageEllipsis__4981a10f", m = {
-  paginationPageEllipsis: n
-}, g = e.forwardRef(
-  ({ children: i, className: a, ...o }, s) => /* @__PURE__ */ t(l, { size: r.B3, className: p(m.paginationPageEllipsis, a), ...o, ref: s, children: i })
+const paginationPageEllipsis = "paginationPageEllipsis__f2e93505";
+const styles = {
+  paginationPageEllipsis
+};
+const PaginationPageEllipsis = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, className: clsx(styles.paginationPageEllipsis, className), ...rest, ref, children });
+  }
 );
-g.displayName = "PaginationPageEllipsis";
+PaginationPageEllipsis.displayName = "PaginationPageEllipsis";
 export {
-  g as PaginationPageEllipsis
+  PaginationPageEllipsis
 };
 //# sourceMappingURL=PaginationPageEllipsis.js.map

package/components/Pagination/components/PaginationPageEllipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageEllipsis.js","sources":["../../../../src/components/Pagination/components/PaginationPageEllipsis.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Text, ETextSize } from \"../../Typography\";\nimport styles from \"../styles/PaginationPageEllipsis.module.less\";\n\n/** Свойства компонента PaginationPageEllipsis. */\ninterface IPaginationPageEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n/** Многоточие, заменяющее группу последовательных скрытых страниц в навигации. */\nexport const PaginationPageEllipsis = React.forwardRef<HTMLSpanElement, IPaginationPageEllipsisProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <Text size={ETextSize.B3} className={clsx(styles.paginationPageEllipsis, className)} {...rest} ref={ref}>\n                {children}\n            </Text>\n        );\n    },\n);\n\nPaginationPageEllipsis.displayName = \"PaginationPageEllipsis\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AASO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,WAAW,KAAK,OAAO,wBAAwB,SAAS,GAAI,GAAG,MAAM,KAC1F,UACL;AAAA,EAER;AACJ;AAEA,uBAAuB,cAAc;"}

package/components/Pagination/components/PaginationSelect.js

@@ -1,40 +1,43 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import m, { useState as p } from "react";
-import { u as S, c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ETextSize as f } from "../../Typography/enums.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
-import { Text as g } from "../../Typography/Text.js";
+import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { SelectField as u } from "../../SelectField/SelectField.js";
-import { EComponentSize as x } from "../../../enums/EComponentSize.js";
-const _ = "paginationSelect__759b4aa7", C = "paginationSelectControl__0791667a", o = {
-  paginationSelect: _,
-  paginationSelectControl: C
-}, b = m.forwardRef(
-  ({ paginationLabel: e, className: a, options: n, value: r, onChange: l }, c) => {
-    const [i] = p(() => `Pagination-${S()}`);
-    return /* @__PURE__ */ s("div", { className: d(o.paginationSelect, a), ref: c, children: [
-      /* @__PURE__ */ t(g, { size: f.B3, id: i, children: e }),
-      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
-        u,
+import { SelectField } from "../../SelectField/SelectField.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+const paginationSelect = "paginationSelect__9453d86c";
+const paginationSelectControl = "paginationSelectControl__30a6f967";
+const styles = {
+  paginationSelect,
+  paginationSelectControl
+};
+const PaginationSelect = React__default.forwardRef(
+  ({ paginationLabel, className, options, value, onChange }, ref) => {
+    const [instanceId] = useState(() => `Pagination-${uniqueId()}`);
+    return /* @__PURE__ */ jsxs("div", { className: clsx(styles.paginationSelect, className), ref, children: [
+      /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, id: instanceId, children: paginationLabel }),
+      /* @__PURE__ */ jsx("div", { className: styles.paginationSelectControl, children: /* @__PURE__ */ jsx(
+        SelectField,
         {
-          size: x.SM,
-          value: r,
-          mobileTitle: e,
-          options: n,
-          onChange: l,
+          size: EComponentSize.SM,
+          value,
+          mobileTitle: paginationLabel,
+          options,
+          onChange,
           targetProps: {
             fieldLabel: ""
           },
-          "aria-labelledby": i
+          "aria-labelledby": instanceId
         }
       ) })
     ] });
   }
 );
-b.displayName = "PaginationSelect";
+PaginationSelect.displayName = "PaginationSelect";
 export {
-  b as PaginationSelect
+  PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/components/PaginationSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    ({ paginationLabel, className, options, value, onChange }, ref) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={paginationLabel}\n                        options={options}\n                        onChange={onChange}\n                        targetProps={{\n                            fieldLabel: \"\",\n                        }}\n                        aria-labelledby={instanceId}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,iBAAiB,WAAW,SAAS,OAAO,SAAA,GAAY,QAAQ;AAC/D,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAE9D,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,aAAa;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEhB,mBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/Pagination/enums.js

@@ -1,5 +1,9 @@
-var B = /* @__PURE__ */ ((A) => (A[A.BACK = 0] = "BACK", A[A.NEXT = 1] = "NEXT", A))(B || {});
+var EPaginationNavigationIconDirection = /* @__PURE__ */ ((EPaginationNavigationIconDirection2) => {
+  EPaginationNavigationIconDirection2[EPaginationNavigationIconDirection2["BACK"] = 0] = "BACK";
+  EPaginationNavigationIconDirection2[EPaginationNavigationIconDirection2["NEXT"] = 1] = "NEXT";
+  return EPaginationNavigationIconDirection2;
+})(EPaginationNavigationIconDirection || {});
 export {
-  B as EPaginationNavigationIconDirection
+  EPaginationNavigationIconDirection
 };
 //# sourceMappingURL=enums.js.map

package/components/Pagination/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Pagination/enums.ts"],"sourcesContent":["/** Направление кнопки навигации пагинации. */\nexport enum EPaginationNavigationIconDirection {\n    /** Переход к предыдущей странице. */\n    BACK,\n    /** Переход к следующей странице. */\n    NEXT,\n}\n"],"names":["EPaginationNavigationIconDirection"],"mappings":"AACO,IAAK,uDAAAA,wCAAL;AAEHA,sCAAAA,oCAAA,MAAA,IAAA,CAAA,IAAA;AAEAA,sCAAAA,oCAAA,MAAA,IAAA,CAAA,IAAA;AAJQ,SAAAA;AAAA,GAAA,sCAAA,CAAA,CAAA;"}

package/components/Pagination/index.js

@@ -1,23 +1,23 @@
-import { PaginationExtended as i } from "./components/PaginationExtended.js";
-import { PaginationNavigation as n } from "./components/PaginationNavigation.js";
-import { PaginationNavigationButton as r } from "./components/PaginationNavigationButton.js";
-import { PaginationNavigationExtended as x } from "./components/PaginationNavigationExtended.js";
-import { PaginationNavigationExtendedItem as m } from "./components/PaginationNavigationExtendedItem.js";
-import { PaginationPageButton as f } from "./components/PaginationPageButton.js";
-import { PaginationPageEllipsis as v } from "./components/PaginationPageEllipsis.js";
-import { PaginationSelect as N } from "./components/PaginationSelect.js";
-import { EPaginationNavigationIconDirection as l } from "./enums.js";
-import { Pagination as u } from "./Pagination.js";
+import { PaginationExtended } from "./components/PaginationExtended.js";
+import { PaginationNavigation } from "./components/PaginationNavigation.js";
+import { PaginationNavigationButton } from "./components/PaginationNavigationButton.js";
+import { PaginationNavigationExtended } from "./components/PaginationNavigationExtended.js";
+import { PaginationNavigationExtendedItem } from "./components/PaginationNavigationExtendedItem.js";
+import { PaginationPageButton } from "./components/PaginationPageButton.js";
+import { PaginationPageEllipsis } from "./components/PaginationPageEllipsis.js";
+import { PaginationSelect } from "./components/PaginationSelect.js";
+import { EPaginationNavigationIconDirection } from "./enums.js";
+import { Pagination } from "./Pagination.js";
 export {
-  l as EPaginationNavigationIconDirection,
-  u as Pagination,
-  i as PaginationExtended,
-  n as PaginationNavigation,
-  r as PaginationNavigationButton,
-  x as PaginationNavigationExtended,
-  m as PaginationNavigationExtendedItem,
-  f as PaginationPageButton,
-  v as PaginationPageEllipsis,
-  N as PaginationSelect
+  EPaginationNavigationIconDirection,
+  Pagination,
+  PaginationExtended,
+  PaginationNavigation,
+  PaginationNavigationButton,
+  PaginationNavigationExtended,
+  PaginationNavigationExtendedItem,
+  PaginationPageButton,
+  PaginationPageEllipsis,
+  PaginationSelect
 };
 //# sourceMappingURL=index.js.map

package/components/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}