@hh.ru/magritte-ui-number-pages 3.0.23

package/NumberPages.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import type { NumberPagesProps } from './types';
+export declare const NumberPages: FC<NumberPagesProps>;

package/NumberPages.js

@@ -0,0 +1,97 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } 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-6879adf9.js';
+import { usePages, PageControls } from './usePages.js';
+import '@hh.ru/magritte-ui-typography';
+
+const baseRenderItem = ({ isPrevious, isNext, ...props }) => {
+    return jsx(NumberPagesAction, { ...props, isIcon: isPrevious || isNext });
+};
+const getPropsByScreenSize = (isXS, isS) => {
+    if (isXS) {
+        return [0, 0];
+    }
+    else if (isS) {
+        return [1, 1];
+    }
+    return [2, 1];
+};
+const NumberPages = ({ first, last, current, onChange, 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}`);
+    }
+    if (last - first < 1) {
+        return null;
+    }
+    const renderPageItem = (item) => {
+        const isSelected = item === current;
+        const baseProps = {
+            selected: isSelected,
+            key: item,
+            ariaLabel: 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 };
+//# sourceMappingURL=NumberPages.js.map

package/NumberPages.js.map

@@ -0,0 +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, ...props }) => {\n    return <NumberPagesAction {...props} isIcon={isPrevious || isNext} />;\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    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            ariaLabel: 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":["_jsx"],"mappings":"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"}

package/NumberPagesAction-6879adf9.js

@@ -0,0 +1,17 @@
+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_3-0-23","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_3-0-23","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_3-0-23","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_3-0-23","number-pages-container":"magritte-number-pages-container___YIJLn_3-0-23","numberPagesContainer":"magritte-number-pages-container___YIJLn_3-0-23","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_3-0-23","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_3-0-23","number-pages-action":"magritte-number-pages-action___e3ozw_3-0-23","numberPagesAction":"magritte-number-pages-action___e3ozw_3-0-23","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_3-0-23","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_3-0-23","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_3-0-23","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_3-0-23"};
+
+const NumberPagesAction = ({ children, selected = false, isIcon = false, Element = 'button', 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-6879adf9.js.map

package/NumberPagesAction-6879adf9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberPagesAction-6879adf9.js","sources":["../src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\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: NumberPagesActionProps = ({\n    children,\n    selected = false,\n    isIcon = false,\n    Element = 'button',\n    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":";;;;;;AAOO,MAAM,iBAAiB,GAA2B,CAAC,EACtD,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,QAAQ,EAClB,SAAS,EACT,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;;;;"}

package/NumberPagesAction.d.ts

@@ -0,0 +1,2 @@
+import type { NumberPagesActionProps } from './types';
+export declare const NumberPagesAction: NumberPagesActionProps;

package/NumberPagesAction.js

@@ -0,0 +1,6 @@
+import './index.css';
+import 'react/jsx-runtime';
+import 'classnames';
+import '@hh.ru/magritte-ui-typography';
+export { N as NumberPagesAction } from './NumberPagesAction-6879adf9.js';
+//# sourceMappingURL=NumberPagesAction.js.map

package/NumberPagesAction.js.map

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

package/index.css

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

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './NumberPages';
+export * from './NumberPagesAction';
+export type { NumberPagesProps, NumberPagesRenderItem, NumberPagesActionProps, } from './types';

package/index.js

@@ -0,0 +1,11 @@
+import './index.css';
+export { NumberPages } from './NumberPages.js';
+export { N as NumberPagesAction } from './NumberPagesAction-6879adf9.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+import '@hh.ru/magritte-ui-breakpoint';
+import '@hh.ru/magritte-ui-icon/icon';
+import './usePages.js';
+import '@hh.ru/magritte-ui-typography';
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@hh.ru/magritte-ui-number-pages",
+  "version": "3.0.23",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-types": "4.0.1",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
+    "@hh.ru/magritte-ui-icon": "7.1.3",
+    "@hh.ru/magritte-ui-typography": "3.0.8"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,57 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { ComponentWithCustomElement } from '@hh.ru/magritte-types';
+type NumberPagesRenderItemBaseProps = PropsWithChildren<{
+    /** Флаг выбрана текущая страница или нет */
+    selected: boolean;
+    /** Data-qa атрибут */
+    'data-qa': string;
+    /** Хнедлер клика */
+    onClick: VoidFunction;
+    /** Номер страницы */
+    page: number;
+    /** Аria заголовок */
+    ariaLabel?: string;
+    /** Ключ item */
+    key: number | string;
+}>;
+type NumberPagesRenderItemProps = NumberPagesRenderItemBaseProps & {
+    isPrevious?: boolean;
+    isNext?: boolean;
+};
+export interface NumberPagesRenderItem {
+    (props: NumberPagesRenderItemProps): ReactNode;
+}
+export type BaseNumberPagesActionProps = Partial<NumberPagesRenderItemBaseProps> & {
+    /** Кастомный компонент */
+    Element?: 'button' | 'a';
+    /** Флаг иконка или текст являются содержимым */
+    isIcon?: boolean;
+};
+export type NumberPagesActionProps = ComponentWithCustomElement<BaseNumberPagesActionProps, 'button'>;
+export interface BaseNumberPagesProps {
+    /** Первая страница */
+    first: number;
+    /** Последняя страница */
+    last: number;
+    /** Текущая страница */
+    current: number;
+    /** Aria заголовок страничного компонента навигации */
+    ariaLabel?: string;
+    /** Метод для получения aria заголовков для каждого item */
+    getAriaLabelItem?: (item: number) => string;
+}
+interface OnChangeHandler {
+    /** Рендер функция для кастомного рисования Item */
+    renderItem?: NumberPagesRenderItem;
+    /** Рендер функция для кастомного рисования стрелок навигации */
+    renderNavigation?: NumberPagesRenderItem;
+    /** Хендлер изменения страницы, вызывается при попытке смены страницы */
+    onChange: (page: number) => void;
+}
+type RenderItemMethod = {
+    renderItem: NumberPagesRenderItem;
+    renderNavigation: NumberPagesRenderItem;
+    onChange?: (page: number) => void;
+};
+export type NumberPagesProps = BaseNumberPagesProps & (OnChangeHandler | RenderItemMethod);
+export {};

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

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

package/usePages.d.ts

@@ -0,0 +1,15 @@
+interface UsePagesProps {
+    last: number;
+    first: number;
+    current: number;
+    boundaryCount: number;
+    siblingCount: number;
+}
+export declare enum PageControls {
+    Previous = -1,
+    Next = -2,
+    StartEllipsis = -3,
+    EndEllipsis = -4
+}
+export declare const usePages: ({ last, first, current, boundaryCount, siblingCount }: UsePagesProps) => number[];
+export {};

package/usePages.js

@@ -0,0 +1,62 @@
+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);
+};
+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 = {}));
+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), 
+    // Больше стартовой страницы
+    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 = 
+    // eslint-disable-next-line no-nested-ternary
+    siblingsStart > first + boundaryCount + 1
+        ? [PageControls.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] : []),
+    ];
+};
+
+export { PageControls, usePages };
+//# sourceMappingURL=usePages.js.map

package/usePages.js.map

@@ -0,0 +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;AAC9C,cAAE,CAAC,aAAa,GAAG,KAAK,CAAC;cACvB,EAAE,CAAC;AAEb,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;AACtC,cAAE,CAAC,IAAI,GAAG,aAAa,CAAC;cACtB,EAAE,CAAC;AAEb,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,CAAC;AAC/C,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,CAAC;KAC1C,CAAC;AACN;;;;"}