@hh.ru/magritte-ui-number-pages 4.1.44 → 4.1.45

package/NumberPages.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import type { NumberPagesProps } from '@hh.ru/magritte-ui-number-pages/types';
+import type { NumberPagesProps } from './types';
 export declare const NumberPages: FC<NumberPagesProps>;

package/NumberPages.js

@@ -4,93 +4,114 @@ import { useState, useEffect, createElement } from 'react';
 import classnames from 'classnames';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { ChevronRightOutlinedSize24, ChevronLeftOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { s as styles, N as NumberPagesAction } from './NumberPagesAction-CTqm63Oi.js';
+import { s as styles, N as NumberPagesAction } from './NumberPagesAction-Bf473X9E.js';
 import { usePages, PageControls } from './usePages.js';
 import '@hh.ru/magritte-ui-typography';
 
 const baseRenderItem = ({ isPrevious, isNext, key, ...props }) => {
-    return createElement(NumberPagesAction, { ...props, isIcon: isPrevious || isNext, key: key });
+  return /* @__PURE__ */ createElement(NumberPagesAction, { ...props, isIcon: isPrevious || isNext, key });
 };
 const getPropsByScreenSize = (isXS, isS) => {
-    if (isXS) {
-        return [0, 0];
-    }
-    else if (isS) {
-        return [1, 1];
-    }
-    return [2, 1];
+  if (isXS) {
+    return [0, 0];
+  } else if (isS) {
+    return [1, 1];
+  }
+  return [2, 1];
 };
-const NumberPages = ({ first, last, current, onChange, 'aria-label': ariaLabel, renderItem = baseRenderItem, renderNavigation = baseRenderItem, getAriaLabelItem, ...props }) => {
-    const { isXS, isS } = useBreakpoint();
-    const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);
-    const [siblingCount, setSiblingCount] = useState(initialSiblingCount);
-    const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);
-    const pages = usePages({ first, last, current, siblingCount, boundaryCount });
-    useEffect(() => {
-        const [siblingCount, boundaryCount] = getPropsByScreenSize(isXS, isS);
-        setSiblingCount(siblingCount);
-        setBoundaryCount(boundaryCount);
-    }, [isXS, isS]);
-    if (first > last) {
-        throw new Error(`Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`);
-    }
-    if (current < first || current > last) {
-        throw new Error(`Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`);
+const NumberPages = ({
+  first,
+  last,
+  current,
+  onChange,
+  "aria-label": ariaLabel,
+  renderItem = baseRenderItem,
+  renderNavigation = baseRenderItem,
+  getAriaLabelItem,
+  ...props
+}) => {
+  const { isXS, isS } = useBreakpoint();
+  const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);
+  const [siblingCount, setSiblingCount] = useState(initialSiblingCount);
+  const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);
+  const pages = usePages({ first, last, current, siblingCount, boundaryCount });
+  useEffect(() => {
+    const [siblingCount2, boundaryCount2] = getPropsByScreenSize(isXS, isS);
+    setSiblingCount(siblingCount2);
+    setBoundaryCount(boundaryCount2);
+  }, [isXS, isS]);
+  if (first > last) {
+    throw new Error(
+      `Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`
+    );
+  }
+  if (current < first || current > last) {
+    throw new Error(
+      `Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`
+    );
+  }
+  if (last - first < 1) {
+    return null;
+  }
+  const renderPageItem = (item) => {
+    const isSelected = item === current;
+    const baseProps = {
+      selected: isSelected,
+      key: item,
+      "aria-label": getAriaLabelItem?.(item)
+    };
+    switch (item) {
+      case PageControls.Previous:
+        return renderNavigation({
+          ...baseProps,
+          "data-qa": "number-pages-previous",
+          onClick: () => {
+            onChange?.(current - 1);
+          },
+          isPrevious: true,
+          page: current - 1,
+          children: /* @__PURE__ */ jsx(ChevronLeftOutlinedSize24, {})
+        });
+      case PageControls.StartEllipsis:
+      case PageControls.EndEllipsis:
+        return /* @__PURE__ */ jsx("li", { "data-qa": "number-pages-ellipsis", className: styles.numberPagesEllipsis, children: "..." }, item);
+      case PageControls.Next:
+        return renderNavigation({
+          ...baseProps,
+          "data-qa": "number-pages-next",
+          onClick: () => {
+            onChange?.(current + 1);
+          },
+          isNext: true,
+          page: current + 1,
+          children: /* @__PURE__ */ jsx(ChevronRightOutlinedSize24, {})
+        });
+      default:
+        return renderItem({
+          ...baseProps,
+          onClick: () => {
+            if (!isSelected) {
+              onChange?.(item);
+            }
+          },
+          "data-qa": `number-pages-${item} ${isSelected ? "number-pages-selected" : ""}`,
+          page: item,
+          selected: isSelected,
+          children: item
+        });
     }
-    if (last - first < 1) {
-        return null;
+  };
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ...props,
+      "aria-label": ariaLabel,
+      className: classnames(styles.numberPagesWrapper, {
+        [styles.numberPagesWrapperWithoutNavigationButtons]: !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous)
+      }),
+      children: /* @__PURE__ */ jsx("ul", { className: styles.numberPagesContainer, children: pages.map(renderPageItem) })
     }
-    const renderPageItem = (item) => {
-        const isSelected = item === current;
-        const baseProps = {
-            selected: isSelected,
-            key: item,
-            'aria-label': getAriaLabelItem?.(item),
-        };
-        switch (item) {
-            case PageControls.Previous:
-                return renderNavigation({
-                    ...baseProps,
-                    'data-qa': 'number-pages-previous',
-                    onClick: () => {
-                        onChange?.(current - 1);
-                    },
-                    isPrevious: true,
-                    page: current - 1,
-                    children: jsx(ChevronLeftOutlinedSize24, {}),
-                });
-            case PageControls.StartEllipsis:
-            case PageControls.EndEllipsis:
-                return (jsx("li", { "data-qa": "number-pages-ellipsis", className: styles.numberPagesEllipsis, children: "..." }, item));
-            case PageControls.Next:
-                return renderNavigation({
-                    ...baseProps,
-                    'data-qa': 'number-pages-next',
-                    onClick: () => {
-                        onChange?.(current + 1);
-                    },
-                    isNext: true,
-                    page: current + 1,
-                    children: jsx(ChevronRightOutlinedSize24, {}),
-                });
-            default:
-                return renderItem({
-                    ...baseProps,
-                    onClick: () => {
-                        if (!isSelected) {
-                            onChange?.(item);
-                        }
-                    },
-                    'data-qa': `number-pages-${item} ${isSelected ? 'number-pages-selected' : ''}`,
-                    page: item,
-                    selected: isSelected,
-                    children: item,
-                });
-        }
-    };
-    return (jsx("nav", { ...props, "aria-label": ariaLabel, className: classnames(styles.numberPagesWrapper, {
-            [styles.numberPagesWrapperWithoutNavigationButtons]: !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous),
-        }), children: jsx("ul", { className: styles.numberPagesContainer, children: pages.map(renderPageItem) }) }));
+  );
 };
 
 export { NumberPages };

package/NumberPages.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberPages.js","sources":["src/NumberPages.tsx"],"sourcesContent":["import { ReactNode, FC, useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NumberPagesAction } from '@hh.ru/magritte-ui-number-pages/NumberPagesAction';\nimport type { NumberPagesRenderItem, NumberPagesProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { usePages, PageControls } from '@hh.ru/magritte-ui-number-pages/usePages';\n\nimport styles from './styles.less';\n\nconst baseRenderItem: NumberPagesRenderItem = ({ isPrevious, isNext, key, ...props }) => {\n    return <NumberPagesAction {...props} isIcon={isPrevious || isNext} key={key} />;\n};\n\nconst getPropsByScreenSize = (isXS: boolean, isS: boolean): number[] => {\n    if (isXS) {\n        return [0, 0];\n    } else if (isS) {\n        return [1, 1];\n    }\n    return [2, 1];\n};\n\nexport const NumberPages: FC<NumberPagesProps> = ({\n    first,\n    last,\n    current,\n    onChange,\n    'aria-label': ariaLabel,\n    renderItem = baseRenderItem,\n    renderNavigation = baseRenderItem,\n    getAriaLabelItem,\n    ...props\n}) => {\n    const { isXS, isS } = useBreakpoint();\n    const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);\n    const [siblingCount, setSiblingCount] = useState(initialSiblingCount);\n    const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);\n    const pages = usePages({ first, last, current, siblingCount, boundaryCount });\n\n    useEffect(() => {\n        const [siblingCount, boundaryCount] = getPropsByScreenSize(isXS, isS);\n        setSiblingCount(siblingCount);\n        setBoundaryCount(boundaryCount);\n    }, [isXS, isS]);\n\n    if (first > last) {\n        throw new Error(\n            `Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`\n        );\n    }\n\n    if (current < first || current > last) {\n        throw new Error(\n            `Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`\n        );\n    }\n\n    if (last - first < 1) {\n        return null;\n    }\n\n    const renderPageItem = (item: number): ReactNode => {\n        const isSelected = item === current;\n\n        const baseProps = {\n            selected: isSelected,\n            key: item,\n            'aria-label': getAriaLabelItem?.(item),\n        };\n\n        switch (item) {\n            case PageControls.Previous:\n                return renderNavigation({\n                    ...baseProps,\n                    'data-qa': 'number-pages-previous',\n                    onClick: () => {\n                        onChange?.(current - 1);\n                    },\n                    isPrevious: true,\n                    page: current - 1,\n                    children: <ChevronLeftOutlinedSize24 />,\n                });\n            case PageControls.StartEllipsis:\n            case PageControls.EndEllipsis:\n                return (\n                    <li key={item} data-qa=\"number-pages-ellipsis\" className={styles.numberPagesEllipsis}>\n                        ...\n                    </li>\n                );\n            case PageControls.Next:\n                return renderNavigation({\n                    ...baseProps,\n                    'data-qa': 'number-pages-next',\n                    onClick: () => {\n                        onChange?.(current + 1);\n                    },\n                    isNext: true,\n                    page: current + 1,\n                    children: <ChevronRightOutlinedSize24 />,\n                });\n            default:\n                return renderItem({\n                    ...baseProps,\n                    onClick: () => {\n                        if (!isSelected) {\n                            onChange?.(item);\n                        }\n                    },\n                    'data-qa': `number-pages-${item} ${isSelected ? 'number-pages-selected' : ''}`,\n                    page: item,\n                    selected: isSelected,\n                    children: item,\n                });\n        }\n    };\n\n    return (\n        <nav\n            {...props}\n            aria-label={ariaLabel}\n            className={classnames(styles.numberPagesWrapper, {\n                [styles.numberPagesWrapperWithoutNavigationButtons]:\n                    !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous),\n            })}\n        >\n            <ul className={styles.numberPagesContainer}>{pages.map(renderPageItem)}</ul>\n        </nav>\n    );\n};\n"],"names":["_createElement","_jsx"],"mappings":"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"}
+{"version":3,"file":"NumberPages.js","sources":["src/NumberPages.tsx"],"sourcesContent":["import { ReactNode, FC, useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NumberPagesAction } from '@hh.ru/magritte-ui-number-pages/NumberPagesAction';\nimport type { NumberPagesRenderItem, NumberPagesProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { usePages, PageControls } from '@hh.ru/magritte-ui-number-pages/usePages';\n\nimport styles from './styles.less';\n\nconst baseRenderItem: NumberPagesRenderItem = ({ isPrevious, isNext, key, ...props }) => {\n    return <NumberPagesAction {...props} isIcon={isPrevious || isNext} key={key} />;\n};\n\nconst getPropsByScreenSize = (isXS: boolean, isS: boolean): number[] => {\n    if (isXS) {\n        return [0, 0];\n    } else if (isS) {\n        return [1, 1];\n    }\n    return [2, 1];\n};\n\nexport const NumberPages: FC<NumberPagesProps> = ({\n    first,\n    last,\n    current,\n    onChange,\n    'aria-label': ariaLabel,\n    renderItem = baseRenderItem,\n    renderNavigation = baseRenderItem,\n    getAriaLabelItem,\n    ...props\n}) => {\n    const { isXS, isS } = useBreakpoint();\n    const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);\n    const [siblingCount, setSiblingCount] = useState(initialSiblingCount);\n    const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);\n    const pages = usePages({ first, last, current, siblingCount, boundaryCount });\n\n    useEffect(() => {\n        const [siblingCount, boundaryCount] = getPropsByScreenSize(isXS, isS);\n        setSiblingCount(siblingCount);\n        setBoundaryCount(boundaryCount);\n    }, [isXS, isS]);\n\n    if (first > last) {\n        throw new Error(\n            `Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`\n        );\n    }\n\n    if (current < first || current > last) {\n        throw new Error(\n            `Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`\n        );\n    }\n\n    if (last - first < 1) {\n        return null;\n    }\n\n    const renderPageItem = (item: number): ReactNode => {\n        const isSelected = item === current;\n\n        const baseProps = {\n            selected: isSelected,\n            key: item,\n            'aria-label': getAriaLabelItem?.(item),\n        };\n\n        switch (item) {\n            case PageControls.Previous:\n                return renderNavigation({\n                    ...baseProps,\n                    'data-qa': 'number-pages-previous',\n                    onClick: () => {\n                        onChange?.(current - 1);\n                    },\n                    isPrevious: true,\n                    page: current - 1,\n                    children: <ChevronLeftOutlinedSize24 />,\n                });\n            case PageControls.StartEllipsis:\n            case PageControls.EndEllipsis:\n                return (\n                    <li key={item} data-qa=\"number-pages-ellipsis\" className={styles.numberPagesEllipsis}>\n                        ...\n                    </li>\n                );\n            case PageControls.Next:\n                return renderNavigation({\n                    ...baseProps,\n                    'data-qa': 'number-pages-next',\n                    onClick: () => {\n                        onChange?.(current + 1);\n                    },\n                    isNext: true,\n                    page: current + 1,\n                    children: <ChevronRightOutlinedSize24 />,\n                });\n            default:\n                return renderItem({\n                    ...baseProps,\n                    onClick: () => {\n                        if (!isSelected) {\n                            onChange?.(item);\n                        }\n                    },\n                    'data-qa': `number-pages-${item} ${isSelected ? 'number-pages-selected' : ''}`,\n                    page: item,\n                    selected: isSelected,\n                    children: item,\n                });\n        }\n    };\n\n    return (\n        <nav\n            {...props}\n            aria-label={ariaLabel}\n            className={classnames(styles.numberPagesWrapper, {\n                [styles.numberPagesWrapperWithoutNavigationButtons]:\n                    !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous),\n            })}\n        >\n            <ul className={styles.numberPagesContainer}>{pages.map(renderPageItem)}</ul>\n        </nav>\n    );\n};\n"],"names":["siblingCount","boundaryCount"],"mappings":"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"}

package/NumberPagesAction-Bf473X9E.js

@@ -0,0 +1,35 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { Text } from '@hh.ru/magritte-ui-typography';
+
+var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-1-45","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-1-45","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-45","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-45","number-pages-container":"magritte-number-pages-container___YIJLn_4-1-45","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-1-45","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-45","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-45","number-pages-action":"magritte-number-pages-action___e3ozw_4-1-45","numberPagesAction":"magritte-number-pages-action___e3ozw_4-1-45","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-1-45","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-1-45","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-1-45","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-1-45"};
+
+const NumberPagesAction = ({
+  children,
+  selected = false,
+  isIcon = false,
+  Element = "button",
+  "aria-label": ariaLabel,
+  page,
+  ...props
+}) => {
+  const buttonProps = Element === "button" ? { type: "button" } : {};
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Text, { typography: "label-2-regular", children: /* @__PURE__ */ jsx(
+    Element,
+    {
+      ...props,
+      ...buttonProps,
+      "aria-current": selected,
+      "aria-label": ariaLabel,
+      className: classnames(styles.numberPagesAction, {
+        [styles.numberPagesActionSelected]: selected,
+        [styles.numberPagesActionIcon]: isIcon
+      }),
+      children
+    }
+  ) }) });
+};
+
+export { NumberPagesAction as N, styles as s };
+//# sourceMappingURL=NumberPagesAction-Bf473X9E.js.map

package/{NumberPagesAction-CTqm63Oi.js.map → NumberPagesAction-Bf473X9E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberPagesAction-CTqm63Oi.js","sources":["src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { PolymorphicComponent } from '@hh.ru/magritte-types';\nimport type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\nexport const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'> = ({\n    children,\n    selected = false,\n    isIcon = false,\n    Element = 'button',\n    'aria-label': ariaLabel,\n    page,\n    ...props\n}) => {\n    const buttonProps = Element === 'button' ? ({ type: 'button' } as const) : {};\n\n    return (\n        <li>\n            <Text typography=\"label-2-regular\">\n                <Element\n                    {...props}\n                    {...buttonProps}\n                    aria-current={selected}\n                    aria-label={ariaLabel}\n                    className={classnames(styles.numberPagesAction, {\n                        [styles.numberPagesActionSelected]: selected,\n                        [styles.numberPagesActionIcon]: isIcon,\n                    })}\n                >\n                    {children}\n                </Element>\n            </Text>\n        </li>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQO,MAAM,iBAAiB,GAA2D,CAAC,EACtF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,QAAQ,EAClB,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,QAAQ,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAY,GAAG,EAAE,CAAC;IAE9E,QACIA,GACI,CAAA,IAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAC9BA,GAAC,CAAA,OAAO,EACA,EAAA,GAAA,KAAK,EACL,GAAA,WAAW,EACD,cAAA,EAAA,QAAQ,EACV,YAAA,EAAA,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC5C,oBAAA,CAAC,MAAM,CAAC,yBAAyB,GAAG,QAAQ;AAC5C,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,MAAM;AACzC,iBAAA,CAAC,YAED,QAAQ,EAAA,CACH,EACP,CAAA,EAAA,CACN,EACP;AACN;;;;"}
+{"version":3,"file":"NumberPagesAction-Bf473X9E.js","sources":["src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { PolymorphicComponent } from '@hh.ru/magritte-types';\nimport type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\nexport const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'> = ({\n    children,\n    selected = false,\n    isIcon = false,\n    Element = 'button',\n    'aria-label': ariaLabel,\n    page,\n    ...props\n}) => {\n    const buttonProps = Element === 'button' ? ({ type: 'button' } as const) : {};\n\n    return (\n        <li>\n            <Text typography=\"label-2-regular\">\n                <Element\n                    {...props}\n                    {...buttonProps}\n                    aria-current={selected}\n                    aria-label={ariaLabel}\n                    className={classnames(styles.numberPagesAction, {\n                        [styles.numberPagesActionSelected]: selected,\n                        [styles.numberPagesActionIcon]: isIcon,\n                    })}\n                >\n                    {children}\n                </Element>\n            </Text>\n        </li>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,oBAA4E,CAAC;AAAA,EACtF,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,MAAS,GAAA,KAAA;AAAA,EACT,OAAU,GAAA,QAAA;AAAA,EACV,YAAc,EAAA,SAAA;AAAA,EACd,IAAA;AAAA,EACA,GAAG,KAAA;AACP,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,OAAY,KAAA,QAAA,GAAY,EAAE,IAAM,EAAA,QAAA,KAAuB,EAAC,CAAA;AAE5E,EAAA,uBACK,GAAA,CAAA,IAAA,EAAA,EACG,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,YAAW,iBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACH,GAAG,WAAA;AAAA,MACJ,cAAc,EAAA,QAAA;AAAA,MACd,YAAY,EAAA,SAAA;AAAA,MACZ,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA,QAC5C,CAAC,MAAO,CAAA,yBAAyB,GAAG,QAAA;AAAA,QACpC,CAAC,MAAO,CAAA,qBAAqB,GAAG,MAAA;AAAA,OACnC,CAAA;AAAA,MAEA,QAAA;AAAA,KAAA;AAAA,KAET,CACJ,EAAA,CAAA,CAAA;AAER;;;;"}

package/NumberPagesAction.d.ts

@@ -1,3 +1,3 @@
 import type { PolymorphicComponent } from '@hh.ru/magritte-types';
-import type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';
+import type { NumberPagesActionProps } from './types';
 export declare const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'>;

package/NumberPagesAction.js

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@hh.ru/magritte-ui-typography';
-export { N as NumberPagesAction } from './NumberPagesAction-CTqm63Oi.js';
+export { N as NumberPagesAction } from './NumberPagesAction-Bf473X9E.js';
 //# sourceMappingURL=NumberPagesAction.js.map

package/index.css

@@ -1,67 +1,67 @@
 :root{
-  --magritte-color-component-number-pages-background-content-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-stroke-content-v26-0-0:#DCE3EB;
-  --magritte-color-component-number-pages-item-text-unselected-v26-0-0:#768694;
-  --magritte-color-component-number-pages-item-text-selected-v26-0-0:#000000;
-  --magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-0:#000000;
-  --magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-0:#000000;
-  --magritte-color-component-number-pages-item-icon-content-v26-0-0:#768694;
-  --magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-0:#000000;
-  --magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-0:#000000;
-  --magritte-color-component-number-pages-item-background-selected-v26-0-0:#F1F4F9;
-  --magritte-color-component-number-pages-item-background-unselected-v26-0-0:#dce3eb00;
-  --magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-0:#F1F4F9;
-  --magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-0:#DCE3EB;
-  --magritte-color-component-number-pages-stroke-state-focused-accessible-v26-0-0:#0070ff7a;
+  --magritte-color-component-number-pages-background-content-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-stroke-content-v26-0-1:#DCE3EB;
+  --magritte-color-component-number-pages-item-text-unselected-v26-0-1:#768694;
+  --magritte-color-component-number-pages-item-text-selected-v26-0-1:#000000;
+  --magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-1:#000000;
+  --magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-1:#000000;
+  --magritte-color-component-number-pages-item-icon-content-v26-0-1:#768694;
+  --magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-1:#000000;
+  --magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-1:#000000;
+  --magritte-color-component-number-pages-item-background-selected-v26-0-1:#F1F4F9;
+  --magritte-color-component-number-pages-item-background-unselected-v26-0-1:#dce3eb00;
+  --magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-1:#F1F4F9;
+  --magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-1:#DCE3EB;
+  --magritte-color-component-number-pages-stroke-state-focused-accessible-v26-0-1:#0070ff7a;
 }
 
 :root{
-  --magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-100-duration-v26-0-0:100ms;
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v26-0-0:200ms;
+  --magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-100-duration-v26-0-1:100ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v26-0-1:200ms;
 }
 
 .magritte-night-theme{
-  --magritte-color-component-number-pages-background-content-v26-0-0:#000000;
-  --magritte-color-component-number-pages-stroke-content-v26-0-0:#3B3B3B;
-  --magritte-color-component-number-pages-item-text-unselected-v26-0-0:#ABABAB;
-  --magritte-color-component-number-pages-item-text-selected-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-item-icon-content-v26-0-0:#ABABAB;
-  --magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-0:#ffffff;
-  --magritte-color-component-number-pages-item-background-selected-v26-0-0:#262626;
-  --magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-0:#262626;
-  --magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-0:#262626;
-}
-.magritte-number-pages-wrapper___lYp70_4-1-44{
+  --magritte-color-component-number-pages-background-content-v26-0-1:#000000;
+  --magritte-color-component-number-pages-stroke-content-v26-0-1:#3B3B3B;
+  --magritte-color-component-number-pages-item-text-unselected-v26-0-1:#ABABAB;
+  --magritte-color-component-number-pages-item-text-selected-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-item-icon-content-v26-0-1:#ABABAB;
+  --magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-1:#ffffff;
+  --magritte-color-component-number-pages-item-background-selected-v26-0-1:#262626;
+  --magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-1:#262626;
+  --magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-1:#262626;
+}
+.magritte-number-pages-wrapper___lYp70_4-1-45{
   display:flex;
   width:100%;
 }
 @media (min-width: 350px){
-  .magritte-number-pages-wrapper___lYp70_4-1-44{
+  .magritte-number-pages-wrapper___lYp70_4-1-45{
     display:inline-flex;
     width:auto;
   }
 }
-.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-44{
+.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-45{
   display:inline-flex;
   width:auto;
 }
-.magritte-number-pages-container___YIJLn_4-1-44{
+.magritte-number-pages-container___YIJLn_4-1-45{
   display:flex;
   width:100%;
   justify-content:space-between;
   align-items:center;
   border-radius:26px;
   padding:calc(6px - 1px);
-  border:1px solid var(--magritte-color-component-number-pages-stroke-content-v26-0-0);
-  background:var(--magritte-color-component-number-pages-background-content-v26-0-0);
+  border:1px solid var(--magritte-color-component-number-pages-stroke-content-v26-0-1);
+  background:var(--magritte-color-component-number-pages-background-content-v26-0-1);
 }
 @media (min-width: 350px){
-  .magritte-number-pages-container___YIJLn_4-1-44{
+  .magritte-number-pages-container___YIJLn_4-1-45{
     display:inline-flex;
     justify-content:center;
     gap:8px;
@@ -69,23 +69,23 @@
   }
 }
 @media (min-width: 600px){
-  .magritte-number-pages-container___YIJLn_4-1-44{
+  .magritte-number-pages-container___YIJLn_4-1-45{
     gap:4px;
   }
 }
 @media (min-width: 640px){
-  .magritte-number-pages-container___YIJLn_4-1-44{
+  .magritte-number-pages-container___YIJLn_4-1-45{
     gap:8px;
   }
 }
-.magritte-number-pages-ellipsis___GNIbV_4-1-44{
+.magritte-number-pages-ellipsis___GNIbV_4-1-45{
   display:flex;
   height:40px;
   width:40px;
   align-items:center;
   justify-content:center;
 }
-.magritte-number-pages-action___e3ozw_4-1-44{
+.magritte-number-pages-action___e3ozw_4-1-45{
   display:flex;
   align-items:center;
   justify-content:center;
@@ -95,54 +95,54 @@
   min-width:40px;
   border-radius:20px;
   padding:5px 14px;
-  color:var(--magritte-color-component-number-pages-item-text-unselected-v26-0-0);
-  background-color:var(--magritte-color-component-number-pages-item-background-unselected-v26-0-0);
-  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v26-0-0);
+  color:var(--magritte-color-component-number-pages-item-text-unselected-v26-0-1);
+  background-color:var(--magritte-color-component-number-pages-item-background-unselected-v26-0-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v26-0-1);
 }
-.magritte-number-pages-action___e3ozw_4-1-44:active{
-  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-0);
-  color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-0);
-  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-0);
+.magritte-number-pages-action___e3ozw_4-1-45:active{
+  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v26-0-1);
+  color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v26-0-1);
+  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v26-0-1);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-number-pages-action___e3ozw_4-1-44:active{
-    transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-0) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-0);
+  .magritte-number-pages-action___e3ozw_4-1-45:active{
+    transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-1) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-1);
     transform:scale(0.96);
   }
 }
-.magritte-number-pages-action___e3ozw_4-1-44.focus-visible{
-  outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v26-0-0) solid 4px;
+.magritte-number-pages-action___e3ozw_4-1-45.focus-visible{
+  outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v26-0-1) solid 4px;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-number-pages-action___e3ozw_4-1-44{
-    transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-0);
+  .magritte-number-pages-action___e3ozw_4-1-45{
+    transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
     transform:scale(1);
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-1-44:hover:not(:active){
-    --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-0);
-    color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-0);
-    background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-0);
+  body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-1-45:hover:not(:active){
+    --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-1);
+    color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-1);
+    background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-1-44:hover:not(:active){
-    --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-0);
-    color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-0);
-    background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-0);
+  body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-1-45:hover:not(:active){
+    --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v26-0-1);
+    color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v26-0-1);
+    background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v26-0-1);
   }
 }
-.magritte-number-pages-action-icon___lwXFB_4-1-44{
+.magritte-number-pages-action-icon___lwXFB_4-1-45{
   padding:5px 8px;
 }
-.magritte-number-pages-action-selected___N5Tl4_4-1-44,
-.magritte-number-pages-action-selected___N5Tl4_4-1-44:hover,
-.magritte-number-pages-action-selected___N5Tl4_4-1-44:active{
+.magritte-number-pages-action-selected___N5Tl4_4-1-45,
+.magritte-number-pages-action-selected___N5Tl4_4-1-45:hover,
+.magritte-number-pages-action-selected___N5Tl4_4-1-45:active{
   pointer-events:none;
   user-select:none;
   transform:none;
-  color:var(--magritte-color-component-number-pages-item-text-selected-v26-0-0);
-  background-color:var(--magritte-color-component-number-pages-item-background-selected-v26-0-0);
+  color:var(--magritte-color-component-number-pages-item-text-selected-v26-0-1);
+  background-color:var(--magritte-color-component-number-pages-item-background-selected-v26-0-1);
   cursor:default;
 }

package/index.d.ts

@@ -1,3 +1,3 @@
-export * from '@hh.ru/magritte-ui-number-pages/NumberPages';
-export * from '@hh.ru/magritte-ui-number-pages/NumberPagesAction';
-export type { NumberPagesProps, NumberPagesRenderItem, NumberPagesActionProps, } from '@hh.ru/magritte-ui-number-pages/types';
+export * from './NumberPages';
+export * from './NumberPagesAction';
+export type { NumberPagesProps, NumberPagesRenderItem, NumberPagesActionProps, } from './types';

package/index.js

@@ -1,6 +1,6 @@
 import './index.css';
 export { NumberPages } from './NumberPages.js';
-export { N as NumberPagesAction } from './NumberPagesAction-CTqm63Oi.js';
+export { N as NumberPagesAction } from './NumberPagesAction-Bf473X9E.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';

package/index.mock.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-export type { NumberPagesProps, NumberPagesRenderItem, NumberPagesActionProps, } from '@hh.ru/magritte-ui-number-pages/types';
+export type { NumberPagesProps, NumberPagesRenderItem, NumberPagesActionProps, } from './types';
 export declare const NumberPages: FC<Record<string, unknown>>;
 export declare const NumberPagesAction: FC<Record<string, unknown>>;

package/index.mock.js

@@ -1,11 +1,11 @@
 import './index.css';
 import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 
-const NumberPages = mockComponent('NumberPages', undefined, {
-    withChildren: true,
+const NumberPages = mockComponent("NumberPages", void 0, {
+  withChildren: true
 });
-const NumberPagesAction = mockComponent('NumberPagesAction', undefined, {
-    withChildren: false,
+const NumberPagesAction = mockComponent("NumberPagesAction", void 0, {
+  withChildren: false
 });
 
 export { NumberPages, NumberPagesAction };

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type {\n    NumberPagesProps,\n    NumberPagesRenderItem,\n    NumberPagesActionProps,\n} from '@hh.ru/magritte-ui-number-pages/types';\n\nexport const NumberPages: FC<Record<string, unknown>> = mockComponent('NumberPages', undefined, {\n    withChildren: true,\n});\n\nexport const NumberPagesAction: FC<Record<string, unknown>> = mockComponent('NumberPagesAction', undefined, {\n    withChildren: false,\n});\n"],"names":[],"mappings":";;MAUa,WAAW,GAAgC,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE;AAC5F,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,iBAAiB,GAAgC,aAAa,CAAC,mBAAmB,EAAE,SAAS,EAAE;AACxG,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport type {\n    NumberPagesProps,\n    NumberPagesRenderItem,\n    NumberPagesActionProps,\n} from '@hh.ru/magritte-ui-number-pages/types';\n\nexport const NumberPages: FC<Record<string, unknown>> = mockComponent('NumberPages', undefined, {\n    withChildren: true,\n});\n\nexport const NumberPagesAction: FC<Record<string, unknown>> = mockComponent('NumberPagesAction', undefined, {\n    withChildren: false,\n});\n"],"names":[],"mappings":";;AAUa,MAAA,WAAA,GAA2C,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,EAC5F,YAAc,EAAA,IAAA;AAClB,CAAC,EAAA;AAEY,MAAA,iBAAA,GAAiD,aAAc,CAAA,mBAAA,EAAqB,KAAW,CAAA,EAAA;AAAA,EACxG,YAAc,EAAA,KAAA;AAClB,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-number-pages",
-  "version": "4.1.44",
+  "version": "4.1.45",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -19,12 +19,12 @@
     "watch": "yarn root:watch $(pwd)"
   },
   "dependencies": {
-    "@hh.ru/magritte-design-tokens": "26.0.0",
+    "@hh.ru/magritte-design-tokens": "26.0.1",
     "@hh.ru/magritte-types": "5.0.8",
     "@hh.ru/magritte-ui-breakpoint": "6.1.2",
-    "@hh.ru/magritte-ui-icon": "15.1.4",
+    "@hh.ru/magritte-ui-icon": "15.1.5",
     "@hh.ru/magritte-ui-mock-component": "1.1.8",
-    "@hh.ru/magritte-ui-typography": "5.3.15"
+    "@hh.ru/magritte-ui-typography": "5.3.16"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
+  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
 }

package/usePages.js

@@ -1,61 +1,60 @@
 import './index.css';
 const range = (start, end) => {
-    const length = end - start + 1;
-    // eslint-disable-next-line no-restricted-properties
-    return Array.from({ length }, (_, i) => start + i);
+  const length = end - start + 1;
+  return Array.from({ length }, (_, i) => start + i);
 };
-var PageControls;
-(function (PageControls) {
-    PageControls[PageControls["Previous"] = -1] = "Previous";
-    PageControls[PageControls["Next"] = -2] = "Next";
-    PageControls[PageControls["StartEllipsis"] = -3] = "StartEllipsis";
-    PageControls[PageControls["EndEllipsis"] = -4] = "EndEllipsis";
-})(PageControls || (PageControls = {}));
+var PageControls = /* @__PURE__ */ ((PageControls2) => {
+  PageControls2[PageControls2["Previous"] = -1] = "Previous";
+  PageControls2[PageControls2["Next"] = -2] = "Next";
+  PageControls2[PageControls2["StartEllipsis"] = -3] = "StartEllipsis";
+  PageControls2[PageControls2["EndEllipsis"] = -4] = "EndEllipsis";
+  return PageControls2;
+})(PageControls || {});
 const CURENT_PAGE_AND_ELLIPSIS_POSITION = 2;
 const usePages = ({ last, first, current, boundaryCount, siblingCount }) => {
-    const count = last - first + 1;
-    const startPages = range(first, Math.min(first - 1 + boundaryCount, last));
-    const endPages = range(Math.max(count - boundaryCount + first, boundaryCount + first), last);
-    const siblingsStart = Math.max(Math.min(
-    // Настоящее начальное значение для siblings node
-    current - siblingCount, 
-    // Нижняя граница, от max
-    last - boundaryCount - siblingCount * 2 - CURENT_PAGE_AND_ELLIPSIS_POSITION), 
+  const count = last - first + 1;
+  const startPages = range(first, Math.min(first - 1 + boundaryCount, last));
+  const endPages = range(Math.max(count - boundaryCount + first, boundaryCount + first), last);
+  const siblingsStart = Math.max(
+    Math.min(
+      // Настоящее начальное значение для siblings node
+      current - siblingCount,
+      // Нижняя граница, от max
+      last - boundaryCount - siblingCount * 2 - CURENT_PAGE_AND_ELLIPSIS_POSITION
+    ),
     // Больше стартовой страницы
-    startPages.length > 0 ? startPages[0] + CURENT_PAGE_AND_ELLIPSIS_POSITION : first + 1);
-    const siblingsEnd = Math.min(Math.max(
-    // Настоящее конечное значение для siblings node
-    current + siblingCount, 
-    // Верхняя граница, от min
-    first + boundaryCount + siblingCount * 2 + CURENT_PAGE_AND_ELLIPSIS_POSITION), 
+    startPages.length > 0 ? startPages[0] + CURENT_PAGE_AND_ELLIPSIS_POSITION : first + 1
+  );
+  const siblingsEnd = Math.min(
+    Math.max(
+      // Настоящее конечное значение для siblings node
+      current + siblingCount,
+      // Верхняя граница, от min
+      first + boundaryCount + siblingCount * 2 + CURENT_PAGE_AND_ELLIPSIS_POSITION
+    ),
     // Меньше чем endPages
-    endPages.length > 0 ? endPages[0] - CURENT_PAGE_AND_ELLIPSIS_POSITION : last - 1);
-    const startEllipsis = 
+    endPages.length > 0 ? endPages[0] - CURENT_PAGE_AND_ELLIPSIS_POSITION : last - 1
+  );
+  const startEllipsis = (
     // eslint-disable-next-line no-nested-ternary
-    siblingsStart > first + boundaryCount + 1
-        ? [PageControls.StartEllipsis]
-        : boundaryCount + first < last - boundaryCount
-            ? [boundaryCount + first]
-            : [];
-    const endEllipsis = 
+    siblingsStart > first + boundaryCount + 1 ? [-3 /* StartEllipsis */] : boundaryCount + first < last - boundaryCount ? [boundaryCount + first] : []
+  );
+  const endEllipsis = (
     // eslint-disable-next-line no-nested-ternary
-    siblingsEnd < last - boundaryCount - 1
-        ? [PageControls.EndEllipsis]
-        : last - boundaryCount > boundaryCount
-            ? [last - boundaryCount]
-            : [];
-    const hasPrevious = first < current && startEllipsis[0] === PageControls.StartEllipsis;
-    const hasNext = current < last && endEllipsis[0] === PageControls.EndEllipsis;
-    return [
-        ...(hasPrevious ? [PageControls.Previous] : []),
-        ...startPages,
-        ...startEllipsis,
-        // Sibling страницы вместе с текущей
-        ...range(siblingsStart, siblingsEnd),
-        ...endEllipsis,
-        ...endPages,
-        ...(hasNext ? [PageControls.Next] : []),
-    ];
+    siblingsEnd < last - boundaryCount - 1 ? [-4 /* EndEllipsis */] : last - boundaryCount > boundaryCount ? [last - boundaryCount] : []
+  );
+  const hasPrevious = first < current && startEllipsis[0] === -3 /* StartEllipsis */;
+  const hasNext = current < last && endEllipsis[0] === -4 /* EndEllipsis */;
+  return [
+    ...hasPrevious ? [-1 /* Previous */] : [],
+    ...startPages,
+    ...startEllipsis,
+    // Sibling страницы вместе с текущей
+    ...range(siblingsStart, siblingsEnd),
+    ...endEllipsis,
+    ...endPages,
+    ...hasNext ? [-2 /* Next */] : []
+  ];
 };
 
 export { PageControls, usePages };

package/usePages.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePages.js","sources":["src/usePages.tsx"],"sourcesContent":["const range = (start: number, end: number): number[] => {\n    const length = end - start + 1;\n    // eslint-disable-next-line no-restricted-properties\n    return Array.from({ length }, (_, i) => start + i);\n};\n\ninterface UsePagesProps {\n    last: number;\n    first: number;\n    current: number;\n    boundaryCount: number;\n    siblingCount: number;\n}\n\nexport enum PageControls {\n    Previous = -1,\n    Next = -2,\n    StartEllipsis = -3,\n    EndEllipsis = -4,\n}\n\nconst CURENT_PAGE_AND_ELLIPSIS_POSITION = 2;\n\nexport const usePages = ({ last, first, current, boundaryCount, siblingCount }: UsePagesProps): number[] => {\n    const count = last - first + 1;\n\n    const startPages = range(first, Math.min(first - 1 + boundaryCount, last));\n    const endPages = range(Math.max(count - boundaryCount + first, boundaryCount + first), last);\n\n    const siblingsStart = Math.max(\n        Math.min(\n            // Настоящее начальное значение для siblings node\n            current - siblingCount,\n            // Нижняя граница, от max\n            last - boundaryCount - siblingCount * 2 - CURENT_PAGE_AND_ELLIPSIS_POSITION\n        ),\n        // Больше стартовой страницы\n        startPages.length > 0 ? startPages[0] + CURENT_PAGE_AND_ELLIPSIS_POSITION : first + 1\n    );\n\n    const siblingsEnd = Math.min(\n        Math.max(\n            // Настоящее конечное значение для siblings node\n            current + siblingCount,\n            // Верхняя граница, от min\n            first + boundaryCount + siblingCount * 2 + CURENT_PAGE_AND_ELLIPSIS_POSITION\n        ),\n        // Меньше чем endPages\n        endPages.length > 0 ? endPages[0] - CURENT_PAGE_AND_ELLIPSIS_POSITION : last - 1\n    );\n\n    const startEllipsis =\n        // eslint-disable-next-line no-nested-ternary\n        siblingsStart > first + boundaryCount + 1\n            ? [PageControls.StartEllipsis]\n            : boundaryCount + first < last - boundaryCount\n              ? [boundaryCount + first]\n              : [];\n\n    const endEllipsis =\n        // eslint-disable-next-line no-nested-ternary\n        siblingsEnd < last - boundaryCount - 1\n            ? [PageControls.EndEllipsis]\n            : last - boundaryCount > boundaryCount\n              ? [last - boundaryCount]\n              : [];\n\n    const hasPrevious = first < current && startEllipsis[0] === PageControls.StartEllipsis;\n    const hasNext = current < last && endEllipsis[0] === PageControls.EndEllipsis;\n\n    return [\n        ...(hasPrevious ? [PageControls.Previous] : []),\n        ...startPages,\n        ...startEllipsis,\n        // Sibling страницы вместе с текущей\n        ...range(siblingsStart, siblingsEnd),\n        ...endEllipsis,\n        ...endPages,\n        ...(hasNext ? [PageControls.Next] : []),\n    ];\n};\n"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,KAAc;AACnD,IAAA,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC;;AAE/B,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC;IAUU,aAKX;AALD,CAAA,UAAY,YAAY,EAAA;AACpB,IAAA,YAAA,CAAA,YAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,UAAa,CAAA;AACb,IAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,MAAS,CAAA;AACT,IAAA,YAAA,CAAA,YAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,eAAkB,CAAA;AAClB,IAAA,YAAA,CAAA,YAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,aAAgB,CAAA;AACpB,CAAC,EALW,YAAY,KAAZ,YAAY,GAKvB,EAAA,CAAA,CAAA,CAAA;AAED,MAAM,iCAAiC,GAAG,CAAC,CAAC;AAE/B,MAAA,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAiB,KAAc;AACvG,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;AAE/B,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,aAAa,GAAG,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAE7F,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC1B,IAAI,CAAC,GAAG;;AAEJ,IAAA,OAAO,GAAG,YAAY;;IAEtB,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,iCAAiC,CAC9E;;IAED,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,iCAAiC,GAAG,KAAK,GAAG,CAAC,CACxF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CACxB,IAAI,CAAC,GAAG;;AAEJ,IAAA,OAAO,GAAG,YAAY;;IAEtB,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,iCAAiC,CAC/E;;IAED,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,iCAAiC,GAAG,IAAI,GAAG,CAAC,CACnF,CAAC;AAEF,IAAA,MAAM,aAAa;;AAEf,IAAA,aAAa,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC;AACrC,UAAE,CAAC,YAAY,CAAC,aAAa,CAAC;AAC9B,UAAE,aAAa,GAAG,KAAK,GAAG,IAAI,GAAG,aAAa;AAC5C,cAAE,CAAC,aAAa,GAAG,KAAK,CAAC;cACvB,EAAE,CAAC;AAEf,IAAA,MAAM,WAAW;;AAEb,IAAA,WAAW,GAAG,IAAI,GAAG,aAAa,GAAG,CAAC;AAClC,UAAE,CAAC,YAAY,CAAC,WAAW,CAAC;AAC5B,UAAE,IAAI,GAAG,aAAa,GAAG,aAAa;AACpC,cAAE,CAAC,IAAI,GAAG,aAAa,CAAC;cACtB,EAAE,CAAC;AAEf,IAAA,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,aAAa,CAAC;AACvF,IAAA,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,WAAW,CAAC;IAE9E,OAAO;AACH,QAAA,IAAI,WAAW,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE;AAC9C,QAAA,GAAG,UAAU;AACb,QAAA,GAAG,aAAa;;AAEhB,QAAA,GAAG,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC;AACpC,QAAA,GAAG,WAAW;AACd,QAAA,GAAG,QAAQ;AACX,QAAA,IAAI,OAAO,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE;KACzC,CAAC;AACN;;;;"}
+{"version":3,"file":"usePages.js","sources":["src/usePages.tsx"],"sourcesContent":["const range = (start: number, end: number): number[] => {\n    const length = end - start + 1;\n    // eslint-disable-next-line no-restricted-properties\n    return Array.from({ length }, (_, i) => start + i);\n};\n\ninterface UsePagesProps {\n    last: number;\n    first: number;\n    current: number;\n    boundaryCount: number;\n    siblingCount: number;\n}\n\nexport enum PageControls {\n    Previous = -1,\n    Next = -2,\n    StartEllipsis = -3,\n    EndEllipsis = -4,\n}\n\nconst CURENT_PAGE_AND_ELLIPSIS_POSITION = 2;\n\nexport const usePages = ({ last, first, current, boundaryCount, siblingCount }: UsePagesProps): number[] => {\n    const count = last - first + 1;\n\n    const startPages = range(first, Math.min(first - 1 + boundaryCount, last));\n    const endPages = range(Math.max(count - boundaryCount + first, boundaryCount + first), last);\n\n    const siblingsStart = Math.max(\n        Math.min(\n            // Настоящее начальное значение для siblings node\n            current - siblingCount,\n            // Нижняя граница, от max\n            last - boundaryCount - siblingCount * 2 - CURENT_PAGE_AND_ELLIPSIS_POSITION\n        ),\n        // Больше стартовой страницы\n        startPages.length > 0 ? startPages[0] + CURENT_PAGE_AND_ELLIPSIS_POSITION : first + 1\n    );\n\n    const siblingsEnd = Math.min(\n        Math.max(\n            // Настоящее конечное значение для siblings node\n            current + siblingCount,\n            // Верхняя граница, от min\n            first + boundaryCount + siblingCount * 2 + CURENT_PAGE_AND_ELLIPSIS_POSITION\n        ),\n        // Меньше чем endPages\n        endPages.length > 0 ? endPages[0] - CURENT_PAGE_AND_ELLIPSIS_POSITION : last - 1\n    );\n\n    const startEllipsis =\n        // eslint-disable-next-line no-nested-ternary\n        siblingsStart > first + boundaryCount + 1\n            ? [PageControls.StartEllipsis]\n            : boundaryCount + first < last - boundaryCount\n              ? [boundaryCount + first]\n              : [];\n\n    const endEllipsis =\n        // eslint-disable-next-line no-nested-ternary\n        siblingsEnd < last - boundaryCount - 1\n            ? [PageControls.EndEllipsis]\n            : last - boundaryCount > boundaryCount\n              ? [last - boundaryCount]\n              : [];\n\n    const hasPrevious = first < current && startEllipsis[0] === PageControls.StartEllipsis;\n    const hasNext = current < last && endEllipsis[0] === PageControls.EndEllipsis;\n\n    return [\n        ...(hasPrevious ? [PageControls.Previous] : []),\n        ...startPages,\n        ...startEllipsis,\n        // Sibling страницы вместе с текущей\n        ...range(siblingsStart, siblingsEnd),\n        ...endEllipsis,\n        ...endPages,\n        ...(hasNext ? [PageControls.Next] : []),\n    ];\n};\n"],"names":["PageControls"],"mappings":"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"}

package/NumberPagesAction-CTqm63Oi.js

@@ -1,17 +0,0 @@
-import './index.css';
-import { jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Text } from '@hh.ru/magritte-ui-typography';
-
-var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-1-44","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-1-44","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-44","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-44","number-pages-container":"magritte-number-pages-container___YIJLn_4-1-44","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-1-44","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-44","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-44","number-pages-action":"magritte-number-pages-action___e3ozw_4-1-44","numberPagesAction":"magritte-number-pages-action___e3ozw_4-1-44","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-1-44","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-1-44","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-1-44","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-1-44"};
-
-const NumberPagesAction = ({ children, selected = false, isIcon = false, Element = 'button', 'aria-label': ariaLabel, page, ...props }) => {
-    const buttonProps = Element === 'button' ? { type: 'button' } : {};
-    return (jsx("li", { children: jsx(Text, { typography: "label-2-regular", children: jsx(Element, { ...props, ...buttonProps, "aria-current": selected, "aria-label": ariaLabel, className: classnames(styles.numberPagesAction, {
-                    [styles.numberPagesActionSelected]: selected,
-                    [styles.numberPagesActionIcon]: isIcon,
-                }), children: children }) }) }));
-};
-
-export { NumberPagesAction as N, styles as s };
-//# sourceMappingURL=NumberPagesAction-CTqm63Oi.js.map