@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/Pagination/PaginationList/PaginationList.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className"];import"./PaginationList.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{defaultGetItemLabel,pageSeparatorLabel}from"../helpers";import{PaginationItem}from"../PaginationItem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationList=cn("PaginationList"),PaginationListRender=function(a,b){var c=a.items,d=a.getItemLabel,e=void 0===d?defaultGetItemLabel:d,f=a.getItemRef,g=a.getItemAs,h=a.getItemKey,i=a.getItemAttributes,j=a.getItemClickable,k=a.getItemOnClick,l=a.onItemClick,m=a.value,n=a.size,o=void 0===n?paginationPropSizeDefault:n,p=a.form,q=void 0===p?paginationPropFormDefault:p,r=a.className,s=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},s,{ref:b,className:cnPaginationList(null,[r])}),c.map(function(a){var b,c=(null===i||void 0===i?void 0:i(a))||{};return React.createElement(PaginationItem,Object.assign({},c,{className:cnPaginationList("Item",[null===c||void 0===c?void 0:c.className]),form:q,size:o,onClick:function onClick(b){var c;null===k||void 0===k||null===(c=k(a))||void 0===c?void 0:c(b),null===l||void 0===l?void 0:l(a,{e:b})},label:e(a),active:!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m)),ref:null===f||void 0===f?void 0:f(a),as:null===g||void 0===g?void 0:g(a),clickable:null===j||void 0===j?void 0:j(a),key:h(a),style:_defineProperty({},"--pagination-item-label-lenght",a.label===pageSeparatorLabel?1:null===(b=a.label)||void 0===b?void 0:b.length)}))}))};export var PaginationList=forwardRef(PaginationListRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className"];import"./PaginationList.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{defaultGetItemLabel,pageSeparatorLabel}from"../helpers";import{PaginationItem}from"../PaginationItem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationList=cn("PaginationList"),PaginationListRender=function(a,b){var c=a.items,d=a.getItemLabel,e=void 0===d?defaultGetItemLabel:d,f=a.getItemRef,g=a.getItemAs,h=a.getItemKey,i=a.getItemAttributes,j=a.getItemClickable,k=a.getItemOnClick,l=a.onItemClick,m=a.value,n=a.size,o=void 0===n?paginationPropSizeDefault:n,p=a.form,q=void 0===p?paginationPropFormDefault:p,r=a.className,s=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},s,{ref:b,className:cnPaginationList(null,[r])}),c.map(function(a){var b,c=(null===i||void 0===i?void 0:i(a))||{};return React.createElement(PaginationItem,Object.assign({},c,{className:cnPaginationList("Item",[null===c||void 0===c?void 0:c.className]),form:q,size:o,onClick:function onClick(b){var c;null===k||void 0===k||null===(c=k(a))||void 0===c?void 0:c(b),null===l||void 0===l?void 0:l(a,{e:b})},label:e(a),active:!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m)),ref:null===f||void 0===f?void 0:f(a),as:null===g||void 0===g?void 0:g(a),clickable:null===j||void 0===j?void 0:j(a),key:h(a),style:_defineProperty({},"--pagination-item-label-length",a.label===pageSeparatorLabel?1:null===(b=a.label)||void 0===b?void 0:b.length)}))}))};export var PaginationList=forwardRef(PaginationListRender);
 //# sourceMappingURL=PaginationList.js.map

package/__internal__/src/components/Pagination/PaginationList/PaginationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationList.js","names":["React","forwardRef","cn","defaultGetItemLabel","pageSeparatorLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","map","item","attr","e","label","length","PaginationList"],"sources":["../../../../../../src/components/Pagination/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel, pageSeparatorLabel } from '../helpers';\nimport { PaginationItem } from '../PaginationItem';\nimport {\n  PaginationBaseItemDefault,\n  PaginationListComponent,\n  PaginationListProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationList = cn('PaginationList');\n\nconst PaginationListRender = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemLabel = defaultGetItemLabel,\n    getItemRef,\n    getItemAs,\n    getItemKey,\n    getItemAttributes,\n    getItemClickable,\n    getItemOnClick,\n    onItemClick,\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnPaginationList(null, [className])}\n    >\n      {items.map((item) => {\n        const attr = getItemAttributes?.(item) || {};\n        return (\n          <PaginationItem\n            {...attr}\n            className={cnPaginationList('Item', [attr?.className])}\n            form={form}\n            size={size}\n            onClick={(e: React.MouseEvent<Element, MouseEvent>) => {\n              getItemOnClick?.(item)?.(e);\n              onItemClick?.(item, { e });\n            }}\n            label={getItemLabel(item)}\n            active={value ? getItemKey?.(item) === getItemKey?.(value) : false}\n            ref={getItemRef?.(item)}\n            as={getItemAs?.(item)}\n            clickable={getItemClickable?.(item)}\n            key={getItemKey(item)}\n            style={{\n              ['--pagination-item-label-lenght' as string]:\n                item.label === pageSeparatorLabel ? 1 : item.label?.length,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"6UAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAEA,OAASC,mBAAT,CAA8BC,kBAA9B,kBACA,OAASC,cAAT,yBACA,OAIEC,yBAJF,CAKEC,yBALF,gB,GAQMC,iBAAgB,CAAGN,EAAE,CAAC,gBAAD,C,CAErBO,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GACEC,EADF,CAeIF,CAfJ,CACEE,KADF,GAeIF,CAfJ,CAEEG,YAFF,CAEEA,CAFF,YAEiBV,mBAFjB,GAGEW,CAHF,CAeIJ,CAfJ,CAGEI,UAHF,CAIEC,CAJF,CAeIL,CAfJ,CAIEK,SAJF,CAKEC,CALF,CAeIN,CAfJ,CAKEM,UALF,CAMEC,CANF,CAeIP,CAfJ,CAMEO,iBANF,CAOEC,CAPF,CAeIR,CAfJ,CAOEQ,gBAPF,CAQEC,CARF,CAeIT,CAfJ,CAQES,cARF,CASEC,CATF,CAeIV,CAfJ,CASEU,WATF,CAUEC,CAVF,CAeIX,CAfJ,CAUEW,KAVF,GAeIX,CAfJ,CAWEY,IAXF,CAWEA,CAXF,YAWSf,yBAXT,KAeIG,CAfJ,CAYEa,IAZF,CAYEA,CAZF,YAYSjB,yBAZT,GAaEkB,CAbF,CAeId,CAfJ,CAaEc,SAbF,CAcKC,CAdL,0BAeIf,CAfJ,YAiBA,MACE,4CACMe,CADN,EAEE,GAAG,CAAEd,CAFP,CAGE,SAAS,CAAEH,gBAAgB,CAAC,IAAD,CAAO,CAACgB,CAAD,CAAP,CAH7B,GAKGZ,CAAK,CAACc,GAAN,CAAU,SAACC,CAAD,CAAU,OACbC,CAAI,CAAG,QAAAX,CAAiB,WAAjBA,CAAA,QAAAA,CAAiB,CAAGU,CAAH,CAAjB,GAA6B,EADvB,CAEnB,MACE,qBAAC,cAAD,kBACMC,CADN,EAEE,SAAS,CAAEpB,gBAAgB,CAAC,MAAD,CAAS,QAACoB,CAAD,WAACA,CAAD,QAACA,CAAI,CAAEJ,SAAP,CAAT,CAF7B,CAGE,IAAI,CAAED,CAHR,CAIE,IAAI,CAAED,CAJR,CAKE,OAAO,CAAE,iBAACO,CAAD,CAA8C,cACrDV,CADqD,WACrDA,CADqD,YACrDA,CAAc,CAAGQ,CAAH,CADuC,qBACrD,EAAyBE,CAAzB,CADqD,QAErDT,CAFqD,WAErDA,CAFqD,QAErDA,CAAW,CAAGO,CAAH,CAAS,CAAEE,CAAC,CAADA,CAAF,CAAT,CACZ,CARH,CASE,KAAK,CAAEhB,CAAY,CAACc,CAAD,CATrB,CAUE,MAAM,GAAEN,CAAF,EAAU,QAAAL,CAAU,WAAVA,CAAA,QAAAA,CAAU,CAAGW,CAAH,CAAV,YAAuBX,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAU,CAAGK,CAAH,CAAjC,CAVlB,CAWE,GAAG,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAU,CAAGa,CAAH,CAXjB,CAYE,EAAE,QAAEZ,CAAF,WAAEA,CAAF,QAAEA,CAAS,CAAGY,CAAH,CAZf,CAaE,SAAS,QAAET,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAGS,CAAH,CAb7B,CAcE,GAAG,CAAEX,CAAU,CAACW,CAAD,CAdjB,CAeE,KAAK,oBACF,gCADE,CAEDA,CAAI,CAACG,KAAL,GAAe1B,kBAAf,CAAoC,CAApC,WAAwCuB,CAAI,CAACG,KAA7C,qBAAwC,EAAYC,MAFnD,CAfP,GAqBH,CAxBA,CALH,CAgCH,C,CAED,MAAO,IAAMC,eAAc,CAAG/B,UAAU,CACtCQ,oBADsC,CAAjC"}
+{"version":3,"file":"PaginationList.js","names":["React","forwardRef","cn","defaultGetItemLabel","pageSeparatorLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","map","item","attr","e","label","length","PaginationList"],"sources":["../../../../../../src/components/Pagination/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel, pageSeparatorLabel } from '../helpers';\nimport { PaginationItem } from '../PaginationItem';\nimport {\n  PaginationBaseItemDefault,\n  PaginationListComponent,\n  PaginationListProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationList = cn('PaginationList');\n\nconst PaginationListRender = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemLabel = defaultGetItemLabel,\n    getItemRef,\n    getItemAs,\n    getItemKey,\n    getItemAttributes,\n    getItemClickable,\n    getItemOnClick,\n    onItemClick,\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnPaginationList(null, [className])}\n    >\n      {items.map((item) => {\n        const attr = getItemAttributes?.(item) || {};\n        return (\n          <PaginationItem\n            {...attr}\n            className={cnPaginationList('Item', [attr?.className])}\n            form={form}\n            size={size}\n            onClick={(e: React.MouseEvent<Element, MouseEvent>) => {\n              getItemOnClick?.(item)?.(e);\n              onItemClick?.(item, { e });\n            }}\n            label={getItemLabel(item)}\n            active={value ? getItemKey?.(item) === getItemKey?.(value) : false}\n            ref={getItemRef?.(item)}\n            as={getItemAs?.(item)}\n            clickable={getItemClickable?.(item)}\n            key={getItemKey(item)}\n            style={{\n              ['--pagination-item-label-length' as string]:\n                item.label === pageSeparatorLabel ? 1 : item.label?.length,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"6UAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAEA,OAASC,mBAAT,CAA8BC,kBAA9B,kBACA,OAASC,cAAT,yBACA,OAIEC,yBAJF,CAKEC,yBALF,gB,GAQMC,iBAAgB,CAAGN,EAAE,CAAC,gBAAD,C,CAErBO,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GACEC,EADF,CAeIF,CAfJ,CACEE,KADF,GAeIF,CAfJ,CAEEG,YAFF,CAEEA,CAFF,YAEiBV,mBAFjB,GAGEW,CAHF,CAeIJ,CAfJ,CAGEI,UAHF,CAIEC,CAJF,CAeIL,CAfJ,CAIEK,SAJF,CAKEC,CALF,CAeIN,CAfJ,CAKEM,UALF,CAMEC,CANF,CAeIP,CAfJ,CAMEO,iBANF,CAOEC,CAPF,CAeIR,CAfJ,CAOEQ,gBAPF,CAQEC,CARF,CAeIT,CAfJ,CAQES,cARF,CASEC,CATF,CAeIV,CAfJ,CASEU,WATF,CAUEC,CAVF,CAeIX,CAfJ,CAUEW,KAVF,GAeIX,CAfJ,CAWEY,IAXF,CAWEA,CAXF,YAWSf,yBAXT,KAeIG,CAfJ,CAYEa,IAZF,CAYEA,CAZF,YAYSjB,yBAZT,GAaEkB,CAbF,CAeId,CAfJ,CAaEc,SAbF,CAcKC,CAdL,0BAeIf,CAfJ,YAiBA,MACE,4CACMe,CADN,EAEE,GAAG,CAAEd,CAFP,CAGE,SAAS,CAAEH,gBAAgB,CAAC,IAAD,CAAO,CAACgB,CAAD,CAAP,CAH7B,GAKGZ,CAAK,CAACc,GAAN,CAAU,SAACC,CAAD,CAAU,OACbC,CAAI,CAAG,QAAAX,CAAiB,WAAjBA,CAAA,QAAAA,CAAiB,CAAGU,CAAH,CAAjB,GAA6B,EADvB,CAEnB,MACE,qBAAC,cAAD,kBACMC,CADN,EAEE,SAAS,CAAEpB,gBAAgB,CAAC,MAAD,CAAS,QAACoB,CAAD,WAACA,CAAD,QAACA,CAAI,CAAEJ,SAAP,CAAT,CAF7B,CAGE,IAAI,CAAED,CAHR,CAIE,IAAI,CAAED,CAJR,CAKE,OAAO,CAAE,iBAACO,CAAD,CAA8C,cACrDV,CADqD,WACrDA,CADqD,YACrDA,CAAc,CAAGQ,CAAH,CADuC,qBACrD,EAAyBE,CAAzB,CADqD,QAErDT,CAFqD,WAErDA,CAFqD,QAErDA,CAAW,CAAGO,CAAH,CAAS,CAAEE,CAAC,CAADA,CAAF,CAAT,CACZ,CARH,CASE,KAAK,CAAEhB,CAAY,CAACc,CAAD,CATrB,CAUE,MAAM,GAAEN,CAAF,EAAU,QAAAL,CAAU,WAAVA,CAAA,QAAAA,CAAU,CAAGW,CAAH,CAAV,YAAuBX,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAU,CAAGK,CAAH,CAAjC,CAVlB,CAWE,GAAG,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAU,CAAGa,CAAH,CAXjB,CAYE,EAAE,QAAEZ,CAAF,WAAEA,CAAF,QAAEA,CAAS,CAAGY,CAAH,CAZf,CAaE,SAAS,QAAET,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAGS,CAAH,CAb7B,CAcE,GAAG,CAAEX,CAAU,CAACW,CAAD,CAdjB,CAeE,KAAK,oBACF,gCADE,CAEDA,CAAI,CAACG,KAAL,GAAe1B,kBAAf,CAAoC,CAApC,WAAwCuB,CAAI,CAACG,KAA7C,qBAAwC,EAAYC,MAFnD,CAfP,GAqBH,CAxBA,CALH,CAgCH,C,CAED,MAAO,IAAMC,eAAc,CAAG/B,UAAU,CACtCQ,oBADsC,CAAjC"}

package/__internal__/src/components/Pagination/PaginationList/index.d.ts

@@ -1 +1 @@
-export * from './PaginationList';
+export * from './PaginationList';

package/__internal__/src/components/Pagination/PaginationNumberInput/PaginationNumberInput.d.ts

@@ -1,10 +1,10 @@
-import './PaginationNumberInput.css';
-import React from 'react';
-export declare const PaginationNumberInput: React.ForwardRefExoticComponent<{
-    value?: number | undefined;
-    onChange?: import("../types").PaginationPropOnChange<number> | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    total: number;
-    getTotalLabel?: ((pages: number) => string | number) | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "onChange" | "value" | "size" | "css" | "total" | "getTotalLabel"> & React.RefAttributes<HTMLDivElement>>;
+import './PaginationNumberInput.css';
+import React from 'react';
+export declare const PaginationNumberInput: React.ForwardRefExoticComponent<{
+    value?: number | undefined;
+    onChange?: import("../types").PaginationPropOnChange<number> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    total: number;
+    getTotalLabel?: ((pages: number) => string | number) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "onChange" | "value" | "size" | "css" | "total" | "getTotalLabel"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Pagination/PaginationNumberInput/index.d.ts

@@ -1 +1 @@
-export * from './PaginationNumberInput';
+export * from './PaginationNumberInput';

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.d.ts

@@ -1,7 +1,7 @@
-import './PaginationSizeCalculateHelper.css';
-import React from 'react';
-import { PaginationPropSize } from '../types';
-export declare const PaginationSizeCalculateHelper: React.FC<{
-    refs: React.RefObject<HTMLDivElement>[];
-    size: PaginationPropSize;
-}>;
+import './PaginationSizeCalculateHelper.css';
+import React from 'react';
+import { PaginationPropSize } from '../types';
+export declare const PaginationSizeCalculateHelper: React.FC<{
+    refs: React.RefObject<HTMLDivElement>[];
+    size: PaginationPropSize;
+}>;

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.d.ts

@@ -1 +1 @@
-export * from './PaginationSizeCalculateHelper';
+export * from './PaginationSizeCalculateHelper';

package/__internal__/src/components/Pagination/helpers.d.ts

@@ -1,16 +1,16 @@
-import { IconComponent } from '@consta/icons/Icon';
-import { PaginationArrowTypes, PaginationBaseItemDefault, PaginationItem, PaginationPropGetItemClickable, PaginationPropGetItemKey, PaginationPropGetItemLabel } from './types';
-export declare const defaultGetItemLabel: PaginationPropGetItemLabel<PaginationBaseItemDefault>;
-export declare const defaultGetItemKey: PaginationPropGetItemKey<PaginationBaseItemDefault>;
-export declare const defaultGetItemClickable: PaginationPropGetItemClickable<PaginationBaseItemDefault>;
-export declare const firstPageSeparator = "<_";
-export declare const lastPageSeparator = "_>";
-export declare const pageSeparatorLabel = "...";
-export declare const guardCurrentPage: (currentPage: number | undefined, totalPages: number) => number;
-export declare const getPagesArrayByVisibleCount: (currentPage: number, totalPages: number, visibleCountProp: number, showFirstPage?: boolean, showLastPage?: boolean) => PaginationItem[];
-declare type GetPagesArray = (currentPage: number, totalPages: number, visibleCount: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
-declare type GetPagesArrayByWidth = (currentPage: number, totalPages: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
-export declare const getPagesArrayByWidth: GetPagesArrayByWidth;
-export declare const getPagesArray: GetPagesArray;
-export declare const paginationArrowIconsMap: Record<PaginationArrowTypes, IconComponent>;
-export {};
+import { IconComponent } from '@consta/icons/Icon';
+import { PaginationArrowTypes, PaginationBaseItemDefault, PaginationItem, PaginationPropGetItemClickable, PaginationPropGetItemKey, PaginationPropGetItemLabel } from './types';
+export declare const defaultGetItemLabel: PaginationPropGetItemLabel<PaginationBaseItemDefault>;
+export declare const defaultGetItemKey: PaginationPropGetItemKey<PaginationBaseItemDefault>;
+export declare const defaultGetItemClickable: PaginationPropGetItemClickable<PaginationBaseItemDefault>;
+export declare const firstPageSeparator = "<_";
+export declare const lastPageSeparator = "_>";
+export declare const pageSeparatorLabel = "...";
+export declare const guardCurrentPage: (currentPage: number | undefined, totalPages: number) => number;
+export declare const getPagesArrayByVisibleCount: (currentPage: number, totalPages: number, visibleCountProp: number, showFirstPage?: boolean, showLastPage?: boolean) => PaginationItem[];
+declare type GetPagesArray = (currentPage: number, totalPages: number, visibleCount: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
+declare type GetPagesArrayByWidth = (currentPage: number, totalPages: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
+export declare const getPagesArrayByWidth: GetPagesArrayByWidth;
+export declare const getPagesArray: GetPagesArray;
+export declare const paginationArrowIconsMap: Record<PaginationArrowTypes, IconComponent>;
+export {};

package/__internal__/src/components/Pagination/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["IconArrowFirst","IconArrowLast","IconArrowLeft","IconArrowRight","range","defaultGetItemLabel","item","label","defaultGetItemKey","key","defaultGetItemClickable","clickable","firstPageSeparator","lastPageSeparator","pageSeparatorLabel","guardCurrentPage","currentPage","totalPages","Math","floor","max","min","getPagesArrayByVisibleCount","visibleCountProp","showFirstPage","showLastPage","visibleCount","page","visibleSegmentStartToCenter","ceil","visibleSegmentEndToCenter","slideStart","map","i","el","toString","getPagesArrayByWidth","currentPageArg","gap","buttonPadding","buttonMinWidth","maxSymbolSize","totalWidth","w","direction","leftIndex","rightIndex","pages","getButtonWidth","withGap","length","add","buttonWidth","push","unshift","moreButtonWidth","firstButtonWidth","lastButtonWidth","isAddFirstPage","isAddlastPage","slicedArray","array","slice","reduce","previous","currentValue","returned","getPagesArray","paginationArrowIconsMap","first","next","last"],"sources":["../../../../../src/components/Pagination/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconArrowFirst } from '@consta/icons/IconArrowFirst';\nimport { IconArrowLast } from '@consta/icons/IconArrowLast';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\n\nimport { range } from '##/utils/array';\n\nimport {\n  PaginationArrowTypes,\n  PaginationBaseItemDefault,\n  PaginationItem,\n  PaginationPropGetItemClickable,\n  PaginationPropGetItemKey,\n  PaginationPropGetItemLabel,\n} from './types';\n\nexport const defaultGetItemLabel: PaginationPropGetItemLabel<\n  PaginationBaseItemDefault\n> = (item) => item.label;\nexport const defaultGetItemKey: PaginationPropGetItemKey<\n  PaginationBaseItemDefault\n> = (item) => item.key;\nexport const defaultGetItemClickable: PaginationPropGetItemClickable<\n  PaginationBaseItemDefault\n> = (item) => item.clickable ?? true;\n\nexport const firstPageSeparator = '<_';\nexport const lastPageSeparator = '_>';\nexport const pageSeparatorLabel = '...';\nexport const guardCurrentPage = (\n  currentPage: number | undefined,\n  totalPages: number,\n) => Math.floor(Math.max(1, Math.min(currentPage || 0, totalPages)));\n\nexport const getPagesArrayByVisibleCount = (\n  currentPage: number,\n  totalPages: number,\n  visibleCountProp: number,\n  showFirstPage?: boolean,\n  showLastPage?: boolean,\n): PaginationItem[] => {\n  const visibleCount = Math.floor(Math.min(visibleCountProp, totalPages));\n  const page = guardCurrentPage(currentPage, totalPages);\n  const visibleSegmentStartToCenter = Math.ceil(visibleCount / 2);\n  const visibleSegmentEndToCenter = visibleCount - visibleSegmentStartToCenter;\n  const slideStart = Math.max(0, page - visibleSegmentStartToCenter);\n\n  return range(visibleCount).map((i) => {\n    const el =\n      i +\n      slideStart +\n      1 -\n      Math.max(0, page + visibleSegmentEndToCenter - totalPages);\n\n    if (visibleCount >= 5 && visibleCount < totalPages) {\n      if (showFirstPage && i === 0 && page - visibleSegmentStartToCenter > 0) {\n        return {\n          key: 1,\n          label: '1',\n          clickable: true,\n        };\n      }\n      if (showFirstPage && i === 1 && page - visibleSegmentStartToCenter > 0) {\n        return {\n          key: firstPageSeparator,\n          label: pageSeparatorLabel,\n          clickable: false,\n        };\n      }\n      if (\n        showLastPage &&\n        i === visibleCount - 1 &&\n        page + visibleSegmentEndToCenter < totalPages\n      ) {\n        return {\n          key: totalPages,\n          label: totalPages.toString(),\n          clickable: true,\n        };\n      }\n      if (\n        showLastPage &&\n        i === visibleCount - 2 &&\n        page + visibleSegmentEndToCenter < totalPages\n      ) {\n        return {\n          key: lastPageSeparator,\n          label: pageSeparatorLabel,\n          clickable: false,\n        };\n      }\n    }\n\n    return {\n      key: el,\n      label: el.toString(),\n      clickable: true,\n    };\n  });\n};\n\ntype GetPagesArray = (\n  currentPage: number,\n  totalPages: number,\n  visibleCount: number,\n  showFirstPage: boolean,\n  showLastPage: boolean,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => PaginationItem[];\n\ntype GetPagesArrayByWidth = (\n  currentPage: number,\n  totalPages: number,\n  showFirstPage: boolean,\n  showLastPage: boolean,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => PaginationItem[];\n\nexport const getPagesArrayByWidth: GetPagesArrayByWidth = (\n  currentPageArg,\n  totalPages,\n  showFirstPage,\n  showLastPage,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => {\n  const currentPage = guardCurrentPage(currentPageArg, totalPages);\n\n  let w = totalWidth;\n  // направлеине добавления кнопки, true - влево, false - вправо\n  let direction = false;\n  // индекс добавляемой кнопки относительно от выбранной\n  let leftIndex = 0;\n  let rightIndex = 1;\n  let pages: (PaginationItem & { buttonWidth: number })[] = [];\n\n  const getButtonWidth = (label: number, withGap: boolean) => {\n    return (\n      Math.max(\n        label.toString().length * maxSymbolSize + buttonPadding,\n        buttonMinWidth,\n      ) + (withGap ? gap : 0)\n    );\n  };\n\n  while (w > 0 && pages.length < totalPages) {\n    const add = direction ? currentPage + rightIndex : currentPage - leftIndex;\n\n    const buttonWidth: number = getButtonWidth(add, Boolean(pages.length));\n\n    if (w - buttonWidth >= 0 && add <= totalPages && add >= 1) {\n      const el = {\n        key: add,\n        label: add.toString(),\n        clickable: true,\n        buttonWidth,\n      };\n\n      if (direction) {\n        pages.push(el);\n        rightIndex += 1;\n      } else {\n        pages.unshift(el);\n        leftIndex += 1;\n      }\n    }\n    direction = !direction;\n\n    w -= add <= totalPages && add >= 1 ? buttonWidth : 0;\n  }\n\n  if ((showFirstPage || showLastPage) && pages.length >= 5) {\n    const moreButtonWidth = getButtonWidth(1, true);\n    const firstButtonWidth = getButtonWidth(1, true);\n    const lastButtonWidth = getButtonWidth(totalPages, true);\n\n    let isAddFirstPage = false;\n    let isAddlastPage = false;\n\n    if (showFirstPage && pages[0].key !== 1) {\n      let array = [...pages];\n\n      while (array.length > 3) {\n        if (array[0].key === currentPage) {\n          break;\n        }\n\n        const slicedArray = array.slice(1);\n\n        if (\n          slicedArray\n            .map((el) => el.buttonWidth)\n            .reduce((previous, currentValue) => previous + currentValue) +\n            firstButtonWidth +\n            moreButtonWidth <=\n          totalWidth\n        ) {\n          isAddFirstPage = true;\n          pages = [...slicedArray];\n          break;\n        }\n\n        array = slicedArray;\n      }\n    }\n\n    if (showLastPage && pages[pages.length - 1].key !== totalPages) {\n      let array = [...pages];\n\n      while (array.length > 3) {\n        if (array[array.length - 1].key === totalPages) {\n          break;\n        }\n\n        const slicedArray = array.slice(0, -1);\n\n        if (\n          slicedArray\n            .map((el) => el.buttonWidth)\n            .reduce((previous, currentValue) => previous + currentValue) +\n            lastButtonWidth +\n            moreButtonWidth +\n            (isAddFirstPage ? firstButtonWidth + moreButtonWidth : 0) <=\n          totalWidth\n        ) {\n          isAddlastPage = true;\n          pages = [...slicedArray];\n          break;\n        }\n\n        array = slicedArray;\n      }\n    }\n\n    pages = [\n      ...(isAddFirstPage\n        ? [\n            {\n              key: 1,\n              label: '1',\n              clickable: true,\n              buttonWidth: firstButtonWidth,\n            },\n            {\n              key: firstPageSeparator,\n              label: pageSeparatorLabel,\n              buttonWidth: moreButtonWidth,\n              clickable: false,\n            },\n          ]\n        : []),\n      ...pages,\n      ...(isAddlastPage\n        ? [\n            {\n              key: lastPageSeparator,\n              label: pageSeparatorLabel,\n              buttonWidth: moreButtonWidth,\n              clickable: false,\n            },\n            {\n              key: totalPages,\n              label: totalPages.toString(),\n              clickable: true,\n              buttonWidth: firstButtonWidth,\n            },\n          ]\n        : []),\n    ];\n  }\n\n  const returned: PaginationItem[] = pages.map(({ key, label, clickable }) => ({\n    key,\n    label,\n    clickable,\n  }));\n\n  return returned;\n};\n\nexport const getPagesArray: GetPagesArray = (\n  currentPage,\n  totalPages = 1,\n  visibleCount,\n  showFirstPage,\n  showLastPage,\n  gap,\n  buttonPadding,\n  buttonMinWidth,\n  maxSymbolSize,\n  totalWidth,\n) => {\n  return visibleCount\n    ? getPagesArrayByVisibleCount(\n        currentPage,\n        totalPages,\n        visibleCount,\n        showFirstPage,\n        showLastPage,\n      )\n    : getPagesArrayByWidth(\n        currentPage,\n        totalPages,\n        showFirstPage,\n        showLastPage,\n        gap,\n        buttonPadding,\n        buttonMinWidth,\n        maxSymbolSize,\n        totalWidth,\n      );\n};\n\nexport const paginationArrowIconsMap: Record<\n  PaginationArrowTypes,\n  IconComponent\n> = {\n  first: IconArrowFirst,\n  previous: IconArrowLeft,\n  next: IconArrowRight,\n  last: IconArrowLast,\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["IconArrowFirst","IconArrowLast","IconArrowLeft","IconArrowRight","range","defaultGetItemLabel","item","label","defaultGetItemKey","key","defaultGetItemClickable","clickable","firstPageSeparator","lastPageSeparator","pageSeparatorLabel","guardCurrentPage","currentPage","totalPages","Math","floor","max","min","getPagesArrayByVisibleCount","visibleCountProp","showFirstPage","showLastPage","visibleCount","page","visibleSegmentStartToCenter","ceil","visibleSegmentEndToCenter","slideStart","map","i","el","toString","getPagesArrayByWidth","currentPageArg","gap","buttonPadding","buttonMinWidth","maxSymbolSize","totalWidth","w","direction","leftIndex","rightIndex","pages","getButtonWidth","withGap","length","add","buttonWidth","push","unshift","moreButtonWidth","firstButtonWidth","lastButtonWidth","isAddFirstPage","isAddLastPage","slicedArray","array","slice","reduce","previous","currentValue","returned","getPagesArray","paginationArrowIconsMap","first","next","last"],"sources":["../../../../../src/components/Pagination/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconArrowFirst } from '@consta/icons/IconArrowFirst';\nimport { IconArrowLast } from '@consta/icons/IconArrowLast';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\n\nimport { range } from '##/utils/array';\n\nimport {\n  PaginationArrowTypes,\n  PaginationBaseItemDefault,\n  PaginationItem,\n  PaginationPropGetItemClickable,\n  PaginationPropGetItemKey,\n  PaginationPropGetItemLabel,\n} from './types';\n\nexport const defaultGetItemLabel: PaginationPropGetItemLabel<\n  PaginationBaseItemDefault\n> = (item) => item.label;\nexport const defaultGetItemKey: PaginationPropGetItemKey<\n  PaginationBaseItemDefault\n> = (item) => item.key;\nexport const defaultGetItemClickable: PaginationPropGetItemClickable<\n  PaginationBaseItemDefault\n> = (item) => item.clickable ?? true;\n\nexport const firstPageSeparator = '<_';\nexport const lastPageSeparator = '_>';\nexport const pageSeparatorLabel = '...';\nexport const guardCurrentPage = (\n  currentPage: number | undefined,\n  totalPages: number,\n) => Math.floor(Math.max(1, Math.min(currentPage || 0, totalPages)));\n\nexport const getPagesArrayByVisibleCount = (\n  currentPage: number,\n  totalPages: number,\n  visibleCountProp: number,\n  showFirstPage?: boolean,\n  showLastPage?: boolean,\n): PaginationItem[] => {\n  const visibleCount = Math.floor(Math.min(visibleCountProp, totalPages));\n  const page = guardCurrentPage(currentPage, totalPages);\n  const visibleSegmentStartToCenter = Math.ceil(visibleCount / 2);\n  const visibleSegmentEndToCenter = visibleCount - visibleSegmentStartToCenter;\n  const slideStart = Math.max(0, page - visibleSegmentStartToCenter);\n\n  return range(visibleCount).map((i) => {\n    const el =\n      i +\n      slideStart +\n      1 -\n      Math.max(0, page + visibleSegmentEndToCenter - totalPages);\n\n    if (visibleCount >= 5 && visibleCount < totalPages) {\n      if (showFirstPage && i === 0 && page - visibleSegmentStartToCenter > 0) {\n        return {\n          key: 1,\n          label: '1',\n          clickable: true,\n        };\n      }\n      if (showFirstPage && i === 1 && page - visibleSegmentStartToCenter > 0) {\n        return {\n          key: firstPageSeparator,\n          label: pageSeparatorLabel,\n          clickable: false,\n        };\n      }\n      if (\n        showLastPage &&\n        i === visibleCount - 1 &&\n        page + visibleSegmentEndToCenter < totalPages\n      ) {\n        return {\n          key: totalPages,\n          label: totalPages.toString(),\n          clickable: true,\n        };\n      }\n      if (\n        showLastPage &&\n        i === visibleCount - 2 &&\n        page + visibleSegmentEndToCenter < totalPages\n      ) {\n        return {\n          key: lastPageSeparator,\n          label: pageSeparatorLabel,\n          clickable: false,\n        };\n      }\n    }\n\n    return {\n      key: el,\n      label: el.toString(),\n      clickable: true,\n    };\n  });\n};\n\ntype GetPagesArray = (\n  currentPage: number,\n  totalPages: number,\n  visibleCount: number,\n  showFirstPage: boolean,\n  showLastPage: boolean,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => PaginationItem[];\n\ntype GetPagesArrayByWidth = (\n  currentPage: number,\n  totalPages: number,\n  showFirstPage: boolean,\n  showLastPage: boolean,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => PaginationItem[];\n\nexport const getPagesArrayByWidth: GetPagesArrayByWidth = (\n  currentPageArg,\n  totalPages,\n  showFirstPage,\n  showLastPage,\n  gap: number,\n  buttonPadding: number,\n  buttonMinWidth: number,\n  maxSymbolSize: number,\n  totalWidth: number,\n) => {\n  const currentPage = guardCurrentPage(currentPageArg, totalPages);\n\n  let w = totalWidth;\n  // направление добавления кнопки, true - влево, false - вправо\n  let direction = false;\n  // индекс добавляемой кнопки относительно от выбранной\n  let leftIndex = 0;\n  let rightIndex = 1;\n  let pages: (PaginationItem & { buttonWidth: number })[] = [];\n\n  const getButtonWidth = (label: number, withGap: boolean) => {\n    return (\n      Math.max(\n        label.toString().length * maxSymbolSize + buttonPadding,\n        buttonMinWidth,\n      ) + (withGap ? gap : 0)\n    );\n  };\n\n  while (w > 0 && pages.length < totalPages) {\n    const add = direction ? currentPage + rightIndex : currentPage - leftIndex;\n\n    const buttonWidth: number = getButtonWidth(add, Boolean(pages.length));\n\n    if (w - buttonWidth >= 0 && add <= totalPages && add >= 1) {\n      const el = {\n        key: add,\n        label: add.toString(),\n        clickable: true,\n        buttonWidth,\n      };\n\n      if (direction) {\n        pages.push(el);\n        rightIndex += 1;\n      } else {\n        pages.unshift(el);\n        leftIndex += 1;\n      }\n    }\n    direction = !direction;\n\n    w -= add <= totalPages && add >= 1 ? buttonWidth : 0;\n  }\n\n  if ((showFirstPage || showLastPage) && pages.length >= 5) {\n    const moreButtonWidth = getButtonWidth(1, true);\n    const firstButtonWidth = getButtonWidth(1, true);\n    const lastButtonWidth = getButtonWidth(totalPages, true);\n\n    let isAddFirstPage = false;\n    let isAddLastPage = false;\n\n    if (showFirstPage && pages[0].key !== 1) {\n      let array = [...pages];\n\n      while (array.length > 3) {\n        if (array[0].key === currentPage) {\n          break;\n        }\n\n        const slicedArray = array.slice(1);\n\n        if (\n          slicedArray\n            .map((el) => el.buttonWidth)\n            .reduce((previous, currentValue) => previous + currentValue) +\n            firstButtonWidth +\n            moreButtonWidth <=\n          totalWidth\n        ) {\n          isAddFirstPage = true;\n          pages = [...slicedArray];\n          break;\n        }\n\n        array = slicedArray;\n      }\n    }\n\n    if (showLastPage && pages[pages.length - 1].key !== totalPages) {\n      let array = [...pages];\n\n      while (array.length > 3) {\n        if (array[array.length - 1].key === totalPages) {\n          break;\n        }\n\n        const slicedArray = array.slice(0, -1);\n\n        if (\n          slicedArray\n            .map((el) => el.buttonWidth)\n            .reduce((previous, currentValue) => previous + currentValue) +\n            lastButtonWidth +\n            moreButtonWidth +\n            (isAddFirstPage ? firstButtonWidth + moreButtonWidth : 0) <=\n          totalWidth\n        ) {\n          isAddLastPage = true;\n          pages = [...slicedArray];\n          break;\n        }\n\n        array = slicedArray;\n      }\n    }\n\n    pages = [\n      ...(isAddFirstPage\n        ? [\n            {\n              key: 1,\n              label: '1',\n              clickable: true,\n              buttonWidth: firstButtonWidth,\n            },\n            {\n              key: firstPageSeparator,\n              label: pageSeparatorLabel,\n              buttonWidth: moreButtonWidth,\n              clickable: false,\n            },\n          ]\n        : []),\n      ...pages,\n      ...(isAddLastPage\n        ? [\n            {\n              key: lastPageSeparator,\n              label: pageSeparatorLabel,\n              buttonWidth: moreButtonWidth,\n              clickable: false,\n            },\n            {\n              key: totalPages,\n              label: totalPages.toString(),\n              clickable: true,\n              buttonWidth: firstButtonWidth,\n            },\n          ]\n        : []),\n    ];\n  }\n\n  const returned: PaginationItem[] = pages.map(({ key, label, clickable }) => ({\n    key,\n    label,\n    clickable,\n  }));\n\n  return returned;\n};\n\nexport const getPagesArray: GetPagesArray = (\n  currentPage,\n  totalPages = 1,\n  visibleCount,\n  showFirstPage,\n  showLastPage,\n  gap,\n  buttonPadding,\n  buttonMinWidth,\n  maxSymbolSize,\n  totalWidth,\n) => {\n  return visibleCount\n    ? getPagesArrayByVisibleCount(\n        currentPage,\n        totalPages,\n        visibleCount,\n        showFirstPage,\n        showLastPage,\n      )\n    : getPagesArrayByWidth(\n        currentPage,\n        totalPages,\n        showFirstPage,\n        showLastPage,\n        gap,\n        buttonPadding,\n        buttonMinWidth,\n        maxSymbolSize,\n        totalWidth,\n      );\n};\n\nexport const paginationArrowIconsMap: Record<\n  PaginationArrowTypes,\n  IconComponent\n> = {\n  first: IconArrowFirst,\n  previous: IconArrowLeft,\n  next: IconArrowRight,\n  last: IconArrowLast,\n};\n"],"mappings":"yEACA,OAASA,cAAT,KAA+B,8BAA/B,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CAEA,OAASC,KAAT,yBAWA,MAAO,IAAMC,oBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,KAAf,CAFG,CAGP,MAAO,IAAMC,kBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,GAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,yBAAUA,CAAI,CAACK,SAAf,iBAFG,CAIP,MAAO,IAAMC,mBAAkB,CAAG,IAA3B,CACP,MAAO,IAAMC,kBAAiB,CAAG,IAA1B,CACP,MAAO,IAAMC,mBAAkB,CAAG,KAA3B,CACP,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,CAE9BC,CAF8B,QAG3BC,KAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,GAAL,CAAS,CAAT,CAAYF,IAAI,CAACG,GAAL,CAASL,CAAW,EAAI,CAAxB,CAA2BC,CAA3B,CAAZ,CAAX,CAH2B,CAAzB,CAKP,MAAO,IAAMK,4BAA2B,CAAG,SACzCN,CADyC,CAEzCC,CAFyC,CAGzCM,CAHyC,CAIzCC,CAJyC,CAKzCC,CALyC,CAMpB,IACfC,EAAY,CAAGR,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACG,GAAL,CAASE,CAAT,CAA2BN,CAA3B,CAAX,CADA,CAEfU,CAAI,CAAGZ,gBAAgB,CAACC,CAAD,CAAcC,CAAd,CAFR,CAGfW,CAA2B,CAAGV,IAAI,CAACW,IAAL,CAAUH,CAAY,CAAG,CAAzB,CAHf,CAIfI,CAAyB,CAAGJ,CAAY,CAAGE,CAJ5B,CAKfG,CAAU,CAAGb,IAAI,CAACE,GAAL,CAAS,CAAT,CAAYO,CAAI,CAAGC,CAAnB,CALE,CAOrB,MAAOxB,MAAK,CAACsB,CAAD,CAAL,CAAoBM,GAApB,CAAwB,SAACC,CAAD,CAAO,CACpC,GAAMC,EAAE,CACND,CAAC,CACDF,CADA,CAEA,CAFA,CAGAb,IAAI,CAACE,GAAL,CAAS,CAAT,CAAYO,CAAI,CAAGG,CAAP,CAAmCb,CAA/C,CAJF,CAMA,GAAoB,CAAhB,EAAAS,CAAY,EAASA,CAAY,CAAGT,CAAxC,CAAoD,CAClD,GAAIO,CAAa,EAAU,CAAN,GAAAS,CAAjB,EAAiE,CAArC,CAAAN,CAAI,CAAGC,CAAvC,CACE,MAAO,CACLnB,GAAG,CAAE,CADA,CAELF,KAAK,CAAE,GAFF,CAGLI,SAAS,GAHJ,CAAP,CAMF,GAAIa,CAAa,EAAU,CAAN,GAAAS,CAAjB,EAAiE,CAArC,CAAAN,CAAI,CAAGC,CAAvC,CACE,MAAO,CACLnB,GAAG,CAAEG,kBADA,CAELL,KAAK,CAAEO,kBAFF,CAGLH,SAAS,GAHJ,CAAP,CAMF,GACEc,CAAY,EACZQ,CAAC,GAAKP,CAAY,CAAG,CADrB,EAEAC,CAAI,CAAGG,CAAP,CAAmCb,CAHrC,CAKE,MAAO,CACLR,GAAG,CAAEQ,CADA,CAELV,KAAK,CAAEU,CAAU,CAACkB,QAAX,EAFF,CAGLxB,SAAS,GAHJ,CAAP,CAMF,GACEc,CAAY,EACZQ,CAAC,GAAKP,CAAY,CAAG,CADrB,EAEAC,CAAI,CAAGG,CAAP,CAAmCb,CAHrC,CAKE,MAAO,CACLR,GAAG,CAAEI,iBADA,CAELN,KAAK,CAAEO,kBAFF,CAGLH,SAAS,GAHJ,CAMV,CAED,MAAO,CACLF,GAAG,CAAEyB,CADA,CAEL3B,KAAK,CAAE2B,CAAE,CAACC,QAAH,EAFF,CAGLxB,SAAS,GAHJ,CAKR,CAnDM,CAoDR,CAjEM,CA4FP,MAAO,IAAMyB,qBAA0C,CAAG,SACxDC,CADwD,CAExDpB,CAFwD,CAGxDO,CAHwD,CAIxDC,CAJwD,CAKxDa,CALwD,CAMxDC,CANwD,CAOxDC,CAPwD,CAQxDC,CARwD,CASxDC,CATwD,CAUrD,QACG1B,EAAW,CAAGD,gBAAgB,CAACsB,CAAD,CAAiBpB,CAAjB,CADjC,CAGC0B,CAAC,CAAGD,CAHL,CAKCE,CAAS,GALV,CAOCC,CAAS,CAAG,CAPb,CAQCC,CAAU,CAAG,CARd,CASCC,CAAmD,CAAG,EATvD,CAWGC,CAAc,CAAG,SAACzC,CAAD,CAAgB0C,CAAhB,CAAqC,CAC1D,MACE/B,KAAI,CAACE,GAAL,CACEb,CAAK,CAAC4B,QAAN,GAAiBe,MAAjB,CAA0BT,CAA1B,CAA0CF,CAD5C,CAEEC,CAFF,GAGKS,CAAO,CAAGX,CAAH,CAAS,CAHrB,CAKH,CAlBE,CAoBQ,CAAJ,CAAAK,CAAC,EAAQI,CAAK,CAACG,MAAN,CAAejC,CApB5B,EAoBwC,IACnCkC,EAAG,CAAGP,CAAS,CAAG5B,CAAW,CAAG8B,CAAjB,CAA8B9B,CAAW,CAAG6B,CADxB,CAGnCO,CAAmB,CAAGJ,CAAc,CAACG,CAAD,GAAcJ,CAAK,CAACG,MAApB,CAHD,CAKzC,GAAuB,CAAnB,EAAAP,CAAC,CAAGS,CAAJ,EAAwBD,CAAG,EAAIlC,CAA/B,EAAoD,CAAP,EAAAkC,CAAjD,CAA2D,CACzD,GAAMjB,EAAE,CAAG,CACTzB,GAAG,CAAE0C,CADI,CAET5C,KAAK,CAAE4C,CAAG,CAAChB,QAAJ,EAFE,CAGTxB,SAAS,GAHA,CAITyC,WAAW,CAAXA,CAJS,CAAX,CAOIR,CARqD,EASvDG,CAAK,CAACM,IAAN,CAAWnB,CAAX,CATuD,CAUvDY,CAAU,EAAI,CAVyC,GAYvDC,CAAK,CAACO,OAAN,CAAcpB,CAAd,CAZuD,CAavDW,CAAS,EAAI,CAb0C,CAe1D,CACDD,CAAS,CAAG,CAACA,CArB4B,CAuBzCD,CAAC,EAAIQ,CAAG,EAAIlC,CAAP,EAA4B,CAAP,EAAAkC,CAArB,CAAgCC,CAAhC,CAA8C,CACpD,CAED,GAAI,CAAC5B,CAAa,EAAIC,CAAlB,GAAmD,CAAhB,EAAAsB,CAAK,CAACG,MAA7C,CAA0D,IAClDK,EAAe,CAAGP,CAAc,CAAC,CAAD,IADkB,CAElDQ,CAAgB,CAAGR,CAAc,CAAC,CAAD,IAFiB,CAGlDS,CAAe,CAAGT,CAAc,CAAC/B,CAAD,IAHkB,CAKpDyC,CAAc,GALsC,CAMpDC,CAAa,GANuC,CAQxD,GAAInC,CAAa,EAAqB,CAAjB,GAAAuB,CAAK,CAAC,CAAD,CAAL,CAAStC,GAA9B,KACE,GAOQmD,EAPR,CAAIC,CAAK,oBAAOd,CAAP,CADX,CAGwB,CAAf,CAAAc,CAAK,CAACX,MAHf,EAIQW,CAAK,CAAC,CAAD,CAAL,CAASpD,GAAT,GAAiBO,CAJzB,GAUI,GAFM4C,CAEN,CAFoBC,CAAK,CAACC,KAAN,CAAY,CAAZ,CAEpB,CACEF,CAAW,CACR5B,GADH,CACO,SAACE,CAAD,QAAQA,EAAE,CAACkB,WAAX,CADP,EAEGW,MAFH,CAEU,SAACC,CAAD,CAAWC,CAAX,QAA4BD,EAAQ,CAAGC,CAAvC,CAFV,EAGET,CAHF,CAIED,CAJF,EAKAb,CANF,CAOE,CACAgB,CAAc,GADd,CAEAX,CAAK,oBAAOa,CAAP,CAFL,CAGA,KACD,CAEDC,CAAK,CAAGD,CAvBZ,CA2BA,GAAInC,CAAY,EAAIsB,CAAK,CAACA,CAAK,CAACG,MAAN,CAAe,CAAhB,CAAL,CAAwBzC,GAAxB,GAAgCQ,CAApD,KACE,GAOQ2C,EAPR,CAAIC,CAAK,oBAAOd,CAAP,CADX,CAGwB,CAAf,CAAAc,CAAK,CAACX,MAHf,EAIQW,CAAK,CAACA,CAAK,CAACX,MAAN,CAAe,CAAhB,CAAL,CAAwBzC,GAAxB,GAAgCQ,CAJxC,GAUI,GAFM2C,CAEN,CAFoBC,CAAK,CAACC,KAAN,CAAY,CAAZ,CAAe,CAAC,CAAhB,CAEpB,CACEF,CAAW,CACR5B,GADH,CACO,SAACE,CAAD,QAAQA,EAAE,CAACkB,WAAX,CADP,EAEGW,MAFH,CAEU,SAACC,CAAD,CAAWC,CAAX,QAA4BD,EAAQ,CAAGC,CAAvC,CAFV,EAGER,CAHF,CAIEF,CAJF,EAKGG,CAAc,CAAGF,CAAgB,CAAGD,CAAtB,CAAwC,CALzD,GAMAb,CAPF,CAQE,CACAiB,CAAa,GADb,CAEAZ,CAAK,oBAAOa,CAAP,CAFL,CAGA,KACD,CAEDC,CAAK,CAAGD,CAxBZ,CA4BAb,CAAK,8BACCW,CAAc,CACd,CACE,CACEjD,GAAG,CAAE,CADP,CAEEF,KAAK,CAAE,GAFT,CAGEI,SAAS,GAHX,CAIEyC,WAAW,CAAEI,CAJf,CADF,CAOE,CACE/C,GAAG,CAAEG,kBADP,CAEEL,KAAK,CAAEO,kBAFT,CAGEsC,WAAW,CAAEG,CAHf,CAIE5C,SAAS,GAJX,CAPF,CADc,CAed,EAhBD,qBAiBAoC,CAjBA,qBAkBCY,CAAa,CACb,CACE,CACElD,GAAG,CAAEI,iBADP,CAEEN,KAAK,CAAEO,kBAFT,CAGEsC,WAAW,CAAEG,CAHf,CAIE5C,SAAS,GAJX,CADF,CAOE,CACEF,GAAG,CAAEQ,CADP,CAEEV,KAAK,CAAEU,CAAU,CAACkB,QAAX,EAFT,CAGExB,SAAS,GAHX,CAIEyC,WAAW,CAAEI,CAJf,CAPF,CADa,CAeb,EAjCD,EAmCN,CAED,GAAMU,EAA0B,CAAGnB,CAAK,CAACf,GAAN,CAAU,eAAGvB,EAAH,GAAGA,GAAH,CAAQF,CAAR,GAAQA,KAAR,CAAeI,CAAf,GAAeA,SAAf,OAAgC,CAC3EF,GAAG,CAAHA,CAD2E,CAE3EF,KAAK,CAALA,CAF2E,CAG3EI,SAAS,CAATA,CAH2E,CAAhC,CAAV,CAAnC,CAMA,MAAOuD,EACR,CAnKM,CAqKP,MAAO,IAAMC,cAA4B,CAAG,SAC1CnD,CAD0C,CAWvC,IATHC,EASG,wDATU,CASV,CARHS,CAQG,wCAPHF,CAOG,wCANHC,CAMG,wCALHa,CAKG,wCAJHC,CAIG,wCAHHC,CAGG,wCAFHC,CAEG,wCADHC,CACG,wCACH,MAAOhB,EAAY,CACfJ,2BAA2B,CACzBN,CADyB,CAEzBC,CAFyB,CAGzBS,CAHyB,CAIzBF,CAJyB,CAKzBC,CALyB,CADZ,CAQfW,oBAAoB,CAClBpB,CADkB,CAElBC,CAFkB,CAGlBO,CAHkB,CAIlBC,CAJkB,CAKlBa,CALkB,CAMlBC,CANkB,CAOlBC,CAPkB,CAQlBC,CARkB,CASlBC,CATkB,CAWzB,CA/BM,CAiCP,MAAO,IAAM0B,wBAGZ,CAAG,CACFC,KAAK,CAAErE,cADL,CAEFgE,QAAQ,CAAE9D,aAFR,CAGFoE,IAAI,CAAEnE,cAHJ,CAIFoE,IAAI,CAAEtE,aAJJ,CAHG"}

package/__internal__/src/components/Pagination/index.d.ts

@@ -1 +1 @@
-export * from './Pagination';
+export * from './Pagination';

package/__internal__/src/components/Pagination/types.d.ts

@@ -1,128 +1,128 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const paginationPropForm: readonly ["default", "brick", "round"];
-export declare type PaginationPropForm = typeof paginationPropForm[number];
-export declare const paginationPropFormDefault: PaginationPropForm;
-export declare const paginationPropSize: readonly ["m", "xs", "s", "l"];
-export declare type PaginationPropSize = typeof paginationPropSize[number];
-export declare const paginationPropSizeDefault: PaginationPropSize;
-export declare const paginationPropType: readonly ["default", "input"];
-export declare type PaginationPropType = typeof paginationPropType[number];
-export declare const paginationPropTypeDefault: PaginationPropType;
-export declare type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';
-export declare type PaginationPropHotKey = {
-    label: string;
-    keys: string[];
-};
-export declare type PaginationPropOnItemClick<ITEM> = (item: ITEM, params: {
-    e: React.MouseEvent;
-}) => void;
-export declare type PaginationPropOnChange<ITEM> = (value: ITEM, params: {
-    e: React.MouseEvent | KeyboardEvent;
-}) => void;
-export declare type PaginationPropArrow = boolean | IconComponent | {
-    label?: string;
-    icon?: IconComponent;
-};
-export declare type PaginationBasePropArrow = false | {
-    label?: string;
-    disabled?: boolean;
-    icon?: IconComponent;
-    onClick?: React.MouseEventHandler;
-};
-declare type PaginationArrowsProps = {
-    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
-} & ({
-    arrows: [PaginationPropArrow?, PaginationPropArrow?];
-    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
-} | {
-    arrows?: never;
-    hotKeys?: never;
-});
-export declare type PaginationItem = {
-    key: string | number;
-    label: string;
-    clickable: boolean;
-};
-export declare type PaginationProps<TYPE extends PaginationPropType> = PropsWithHTMLAttributes<{
-    type?: TYPE;
-    showFirstPage?: boolean;
-    showLastPage?: boolean;
-    visibleCount?: number;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    containerEventListener?: HTMLElement | Window;
-    value?: number;
-    items?: number;
-    onChange?: PaginationPropOnChange<number>;
-    getItemAs?: PaginationPropGetItemAs<PaginationItem>;
-    getItemAttributes?: PaginationPropGetItemAttributes<PaginationItem>;
-    getItemRef?: PaginationPropGetItemRef<PaginationItem>;
-}, HTMLDivElement> & PaginationArrowsProps & (TYPE extends 'input' ? {
-    getTotalLabel?: (pages: number) => string | number;
-} : {
-    getTotalLabel?: never;
-});
-export declare type PaginationComponent = <TYPE extends PaginationPropType>(props: PaginationProps<TYPE>) => React.ReactElement | null;
-export declare type PaginationBaseItemDefault = {
-    key: string | number;
-    label?: string;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    clickable?: boolean;
-    attributes?: AsAttributes;
-    onClick?: React.MouseEventHandler;
-};
-export declare type PaginationPropGetItemKey<ITEM> = (item: ITEM) => PaginationBaseItemDefault['key'];
-export declare type PaginationPropGetItemLabel<ITEM> = (item: ITEM) => PaginationBaseItemDefault['label'];
-export declare type PaginationPropGetItemClickable<ITEM> = (item: ITEM) => PaginationBaseItemDefault['clickable'];
-export declare type PaginationPropGetItemAs<ITEM> = (item: ITEM) => PaginationBaseItemDefault['as'];
-export declare type PaginationPropGetItemAttributes<ITEM> = (item: ITEM) => PaginationBaseItemDefault['attributes'];
-export declare type PaginationPropGetItemRef<ITEM> = (item: ITEM) => PaginationBaseItemDefault['ref'];
-export declare type PaginationPropGetItemOnClick<ITEM> = (item: ITEM) => PaginationBaseItemDefault['onClick'];
-declare type Mappers<ITEM = PaginationBaseItemDefault> = {
-    getItemLabel?: PaginationPropGetItemLabel<ITEM>;
-    getItemKey: PaginationPropGetItemKey<ITEM>;
-    getItemAs?: PaginationPropGetItemAs<ITEM>;
-    getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;
-    getItemRef?: PaginationPropGetItemRef<ITEM>;
-    getItemClickable?: PaginationPropGetItemClickable<ITEM>;
-    getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;
-};
-export declare type PaginationArrowProps = PropsWithHTMLAttributes<{
-    icon?: IconComponent;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    disabled?: boolean;
-    orientation?: 'start' | 'end';
-    label?: string;
-    caption?: string;
-}, HTMLButtonElement>;
-export declare type PaginationItemProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    label?: string;
-    active?: boolean;
-    clickable?: boolean;
-}, AS>;
-export declare type PaginationItemComponent = <AS extends AsTags = 'button'>(props: PaginationItemProps<AS>) => React.ReactElement | null;
-export declare type PaginationNumberInputProps = PropsWithHTMLAttributes<{
-    value?: number;
-    onChange?: PaginationPropOnChange<number>;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    total: number;
-    getTotalLabel?: (pages: number) => string | number;
-}, HTMLDivElement>;
-export declare type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    items: ITEM[];
-    value?: ITEM;
-    onItemClick?: PaginationPropOnItemClick<ITEM>;
-}, HTMLDivElement> & Mappers<ITEM>;
-export declare type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(props: PaginationListProps<ITEM>) => React.ReactElement | null;
-export {};
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const paginationPropForm: readonly ["default", "brick", "round"];
+export declare type PaginationPropForm = typeof paginationPropForm[number];
+export declare const paginationPropFormDefault: PaginationPropForm;
+export declare const paginationPropSize: readonly ["m", "xs", "s", "l"];
+export declare type PaginationPropSize = typeof paginationPropSize[number];
+export declare const paginationPropSizeDefault: PaginationPropSize;
+export declare const paginationPropType: readonly ["default", "input"];
+export declare type PaginationPropType = typeof paginationPropType[number];
+export declare const paginationPropTypeDefault: PaginationPropType;
+export declare type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';
+export declare type PaginationPropHotKey = {
+    label: string;
+    keys: string[];
+};
+export declare type PaginationPropOnItemClick<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+}) => void;
+export declare type PaginationPropOnChange<ITEM> = (value: ITEM, params: {
+    e: React.MouseEvent | KeyboardEvent;
+}) => void;
+export declare type PaginationPropArrow = boolean | IconComponent | {
+    label?: string;
+    icon?: IconComponent;
+};
+export declare type PaginationBasePropArrow = false | {
+    label?: string;
+    disabled?: boolean;
+    icon?: IconComponent;
+    onClick?: React.MouseEventHandler;
+};
+declare type PaginationArrowsProps = {
+    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
+} & ({
+    arrows: [PaginationPropArrow?, PaginationPropArrow?];
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+} | {
+    arrows?: never;
+    hotKeys?: never;
+});
+export declare type PaginationItem = {
+    key: string | number;
+    label: string;
+    clickable: boolean;
+};
+export declare type PaginationProps<TYPE extends PaginationPropType> = PropsWithHTMLAttributes<{
+    type?: TYPE;
+    showFirstPage?: boolean;
+    showLastPage?: boolean;
+    visibleCount?: number;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    containerEventListener?: HTMLElement | Window;
+    value?: number;
+    items?: number;
+    onChange?: PaginationPropOnChange<number>;
+    getItemAs?: PaginationPropGetItemAs<PaginationItem>;
+    getItemAttributes?: PaginationPropGetItemAttributes<PaginationItem>;
+    getItemRef?: PaginationPropGetItemRef<PaginationItem>;
+}, HTMLDivElement> & PaginationArrowsProps & (TYPE extends 'input' ? {
+    getTotalLabel?: (pages: number) => string | number;
+} : {
+    getTotalLabel?: never;
+});
+export declare type PaginationComponent = <TYPE extends PaginationPropType>(props: PaginationProps<TYPE>) => React.ReactElement | null;
+export declare type PaginationBaseItemDefault = {
+    key: string | number;
+    label?: string;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    clickable?: boolean;
+    attributes?: AsAttributes;
+    onClick?: React.MouseEventHandler;
+};
+export declare type PaginationPropGetItemKey<ITEM> = (item: ITEM) => PaginationBaseItemDefault['key'];
+export declare type PaginationPropGetItemLabel<ITEM> = (item: ITEM) => PaginationBaseItemDefault['label'];
+export declare type PaginationPropGetItemClickable<ITEM> = (item: ITEM) => PaginationBaseItemDefault['clickable'];
+export declare type PaginationPropGetItemAs<ITEM> = (item: ITEM) => PaginationBaseItemDefault['as'];
+export declare type PaginationPropGetItemAttributes<ITEM> = (item: ITEM) => PaginationBaseItemDefault['attributes'];
+export declare type PaginationPropGetItemRef<ITEM> = (item: ITEM) => PaginationBaseItemDefault['ref'];
+export declare type PaginationPropGetItemOnClick<ITEM> = (item: ITEM) => PaginationBaseItemDefault['onClick'];
+declare type Mappers<ITEM = PaginationBaseItemDefault> = {
+    getItemLabel?: PaginationPropGetItemLabel<ITEM>;
+    getItemKey: PaginationPropGetItemKey<ITEM>;
+    getItemAs?: PaginationPropGetItemAs<ITEM>;
+    getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;
+    getItemRef?: PaginationPropGetItemRef<ITEM>;
+    getItemClickable?: PaginationPropGetItemClickable<ITEM>;
+    getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;
+};
+export declare type PaginationArrowProps = PropsWithHTMLAttributes<{
+    icon?: IconComponent;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    disabled?: boolean;
+    orientation?: 'start' | 'end';
+    label?: string;
+    caption?: string;
+}, HTMLButtonElement>;
+export declare type PaginationItemProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    label?: string;
+    active?: boolean;
+    clickable?: boolean;
+}, AS>;
+export declare type PaginationItemComponent = <AS extends AsTags = 'button'>(props: PaginationItemProps<AS>) => React.ReactElement | null;
+export declare type PaginationNumberInputProps = PropsWithHTMLAttributes<{
+    value?: number;
+    onChange?: PaginationPropOnChange<number>;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    total: number;
+    getTotalLabel?: (pages: number) => string | number;
+}, HTMLDivElement>;
+export declare type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    items: ITEM[];
+    value?: ITEM;
+    onItemClick?: PaginationPropOnItemClick<ITEM>;
+}, HTMLDivElement> & Mappers<ITEM>;
+export declare type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(props: PaginationListProps<ITEM>) => React.ReactElement | null;
+export {};

package/__internal__/src/components/Pagination/usePaginationItems.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { PaginationPropArrow, PaginationPropHotKey, PaginationPropSize, PaginationPropType } from './types';
-declare type UsePaginationItemsProps = {
-    visibleCount?: number;
-    value: number;
-    items: number;
-    showFirstPage?: boolean;
-    showLastPage?: boolean;
-    containerEventListener?: HTMLElement | Window;
-    size: PaginationPropSize;
-    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
-    arrows?: [PaginationPropArrow?, PaginationPropArrow?];
-    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
-    type?: PaginationPropType;
-    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
-    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
-};
-export declare const itemSizeMap: Record<PaginationPropSize, number>;
-export declare const usePaginationItems: (props: UsePaginationItemsProps) => readonly [import("./types").PaginationItem[], import("react").RefObject<HTMLDivElement>[], number];
-export {};
+/// <reference types="react" />
+import { PaginationPropArrow, PaginationPropHotKey, PaginationPropSize, PaginationPropType } from './types';
+declare type UsePaginationItemsProps = {
+    visibleCount?: number;
+    value: number;
+    items: number;
+    showFirstPage?: boolean;
+    showLastPage?: boolean;
+    containerEventListener?: HTMLElement | Window;
+    size: PaginationPropSize;
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+    arrows?: [PaginationPropArrow?, PaginationPropArrow?];
+    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
+    type?: PaginationPropType;
+    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
+    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
+};
+export declare const itemSizeMap: Record<PaginationPropSize, number>;
+export declare const usePaginationItems: (props: UsePaginationItemsProps) => readonly [import("./types").PaginationItem[], import("react").RefObject<HTMLDivElement>[], number];
+export {};

package/__internal__/src/components/Pagination/usePaginationItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationItems.js","names":["useMemo","useRefs","useResizeObserved","getPagesArray","usePaginationKeys","itemSizeMap","l","m","s","xs","getElementWidth","el","getBoundingClientRect","width","hashArrows","arrows","map","Boolean","join","usePaginationItems","props","visibleCount","value","items","showFirstPage","showLastPage","containerEventListener","hotKeys","outerMostArrows","type","handleNext","handlePrevious","refs","gap","buttonPadding","buttonMinWidth","maxSymbolSize","Math","max","totalWidth","pages"],"sources":["../../../../../src/components/Pagination/usePaginationItems.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { getPagesArray } from './helpers';\nimport {\n  PaginationPropArrow,\n  PaginationPropHotKey,\n  PaginationPropSize,\n  PaginationPropType,\n} from './types';\nimport { usePaginationKeys } from './usePaginationKeys';\n\ntype UsePaginationItemsProps = {\n  visibleCount?: number;\n  value: number;\n  items: number;\n  showFirstPage?: boolean;\n  showLastPage?: boolean;\n  containerEventListener?: HTMLElement | Window;\n  size: PaginationPropSize;\n  hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n  arrows?: [PaginationPropArrow?, PaginationPropArrow?];\n  outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];\n  type?: PaginationPropType;\n  handleNext: (e: React.MouseEvent | KeyboardEvent) => void;\n  handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;\n};\n\nexport const itemSizeMap: Record<PaginationPropSize, number> = {\n  l: 48,\n  m: 40,\n  s: 32,\n  xs: 24,\n};\n\nconst getElementWidth = (el: HTMLElement | null) =>\n  el?.getBoundingClientRect().width ?? 0;\n\nconst hashArrows = (\n  arrows: [PaginationPropArrow?, PaginationPropArrow?] | undefined,\n) => arrows?.map(Boolean).join('-') || 'false-false';\n\nexport const usePaginationItems = (props: UsePaginationItemsProps) => {\n  const {\n    visibleCount,\n    value,\n    items,\n    showFirstPage,\n    showLastPage,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  } = props;\n\n  const refs = useRefs<HTMLDivElement>(20, [\n    items,\n    type,\n    hashArrows(outerMostArrows),\n    hashArrows(arrows),\n  ]);\n\n  const width = useResizeObserved(refs, getElementWidth);\n\n  // расстояние между кнопками\n  const gap = width[7] - width[5] - width[6];\n  // внутренний отступ кнопки\n  const buttonPadding = width[18] - width[19];\n  // минимальная ширина кнопки\n  const buttonMinWidth = width[5];\n  // Максималяная ширина символа\n  const maxSymbolSize = Math.max(\n    width[8],\n    width[9],\n    width[10],\n    width[11],\n    width[12],\n    width[13],\n    width[14],\n    width[15],\n    width[16],\n    width[17],\n  );\n  // разрешенная ширина\n  const totalWidth =\n    width[4] -\n    (width[0] ? width[0] + gap : 0) -\n    (width[1] ? width[1] + gap : 0) -\n    (width[2] ? width[2] + gap : 0) -\n    (width[3] ? width[3] + gap : 0);\n\n  const pages = useMemo(\n    () =>\n      type === 'default' && buttonMinWidth\n        ? getPagesArray(\n            value,\n            items,\n            visibleCount || 0,\n            showFirstPage || false,\n            showLastPage || false,\n            gap,\n            buttonPadding,\n            buttonMinWidth,\n            maxSymbolSize,\n            totalWidth,\n          )\n        : [],\n    [\n      type,\n      value,\n      items,\n      visibleCount,\n      showFirstPage,\n      showLastPage,\n      gap,\n      buttonPadding,\n      buttonMinWidth,\n      maxSymbolSize,\n      totalWidth,\n    ],\n  );\n\n  usePaginationKeys({\n    containerEventListener,\n    hotKeys,\n    handleNext,\n    handlePrevious,\n  });\n\n  return [pages, refs, maxSymbolSize] as const;\n};\n"],"mappings":"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"}
+{"version":3,"file":"usePaginationItems.js","names":["useMemo","useRefs","useResizeObserved","getPagesArray","usePaginationKeys","itemSizeMap","l","m","s","xs","getElementWidth","el","getBoundingClientRect","width","hashArrows","arrows","map","Boolean","join","usePaginationItems","props","visibleCount","value","items","showFirstPage","showLastPage","containerEventListener","hotKeys","outerMostArrows","type","handleNext","handlePrevious","refs","gap","buttonPadding","buttonMinWidth","maxSymbolSize","Math","max","totalWidth","pages"],"sources":["../../../../../src/components/Pagination/usePaginationItems.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { getPagesArray } from './helpers';\nimport {\n  PaginationPropArrow,\n  PaginationPropHotKey,\n  PaginationPropSize,\n  PaginationPropType,\n} from './types';\nimport { usePaginationKeys } from './usePaginationKeys';\n\ntype UsePaginationItemsProps = {\n  visibleCount?: number;\n  value: number;\n  items: number;\n  showFirstPage?: boolean;\n  showLastPage?: boolean;\n  containerEventListener?: HTMLElement | Window;\n  size: PaginationPropSize;\n  hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];\n  arrows?: [PaginationPropArrow?, PaginationPropArrow?];\n  outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];\n  type?: PaginationPropType;\n  handleNext: (e: React.MouseEvent | KeyboardEvent) => void;\n  handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;\n};\n\nexport const itemSizeMap: Record<PaginationPropSize, number> = {\n  l: 48,\n  m: 40,\n  s: 32,\n  xs: 24,\n};\n\nconst getElementWidth = (el: HTMLElement | null) =>\n  el?.getBoundingClientRect().width ?? 0;\n\nconst hashArrows = (\n  arrows: [PaginationPropArrow?, PaginationPropArrow?] | undefined,\n) => arrows?.map(Boolean).join('-') || 'false-false';\n\nexport const usePaginationItems = (props: UsePaginationItemsProps) => {\n  const {\n    visibleCount,\n    value,\n    items,\n    showFirstPage,\n    showLastPage,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  } = props;\n\n  const refs = useRefs<HTMLDivElement>(20, [\n    items,\n    type,\n    hashArrows(outerMostArrows),\n    hashArrows(arrows),\n  ]);\n\n  const width = useResizeObserved(refs, getElementWidth);\n\n  // расстояние между кнопками\n  const gap = width[7] - width[5] - width[6];\n  // внутренний отступ кнопки\n  const buttonPadding = width[18] - width[19];\n  // минимальная ширина кнопки\n  const buttonMinWidth = width[5];\n  // Максимальная ширина символа\n  const maxSymbolSize = Math.max(\n    width[8],\n    width[9],\n    width[10],\n    width[11],\n    width[12],\n    width[13],\n    width[14],\n    width[15],\n    width[16],\n    width[17],\n  );\n  // разрешенная ширина\n  const totalWidth =\n    width[4] -\n    (width[0] ? width[0] + gap : 0) -\n    (width[1] ? width[1] + gap : 0) -\n    (width[2] ? width[2] + gap : 0) -\n    (width[3] ? width[3] + gap : 0);\n\n  const pages = useMemo(\n    () =>\n      type === 'default' && buttonMinWidth\n        ? getPagesArray(\n            value,\n            items,\n            visibleCount || 0,\n            showFirstPage || false,\n            showLastPage || false,\n            gap,\n            buttonPadding,\n            buttonMinWidth,\n            maxSymbolSize,\n            totalWidth,\n          )\n        : [],\n    [\n      type,\n      value,\n      items,\n      visibleCount,\n      showFirstPage,\n      showLastPage,\n      gap,\n      buttonPadding,\n      buttonMinWidth,\n      maxSymbolSize,\n      totalWidth,\n    ],\n  );\n\n  usePaginationKeys({\n    containerEventListener,\n    hotKeys,\n    handleNext,\n    handlePrevious,\n  });\n\n  return [pages, refs, maxSymbolSize] as const;\n};\n"],"mappings":"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"}

package/__internal__/src/components/Pagination/usePaginationKeys.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { PaginationPropHotKey } from './types';
-declare type UsePaginationKeysParams = {
-    containerEventListener?: HTMLElement | Window;
-    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
-    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
-    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
-};
-export declare const usePaginationKeys: (params: UsePaginationKeysParams) => void;
-export {};
+/// <reference types="react" />
+import { PaginationPropHotKey } from './types';
+declare type UsePaginationKeysParams = {
+    containerEventListener?: HTMLElement | Window;
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
+    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
+};
+export declare const usePaginationKeys: (params: UsePaginationKeysParams) => void;
+export {};