@consta/uikit 5.0.2 → 5.1.0

package/__internal__/src/components/FieldLabel/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["React","cnMixSpace","cn","forwardRefWithAs","Text","cnFieldLabel","iconSizeMap","xs","s","m","l","iconSpaceMap","FieldLabel","props","ref","className","required","children","Icon","icon","size","otherProps","mR"],"sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import './FieldLabel.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace, Space } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Text } from '../Text/Text';\n\nexport type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';\n\ntype FieldLabelProps = {\n  icon?: IconComponent;\n  size?: FieldLabelPropSize;\n  required?: boolean;\n};\n\nconst cnFieldLabel = cn('FieldLabel');\n\nconst iconSizeMap: Record<FieldLabelPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 's',\n};\n\nconst iconSpaceMap: Record<FieldLabelPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: '2xs',\n  l: 'xs',\n};\n\nexport const FieldLabel = forwardRefWithAs<FieldLabelProps>((props, ref) => {\n  const {\n    className,\n    required,\n    children,\n    icon: Icon,\n    size = 'm',\n    ...otherProps\n  } = props;\n\n  return (\n    <Text\n      {...otherProps}\n      size={size}\n      view=\"secondary\"\n      lineHeight=\"m\"\n      className={cnFieldLabel(null, [className])}\n      ref={ref}\n    >\n      {Icon && (\n        <Icon\n          className={cnFieldLabel('Icon', [\n            cnMixSpace({ mR: iconSpaceMap[size] }),\n          ])}\n          size={iconSizeMap[size]}\n          view=\"secondary\"\n        />\n      )}\n      {children}\n      {required && <span className={cnFieldLabel('Star')}>*</span>}\n    </Text>\n  );\n});\n"],"mappings":"qJAAA,yBAGA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,IAAT,oB,GAUMC,aAAY,CAAGH,EAAE,CAAC,YAAD,C,CAEjBI,WAAqD,CAAG,CAC5DC,EAAE,CAAE,IADwD,CAE5DC,CAAC,CAAE,GAFyD,CAG5DC,CAAC,CAAE,GAHyD,CAI5DC,CAAC,CAAE,GAJyD,C,CAOxDC,YAA+C,CAAG,CACtDJ,EAAE,CAAE,KADkD,CAEtDC,CAAC,CAAE,KAFmD,CAGtDC,CAAC,CAAE,KAHmD,CAItDC,CAAC,CAAE,IAJmD,C,CAOxD,MAAO,IAAME,WAAU,CAAGT,gBAAgB,CAAkB,SAACU,CAAD,CAAQC,CAAR,CAAgB,CAC1E,GACEC,EADF,CAOIF,CAPJ,CACEE,SADF,CAEEC,CAFF,CAOIH,CAPJ,CAEEG,QAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,QAHF,CAIQC,CAJR,CAOIL,CAPJ,CAIEM,IAJF,GAOIN,CAPJ,CAKEO,IALF,CAKEA,CALF,YAKS,GALT,GAMKC,CANL,0BAOIR,CAPJ,YASA,MACE,qBAAC,IAAD,kBACMQ,CADN,EAEE,IAAI,CAAED,CAFR,CAGE,IAAI,CAAC,WAHP,CAIE,UAAU,CAAC,GAJb,CAKE,SAAS,CAAEf,YAAY,CAAC,IAAD,CAAO,CAACU,CAAD,CAAP,CALzB,CAME,GAAG,CAAED,CANP,GAQGI,CAAI,EACH,oBAAC,CAAD,EACE,SAAS,CAAEb,YAAY,CAAC,MAAD,CAAS,CAC9BJ,UAAU,CAAC,CAAEqB,EAAE,CAAEX,YAAY,CAACS,CAAD,CAAlB,CAAD,CADoB,CAAT,CADzB,CAIE,IAAI,CAAEd,WAAW,CAACc,CAAD,CAJnB,CAKE,IAAI,CAAC,WALP,EATJ,CAiBGH,CAjBH,CAkBGD,CAAQ,EAAI,4BAAM,SAAS,CAAEX,YAAY,CAAC,MAAD,CAA7B,MAlBf,CAqBH,CAhCyC,CAAnC"}
+{"version":3,"file":"FieldLabel.js","names":["React","cnMixSpace","cn","forwardRefWithAs","Text","cnFieldLabel","iconSizeMap","xs","s","m","l","iconSpaceMap","FieldLabel","props","ref","className","required","children","Icon","icon","size","otherProps","mL"],"sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import './FieldLabel.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace, Space } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Text } from '../Text/Text';\n\nexport type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';\n\ntype FieldLabelProps = {\n  icon?: IconComponent;\n  size?: FieldLabelPropSize;\n  required?: boolean;\n};\n\nconst cnFieldLabel = cn('FieldLabel');\n\nconst iconSizeMap: Record<FieldLabelPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 's',\n};\n\nconst iconSpaceMap: Record<FieldLabelPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: '2xs',\n  l: 'xs',\n};\n\nexport const FieldLabel = forwardRefWithAs<FieldLabelProps>((props, ref) => {\n  const {\n    className,\n    required,\n    children,\n    icon: Icon,\n    size = 'm',\n    ...otherProps\n  } = props;\n\n  return (\n    <Text\n      {...otherProps}\n      size={size}\n      view=\"secondary\"\n      lineHeight=\"m\"\n      className={cnFieldLabel(null, [className])}\n      ref={ref}\n    >\n      {children}\n      {required && <span className={cnFieldLabel('Star')}>*</span>}\n      {Icon && (\n        <Icon\n          className={cnFieldLabel('Icon', [\n            cnMixSpace({ mL: iconSpaceMap[size] }),\n          ])}\n          size={iconSizeMap[size]}\n          view=\"secondary\"\n        />\n      )}\n    </Text>\n  );\n});\n"],"mappings":"qJAAA,yBAGA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,IAAT,oB,GAUMC,aAAY,CAAGH,EAAE,CAAC,YAAD,C,CAEjBI,WAAqD,CAAG,CAC5DC,EAAE,CAAE,IADwD,CAE5DC,CAAC,CAAE,GAFyD,CAG5DC,CAAC,CAAE,GAHyD,CAI5DC,CAAC,CAAE,GAJyD,C,CAOxDC,YAA+C,CAAG,CACtDJ,EAAE,CAAE,KADkD,CAEtDC,CAAC,CAAE,KAFmD,CAGtDC,CAAC,CAAE,KAHmD,CAItDC,CAAC,CAAE,IAJmD,C,CAOxD,MAAO,IAAME,WAAU,CAAGT,gBAAgB,CAAkB,SAACU,CAAD,CAAQC,CAAR,CAAgB,CAC1E,GACEC,EADF,CAOIF,CAPJ,CACEE,SADF,CAEEC,CAFF,CAOIH,CAPJ,CAEEG,QAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,QAHF,CAIQC,CAJR,CAOIL,CAPJ,CAIEM,IAJF,GAOIN,CAPJ,CAKEO,IALF,CAKEA,CALF,YAKS,GALT,GAMKC,CANL,0BAOIR,CAPJ,YASA,MACE,qBAAC,IAAD,kBACMQ,CADN,EAEE,IAAI,CAAED,CAFR,CAGE,IAAI,CAAC,WAHP,CAIE,UAAU,CAAC,GAJb,CAKE,SAAS,CAAEf,YAAY,CAAC,IAAD,CAAO,CAACU,CAAD,CAAP,CALzB,CAME,GAAG,CAAED,CANP,GAQGG,CARH,CASGD,CAAQ,EAAI,4BAAM,SAAS,CAAEX,YAAY,CAAC,MAAD,CAA7B,MATf,CAUGa,CAAI,EACH,oBAAC,CAAD,EACE,SAAS,CAAEb,YAAY,CAAC,MAAD,CAAS,CAC9BJ,UAAU,CAAC,CAAEqB,EAAE,CAAEX,YAAY,CAACS,CAAD,CAAlB,CAAD,CADoB,CAAT,CADzB,CAIE,IAAI,CAAEd,WAAW,CAACc,CAAD,CAJnB,CAKE,IAAI,CAAC,WALP,EAXJ,CAqBH,CAhCyC,CAAnC"}

package/__internal__/src/components/Pagination/Pagination.css

@@ -1 +1 @@
-.Pagination{max-width:100%}
+.Pagination{display:flex;gap:var(--pagination-gap)}.Pagination_type_default{--pagination-gap:var(--space-3xs)}.Pagination_type_input{--pagination-gap:var(--space-xs)}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","value","onChange","size","form","type","containerEventListener","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className"];import"./Pagination.css";import React,{forwardRef,useMemo}from"react";import{useForkRef}from"../../hooks/useForkRef";import{cnMixFlex}from"../../mixs/MixFlex";import{cn}from"../../utils/bem";import{defaultGetItemClickable,defaultGetItemKey,defaultGetItemLabel,getListValue,paginationArrowIconsMap}from"./helpers";import{PaginationArrow}from"./PaginationArrow";import{PaginationList}from"./PaginationList";import{PaginationNumberInput}from"./PaginationNumberInput";import{paginationPropFormDefault,paginationPropSizeDefault,paginationPropTypeDefault}from"./types";import{usePaginationItems}from"./usePaginationItems";var cnPagination=cn("Pagination"),PaginationRender=function(a,b){var c=a.items,d=void 0===c?0:c,e=a.value,f=a.onChange,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.type,l=void 0===k?paginationPropTypeDefault:k,m=a.containerEventListener,n=void 0===m?window:m,o=a.getTotalLabel,p=a.outerMostArrows,q=a.arrows,r=a.hotKeys,s=a.showFirstPage,t=a.showLastPage,u=a.visibleCount,v=a.className,w=_objectWithoutProperties(a,_excluded),x=Math.max(null!==e&&void 0!==e?e:0,0),y=function(a,b,c,e,f){var g="first"===b||"previous"===b?1<x:x<d,i="first"===b||"previous"===b?"start":"end";if("object"==typeof a){var k=a.label,l=a.icon,m=void 0===l?paginationArrowIconsMap[b]:l;return React.createElement(PaginationArrow,{label:k,icon:m,disabled:!g,size:h,form:j,ref:c,orientation:i,caption:null===e||void 0===e?void 0:e.label,onClick:f})}return React.createElement(PaginationArrow,{orientation:i,icon:"function"==typeof a?a:paginationArrowIconsMap[b],disabled:!g,size:h,form:j,ref:c,onClick:f})},z=function(a){return function(b){var c=d;"first"===a&&(c=1),"previous"===a&&(c=Math.max(x-1,1)),"next"===a&&(c=Math.min(x+1,d)),null===f||void 0===f?void 0:f(c,{e:b})}},A=usePaginationItems({showFirstPage:s,showLastPage:t,items:d,visibleCount:u,size:h,value:x,containerEventListener:n,hotKeys:r}),B=A.pages,C=A.wrapperRef,D=A.buttonRefs,E=useForkRef([b,C]),F=useMemo(function(){return getListValue(x)},[x]);return 0===d?null:React.createElement("nav",Object.assign({className:cnPagination({size:h,form:j},[v,cnMixFlex({wrap:"nowrap",gap:"input"===l?"xs":"3xs"})]),ref:E},w),(null===p||void 0===p?void 0:p[0])&&y(p[0],"first",D[0],void 0,z("first")),(null===q||void 0===q?void 0:q[0])&&y(q[0],"previous",D[1],null===r||void 0===r?void 0:r[0],z("previous")),"default"===l?React.createElement(PaginationList,{items:B,form:j,size:h,value:F,getItemKey:defaultGetItemKey,getItemLabel:defaultGetItemLabel,getItemClickable:defaultGetItemClickable,onItemClick:function onItemClick(a,b){var c=a.page,d=b.e;c!==x&&(null===f||void 0===f?void 0:f(c,{e:d}))}}):React.createElement(PaginationNumberInput,{form:j,size:h,total:d,value:e?x:void 0,onChange:f,getTotalLabel:o}),(null===q||void 0===q?void 0:q[1])&&y(q[1],"next",D[2],null===r||void 0===r?void 0:r[1],z("next")),(null===p||void 0===p?void 0:p[1])&&y(p[1],"last",D[3],void 0,z("last")))};export var Pagination=forwardRef(PaginationRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","value","onChange","size","form","type","containerEventListener","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Pagination.css";import React,{forwardRef,useCallback}from"react";import{useForkRef}from"../../hooks/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef";import{cn}from"../../utils/bem";import{defaultGetItemClickable,defaultGetItemKey,guardCurrentPage,paginationArrowIconsMap}from"./helpers";import{PaginationArrow}from"./PaginationArrow";import{PaginationList}from"./PaginationList";import{PaginationNumberInput}from"./PaginationNumberInput";import{PaginationSizeCalculateHelper}from"./PaginationSizeCalculateHelper";import{paginationPropFormDefault,paginationPropSizeDefault,paginationPropTypeDefault}from"./types";import{usePaginationItems}from"./usePaginationItems";var cnPagination=cn("Pagination"),PaginationRender=function(a,b){var c=a.items,d=void 0===c?0:c,e=a.value,f=a.onChange,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.type,l=void 0===k?paginationPropTypeDefault:k,m=a.containerEventListener,n=void 0===m?window:m,o=a.getTotalLabel,p=a.outerMostArrows,q=a.arrows,r=a.hotKeys,s=a.showFirstPage,t=a.showLastPage,u=a.visibleCount,v=a.className,w=a.style,x=a.getItemAs,y=a.getItemAttributes,z=a.getItemRef,A=_objectWithoutProperties(a,_excluded),B=useMutableRef(guardCurrentPage(e,d)),C=useMutableRef(f),D=useCallback(function(a,b){var c=a.key,d=b.e;if(c!==B.current&&"number"==typeof c){var e;null===(e=C.current)||void 0===e?void 0:e.call(C,c,{e:d})}},[]),E=useCallback(function(a){var b;null===(b=C.current)||void 0===b?void 0:b.call(C,Math.min(B.current+1,d),{e:a})},[d]),F=useCallback(function(a){var b;null===(b=C.current)||void 0===b?void 0:b.call(C,Math.max(B.current-1,1),{e:a})},[]),G=useCallback(function(a){var b;null===(b=C.current)||void 0===b?void 0:b.call(C,1,{e:a})},[]),H=useCallback(function(a){var b;null===(b=C.current)||void 0===b?void 0:b.call(C,d,{e:a})},[d]),I=usePaginationItems({showFirstPage:s,showLastPage:t,items:d,visibleCount:u,size:h,value:B.current,containerEventListener:n,hotKeys:r,outerMostArrows:p,type:l,arrows:q,handleNext:E,handlePrevious:F}),J=_slicedToArray(I,3),K=J[0],L=J[1],M=J[2],N=useForkRef([L[4],b]),O=function(a,b,c,e,f){var g="first"===b||"previous"===b?1<B.current:B.current<d,i="first"===b||"previous"===b?"start":"end";if("object"==typeof a){var k=a.label,l=a.icon,m=void 0===l?paginationArrowIconsMap[b]:l;return React.createElement(PaginationArrow,{label:k,icon:m,disabled:!g,size:h,form:j,ref:c,orientation:i,caption:null===e||void 0===e?void 0:e.label,onClick:f})}return React.createElement(PaginationArrow,{orientation:i,icon:"function"==typeof a?a:paginationArrowIconsMap[b],disabled:!g,size:h,form:j,ref:c,onClick:f})};return 0>=d?null:React.createElement("nav",Object.assign({},A,{className:cnPagination({type:l},[v]),ref:N,style:_objectSpread(_defineProperty({},"--pagination-symbol-size","".concat(M,"px")),w)}),((null===p||void 0===p?void 0:p[0])||(null===q||void 0===q?void 0:q[0]))&&React.createElement(React.Fragment,null,(null===p||void 0===p?void 0:p[0])&&O(p[0],"first",L[0],void 0,G),(null===q||void 0===q?void 0:q[0])&&O(q[0],"previous",L[1],null===r||void 0===r?void 0:r[0],F)),"default"===l?React.createElement(PaginationList,{items:K,form:j,size:h,onItemClick:D,value:{key:B.current,label:B.current.toString(),clickable:!0},getItemKey:defaultGetItemKey,getItemClickable:defaultGetItemClickable,getItemAs:x,getItemAttributes:y,getItemRef:z}):React.createElement(PaginationNumberInput,{form:j,size:h,total:d,value:B.current,onChange:f,getTotalLabel:o}),((null===q||void 0===q?void 0:q[1])||(null===p||void 0===p?void 0:p[1]))&&React.createElement(React.Fragment,null,(null===q||void 0===q?void 0:q[1])&&O(q[1],"next",L[2],null===r||void 0===r?void 0:r[1],E),(null===p||void 0===p?void 0:p[1])&&O(p[1],"last",L[3],void 0,H)),"default"===l&&React.createElement(PaginationSizeCalculateHelper,{refs:L,size:h}))};export var Pagination=forwardRef(PaginationRender);
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","forwardRef","useMemo","useForkRef","cnMixFlex","cn","defaultGetItemClickable","defaultGetItemKey","defaultGetItemLabel","getListValue","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","otherProps","Math","max","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","handleButtonClick","e","newValue","min","pages","wrapperRef","buttonRefs","navRef","listValue","wrap","gap","onItemClick","page","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  defaultGetItemLabel,\n  getListValue,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    ...otherProps\n  } = props;\n\n  const value = Math.max(valueProp ?? 0, 0);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous' ? value > 1 : value < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  const handleButtonClick =\n    (type: PaginationArrowTypes) => (e: React.MouseEvent) => {\n      let newValue = items;\n      if (type === 'first') {\n        newValue = 1;\n      }\n      if (type === 'previous') {\n        newValue = Math.max(value - 1, 1);\n      }\n      if (type === 'next') {\n        newValue = Math.min(value + 1, items);\n      }\n      onChange?.(newValue, { e });\n    };\n\n  const { pages, wrapperRef, buttonRefs } = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value,\n    containerEventListener,\n    hotKeys,\n  });\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = (\n    { page },\n    { e },\n  ) => {\n    if (page !== value) {\n      onChange?.(page, { e });\n    }\n  };\n\n  const navRef = useForkRef([ref, wrapperRef]);\n\n  const listValue = useMemo(() => getListValue(value), [value]);\n\n  if (items === 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={cnPagination({ size, form }, [\n        className,\n        cnMixFlex({ wrap: 'nowrap', gap: type === 'input' ? 'xs' : '3xs' }),\n      ])}\n      ref={navRef}\n      {...otherProps}\n    >\n      {outerMostArrows?.[0] &&\n        renderArrow(\n          outerMostArrows[0],\n          'first',\n          buttonRefs[0],\n          undefined,\n          handleButtonClick('first'),\n        )}\n      {arrows?.[0] &&\n        renderArrow(\n          arrows[0],\n          'previous',\n          buttonRefs[1],\n          hotKeys?.[0],\n          handleButtonClick('previous'),\n        )}\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          value={listValue}\n          getItemKey={defaultGetItemKey}\n          getItemLabel={defaultGetItemLabel}\n          getItemClickable={defaultGetItemClickable}\n          onItemClick={onItemClick}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={!valueProp ? undefined : value}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {arrows?.[1] &&\n        renderArrow(\n          arrows[1],\n          'next',\n          buttonRefs[2],\n          hotKeys?.[1],\n          handleButtonClick('next'),\n        )}\n      {outerMostArrows?.[1] &&\n        renderArrow(\n          outerMostArrows[1],\n          'last',\n          buttonRefs[3],\n          undefined,\n          handleButtonClick('last'),\n        )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","forwardRef","useCallback","useForkRef","useMutableRef","cn","defaultGetItemClickable","defaultGetItemKey","guardCurrentPage","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","PaginationSizeCalculateHelper","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef","otherProps","valueRef","onChangeRef","onItemClick","key","e","current","handleNext","Math","min","handlePrevious","max","handlefirst","handleLast","pages","refs","symbolSize","rootRef","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","toString","clickable","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useCallback } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  guardCurrentPage,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport { PaginationSizeCalculateHelper } from './PaginationSizeCalculateHelper';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    style,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    ...otherProps\n  } = props;\n\n  const valueRef = useMutableRef(guardCurrentPage(valueProp, items));\n  const onChangeRef = useMutableRef(onChange);\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = useCallback(\n    ({ key }, { e }) => {\n      if (key !== valueRef.current && typeof key === 'number') {\n        onChangeRef.current?.(key, { e });\n      }\n    },\n    [],\n  );\n\n  const handleNext = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(Math.min(valueRef.current + 1, items), { e });\n    },\n    [items],\n  );\n\n  const handlePrevious = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(Math.max(valueRef.current - 1, 1), { e });\n  }, []);\n\n  const handlefirst = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(1, { e });\n  }, []);\n\n  const handleLast = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(items, { e });\n    },\n    [items],\n  );\n\n  const [pages, refs, symbolSize] = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value: valueRef.current,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  });\n\n  const rootRef = useForkRef([refs[4], ref]);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous'\n        ? valueRef.current > 1\n        : valueRef.current < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  if (items <= 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnPagination({ type }, [className])}\n      ref={rootRef}\n      style={{\n        ['--pagination-symbol-size' as string]: `${symbolSize}px`,\n        ...style,\n      }}\n    >\n      {(outerMostArrows?.[0] || arrows?.[0]) && (\n        <>\n          {outerMostArrows?.[0] &&\n            renderArrow(\n              outerMostArrows[0],\n              'first',\n              refs[0] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handlefirst,\n            )}\n          {arrows?.[0] &&\n            renderArrow(\n              arrows[0],\n              'previous',\n              refs[1] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[0],\n              handlePrevious,\n            )}\n        </>\n      )}\n\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          onItemClick={onItemClick}\n          value={{\n            key: valueRef.current,\n            label: valueRef.current.toString(),\n            clickable: true,\n          }}\n          getItemKey={defaultGetItemKey}\n          getItemClickable={defaultGetItemClickable}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemRef={getItemRef}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={valueRef.current}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {(arrows?.[1] || outerMostArrows?.[1]) && (\n        <>\n          {arrows?.[1] &&\n            renderArrow(\n              arrows[1],\n              'next',\n              refs[2] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[1],\n              handleNext,\n            )}\n          {outerMostArrows?.[1] &&\n            renderArrow(\n              outerMostArrows[1],\n              'last',\n              refs[3] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleLast,\n            )}\n        </>\n      )}\n      {type === 'default' && (\n        <PaginationSizeCalculateHelper refs={refs} size={size} />\n      )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Pagination/PaginationItem/PaginationItem.css

@@ -1 +1 @@
-.PaginationItem{--pagination-item-bg:transparent;background:var(--pagination-item-bg);border:none;color:var(--color-control-typo-ghost);font-size:var(--pagination-item-font-size);height:var(--pagination-item-size);line-height:var(--space-m);margin:0;transition:background-color .3s;width:var(--pagination-item-size)}.PaginationItem:not(div){cursor:pointer}.PaginationItem:not(div):hover{--pagination-item-bg:var(--color-control-bg-clear-hover)}.PaginationItem_active{--pagination-item-bg:var(--color-control-bg-ghost)}.PaginationItem_active:hover{--pagination-item-bg:var(--color-control-bg-ghost-hover)}.PaginationItem_size_xs{--pagination-item-size:var(--space-xl);--pagination-item-font-size:var(--size-text-xs)}.PaginationItem_size_s{--pagination-item-size:var(--space-2xl);--pagination-item-font-size:var(--size-text-s)}.PaginationItem_size_m{--pagination-item-size:var(--space-3xl);--pagination-item-font-size:var(--size-text-m)}.PaginationItem_size_l{--pagination-item-size:var(--space-4xl);--pagination-item-font-size:var(--size-text-l)}.PaginationItem_form_default{border-radius:var(--space-2xs)}.PaginationItem_form_round{border-radius:50%}
+.Button.PaginationItem{--pagination-item-ph:var(--space-2xs);box-sizing:border-box;display:inline-flex;min-width:var(--button-height);padding:0 var(--pagination-item-ph);transition:none;width:auto}.Button.PaginationItem:not(.PaginationItem_clickable){--button-bg-color-hover:transparent;cursor:auto}.Button.PaginationItem_size_s,.Button.PaginationItem_size_xs{--pagination-item-ph:var(--space-2xs)}.Button.PaginationItem_size_l,.Button.PaginationItem_size_m{--pagination-item-ph:var(--space-xs)}.Button.PaginationItem_active{--button-bg-color:var(--color-control-bg-ghost)}

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

@@ -1,3 +1,4 @@
 import './PaginationItem.css';
 import { PaginationItemComponent } from '../types';
+export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
 export declare const PaginationItem: PaginationItemComponent;

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","label","active","size","form","className","children"];import"./PaginationItem.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationItem=cn("PaginationItem"),PaginationItemRender=function(a,b){var c=a.as,d=void 0===c?"button":c,e=a.label,f=a.active,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},m,{className:cnPaginationItem({size:h,form:j,active:f},[k,cnMixFlex({align:"center",justify:"center",flex:"inline-flex"}),cnMixFocus()]),ref:b}),e)};export var PaginationItem=forwardRef(PaginationItemRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","label","active","size","form","className","children","clickable"];import"./PaginationItem.css";import React,{forwardRef}from"react";import{cnButton}from"../../Button";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";export var cnPaginationItem=cn("PaginationItem");var PaginationItemRender=function(a,b){var c=a.as,d=void 0===c?"button":c,e=a.label,f=a.active,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.className,l=a.children,m=a.clickable,n=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},n,{className:cnPaginationItem({active:f,clickable:m,size:h},[k,cnButton({view:"clear",size:h,form:j,onlyIcon:!0}),m?cnMixFocus():void 0]),ref:b,tabIndex:m?void 0:-1}),e)};export var PaginationItem=forwardRef(PaginationItemRender);
 //# sourceMappingURL=PaginationItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":["React","forwardRef","cnMixFlex","cnMixFocus","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationItem","PaginationItemRender","props","ref","as","Tag","label","active","size","form","className","children","otherProps","align","justify","flex","PaginationItem"],"sources":["../../../../../../src/components/Pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import './PaginationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationItemComponent,\n  PaginationItemProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationItem = cn('PaginationItem');\n\nconst PaginationItemRender = (\n  props: PaginationItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    as: Tag = 'button',\n    label,\n    active,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    children,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnPaginationItem({ size, form, active }, [\n        className,\n        cnMixFlex({ align: 'center', justify: 'center', flex: 'inline-flex' }),\n        cnMixFocus(),\n      ])}\n      ref={ref}\n    >\n      {label}\n    </Tag>\n  );\n};\n\nexport const PaginationItem = forwardRef(\n  PaginationItemRender,\n) as PaginationItemComponent;\n"],"mappings":"gKAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,SAAT,6BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAGEC,yBAHF,CAIEC,yBAJF,gB,GAOMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,C,CAErBI,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,MASID,CATJ,CACEE,EADF,CACMC,CADN,YACY,QADZ,GAEEC,CAFF,CASIJ,CATJ,CAEEI,KAFF,CAGEC,CAHF,CASIL,CATJ,CAGEK,MAHF,GASIL,CATJ,CAIEM,IAJF,CAIEA,CAJF,YAIST,yBAJT,KASIG,CATJ,CAKEO,IALF,CAKEA,CALF,YAKSX,yBALT,GAMEY,CANF,CASIR,CATJ,CAMEQ,SANF,CAOEC,CAPF,CASIT,CATJ,CAOES,QAPF,CAQKC,CARL,0BASIV,CATJ,YAWA,MACE,qBAAC,CAAD,kBACMU,CADN,EAEE,SAAS,CAAEZ,gBAAgB,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcF,MAAM,CAANA,CAAd,CAAD,CAAyB,CAClDG,CADkD,CAElDf,SAAS,CAAC,CAAEkB,KAAK,CAAE,QAAT,CAAmBC,OAAO,CAAE,QAA5B,CAAsCC,IAAI,CAAE,aAA5C,CAAD,CAFyC,CAGlDnB,UAAU,EAHwC,CAAzB,CAF7B,CAOE,GAAG,CAAEO,CAPP,GASGG,CATH,CAYH,C,CAED,MAAO,IAAMU,eAAc,CAAGtB,UAAU,CACtCO,oBADsC,CAAjC"}
+{"version":3,"file":"PaginationItem.js","names":["React","forwardRef","cnButton","cnMixFocus","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationItem","PaginationItemRender","props","ref","as","Tag","label","active","size","form","className","children","clickable","otherProps","view","onlyIcon","PaginationItem"],"sources":["../../../../../../src/components/Pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import './PaginationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnButton } from '##/components/Button';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationItemComponent,\n  PaginationItemProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nexport const cnPaginationItem = cn('PaginationItem');\n\nconst PaginationItemRender = (\n  props: PaginationItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    as: Tag = 'button',\n    label,\n    active,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    children,\n    clickable,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnPaginationItem({ active, clickable, size }, [\n        className,\n        cnButton({ view: 'clear', size, form, onlyIcon: true }),\n        clickable ? cnMixFocus() : undefined,\n      ])}\n      ref={ref}\n      tabIndex={clickable ? undefined : -1}\n    >\n      {label}\n    </Tag>\n  );\n};\n\nexport const PaginationItem = forwardRef(\n  PaginationItemRender,\n) as PaginationItemComponent;\n"],"mappings":"4KAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,oBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAGEC,yBAHF,CAIEC,yBAJF,gBAOA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMI,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,MAUID,CAVJ,CACEE,EADF,CACMC,CADN,YACY,QADZ,GAEEC,CAFF,CAUIJ,CAVJ,CAEEI,KAFF,CAGEC,CAHF,CAUIL,CAVJ,CAGEK,MAHF,GAUIL,CAVJ,CAIEM,IAJF,CAIEA,CAJF,YAIST,yBAJT,KAUIG,CAVJ,CAKEO,IALF,CAKEA,CALF,YAKSX,yBALT,GAMEY,CANF,CAUIR,CAVJ,CAMEQ,SANF,CAOEC,CAPF,CAUIT,CAVJ,CAOES,QAPF,CAQEC,CARF,CAUIV,CAVJ,CAQEU,SARF,CASKC,CATL,0BAUIX,CAVJ,YAYA,MACE,qBAAC,CAAD,kBACMW,CADN,EAEE,SAAS,CAAEb,gBAAgB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAUK,SAAS,CAATA,CAAV,CAAqBJ,IAAI,CAAJA,CAArB,CAAD,CAA8B,CACvDE,CADuD,CAEvDf,QAAQ,CAAC,CAAEmB,IAAI,CAAE,OAAR,CAAiBN,IAAI,CAAJA,CAAjB,CAAuBC,IAAI,CAAJA,CAAvB,CAA6BM,QAAQ,GAArC,CAAD,CAF+C,CAGvDH,CAAS,CAAGhB,UAAU,EAAb,OAH8C,CAA9B,CAF7B,CAOE,GAAG,CAAEO,CAPP,CAQE,QAAQ,CAAES,CAAS,QAAe,CAAC,CARrC,GAUGN,CAVH,CAaH,CA9BD,CAgCA,MAAO,IAAMU,eAAc,CAAGtB,UAAU,CACtCO,oBADsC,CAAjC"}

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

@@ -1 +1 @@
-.PaginationList{width:-moz-max-content;width:max-content}
+.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-lenght)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}

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

@@ -1,2 +1,2 @@
-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{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{defaultGetItemLabel}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),t=function(a){var b,c=null!==(b=null===i||void 0===i?void 0:i(a))&&void 0!==b?b:{},d=!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m));return React.createElement(PaginationItem,Object.assign({},c,{form:q,size:o,onClick:function handleClick(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:d,ref:null===f||void 0===f?void 0:f(a),as:null!==j&&void 0!==j&&j(a)?"div":null===g||void 0===g?void 0:g(a)}))};return React.createElement("div",Object.assign({ref:b,className:cnPaginationList(null,[r,cnMixFlex({gap:"3xs",wrap:"nowrap"})])},s),c.map(function(a){return React.createElement(React.Fragment,{key:cnPaginationList("Item",{key:h(a)})},t(a))}))};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-lenght",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","cnMixFlex","cn","defaultGetItemLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","renderItem","item","attributes","active","handleClick","e","gap","wrap","map","key","PaginationList"],"sources":["../../../../../../src/components/Pagination/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel } 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  const renderItem = (item: ITEM) => {\n    const handleClick: React.MouseEventHandler = (e) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    const attributes = getItemAttributes?.(item) ?? {};\n\n    const active = value ? getItemKey?.(item) === getItemKey?.(value) : false;\n\n    return (\n      <PaginationItem\n        {...attributes}\n        form={form}\n        size={size}\n        onClick={handleClick}\n        label={getItemLabel(item)}\n        active={active}\n        ref={getItemRef?.(item)}\n        as={getItemClickable?.(item) ? 'div' : getItemAs?.(item)}\n      />\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cnPaginationList(null, [\n        className,\n        cnMixFlex({ gap: '3xs', wrap: 'nowrap' }),\n      ])}\n      {...otherProps}\n    >\n      {items.map((item) => (\n        <React.Fragment\n          key={cnPaginationList('Item', { key: getItemKey(item) })}\n        >\n          {renderItem(item)}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"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"}
+{"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"}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useMemo}from"react";import{useIMask}from"react-imask";import{Text}from"../../Text";import{TextField}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationNumberInput=cn("PaginationNumberInput"),defaultGetTotalLabel=function(a){return"\u0438\u0437 ".concat(a)};export var PaginationNumberInput=forwardRef(function(a,b){var c=a.value,d=a.onChange,f=a.total,g=a.getTotalLabel,h=void 0===g?defaultGetTotalLabel:g,i=a.size,j=void 0===i?paginationPropSizeDefault:i,k=a.form,l=void 0===k?paginationPropFormDefault:k,m=a.className,n=_objectWithoutProperties(a,_excluded),o=useIMask({mask:Number,scale:0,min:1,max:f}),p=o.ref,q=o.value,r=o.setValue,s=useMutableRef(d),t=useMutableRef(q),u=useMutableRef(r),v=useMemo(function(){return{ArrowUp:function ArrowUp(a){a.preventDefault();var b=Math.max(Math.min(+t.current+1,f),1);u.current(b.toString())},ArrowDown:function ArrowDown(a){a.preventDefault();var b=Math.max(Math.min(+t.current-1,f),1);u.current(b.toString())},Enter:function Enter(a){if(a.preventDefault(),+t.current){var b;null===(b=s.current)||void 0===b?void 0:b.call(s,+t.current,{e:a})}}}},[f]),w=useCallback(function(a){var b;a.stopPropagation(),null===(b=v[a.key])||void 0===b?void 0:b.call(v,a)},[v]);return useEffect(function(){var a=(null===c||void 0===c?void 0:c.toString())||"";a!==t.current&&u.current(a)},[c]),React.createElement("div",Object.assign({},n,{className:cnPaginationNumberInput({size:j},[cnMixFlex({align:"center",justify:"center",gap:"xs"}),m]),ref:b}),React.createElement(TextField,{defaultValue:c?c.toString():void 0,size:j,form:l,inputRef:p,onKeyDown:w,className:cnPaginationNumberInput("Input")}),isNotNil(f)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:j},h(f)))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useMemo}from"react";import{useIMask}from"react-imask";import{Text}from"../../Text";import{TextField}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationNumberInput=cn("PaginationNumberInput"),defaultGetTotalLabel=function(a){return"\u0438\u0437 ".concat(a)};export var PaginationNumberInput=forwardRef(function(a,b){var c=a.value,d=a.onChange,f=a.total,g=a.getTotalLabel,h=void 0===g?defaultGetTotalLabel:g,i=a.size,j=void 0===i?paginationPropSizeDefault:i,k=a.form,l=void 0===k?paginationPropFormDefault:k,m=a.className,n=_objectWithoutProperties(a,_excluded),o=useIMask({mask:Number,scale:0,min:1,max:f}),p=o.ref,q=o.value,r=o.setValue,s=useMutableRef(d),t=useMutableRef(q),u=useMutableRef(r),v=useMemo(function(){return{ArrowUp:function ArrowUp(a){a.preventDefault();var b=Math.max(Math.min(+t.current+1,f),1);u.current(b.toString())},ArrowDown:function ArrowDown(a){a.preventDefault();var b=Math.max(Math.min(+t.current-1,f),1);u.current(b.toString())},Enter:function Enter(a){if(a.preventDefault(),+t.current){var b;null===(b=s.current)||void 0===b?void 0:b.call(s,+t.current,{e:a.nativeEvent})}}}},[f]),w=useCallback(function(a){var b;a.stopPropagation(),null===(b=v[a.key])||void 0===b?void 0:b.call(v,a)},[v]);return useEffect(function(){var a=(null===c||void 0===c?void 0:c.toString())||"";a!==t.current&&u.current(a)},[c]),React.createElement("div",Object.assign({},n,{className:cnPaginationNumberInput({size:j},[cnMixFlex({align:"center",justify:"center",gap:"xs"}),m]),ref:b}),React.createElement(TextField,{defaultValue:c?c.toString():void 0,size:j,form:l,inputRef:p,onKeyDown:w,className:cnPaginationNumberInput("Input")}),isNotNil(f)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:j},h(f)))});
 //# sourceMappingURL=PaginationNumberInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useIMask","Text","TextField","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","mask","Number","scale","min","max","inputRef","stringValue","setStringValue","setValue","onChangeRef","stringValueRef","setStringValueRef","keysMap","ArrowUp","e","preventDefault","Math","current","toString","ArrowDown","Enter","handleKeyDown","stopPropagation","key","newValue","align","justify","gap"],"sources":["../../../../../../src/components/Pagination/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { Text } from '##/components/Text';\nimport { TextField } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  PaginationNumberInputProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationNumberInput = cn('PaginationNumberInput');\n\nconst defaultGetTotalLabel = (pages: number) => `из ${pages}`;\n\nexport const PaginationNumberInput = forwardRef<\n  HTMLDivElement,\n  PaginationNumberInputProps\n>((props, ref) => {\n  const {\n    value,\n    onChange,\n    total,\n    getTotalLabel = defaultGetTotalLabel,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const {\n    ref: inputRef,\n    value: stringValue,\n    setValue: setStringValue,\n  } = useIMask<HTMLInputElement, ReactMaskOpts>({\n    mask: Number,\n    scale: 0,\n    min: 1,\n    max: total,\n  });\n\n  const onChangeRef = useMutableRef(onChange);\n  const stringValueRef = useMutableRef(stringValue);\n  const setStringValueRef = useMutableRef(setStringValue);\n\n  const keysMap: Record<string, React.KeyboardEventHandler> = useMemo(() => {\n    return {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) + 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      ArrowDown: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) - 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      Enter: (e) => {\n        e.preventDefault();\n        if (Number(stringValueRef.current)) {\n          onChangeRef.current?.(Number(stringValueRef.current), { e });\n        }\n      },\n    };\n  }, [total]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      e.stopPropagation();\n      keysMap[e.key]?.(e);\n    },\n    [keysMap],\n  );\n\n  useEffect(() => {\n    const newValue = value?.toString() || '';\n    if (newValue !== stringValueRef.current) {\n      setStringValueRef.current(newValue);\n    }\n  }, [value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnPaginationNumberInput({ size }, [\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n        className,\n      ])}\n      ref={ref}\n    >\n      <TextField\n        defaultValue={value ? value.toString() : undefined}\n        size={size}\n        form={form}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        className={cnPaginationNumberInput('Input')}\n      />\n      {isNotNil(total) && (\n        <Text className={cnPaginationNumberInput('Total')} size={size}>\n          {getTotalLabel(total)}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useIMask","Text","TextField","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","mask","Number","scale","min","max","inputRef","stringValue","setStringValue","setValue","onChangeRef","stringValueRef","setStringValueRef","keysMap","ArrowUp","e","preventDefault","Math","current","toString","ArrowDown","Enter","nativeEvent","handleKeyDown","stopPropagation","key","newValue","align","justify","gap"],"sources":["../../../../../../src/components/Pagination/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { Text } from '##/components/Text';\nimport { TextField } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  PaginationNumberInputProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationNumberInput = cn('PaginationNumberInput');\n\nconst defaultGetTotalLabel = (pages: number) => `из ${pages}`;\n\nexport const PaginationNumberInput = forwardRef<\n  HTMLDivElement,\n  PaginationNumberInputProps\n>((props, ref) => {\n  const {\n    value,\n    onChange,\n    total,\n    getTotalLabel = defaultGetTotalLabel,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const {\n    ref: inputRef,\n    value: stringValue,\n    setValue: setStringValue,\n  } = useIMask<HTMLInputElement, ReactMaskOpts>({\n    mask: Number,\n    scale: 0,\n    min: 1,\n    max: total,\n  });\n\n  const onChangeRef = useMutableRef(onChange);\n  const stringValueRef = useMutableRef(stringValue);\n  const setStringValueRef = useMutableRef(setStringValue);\n\n  const keysMap: Record<string, React.KeyboardEventHandler> = useMemo(() => {\n    return {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) + 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      ArrowDown: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) - 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      Enter: (e) => {\n        e.preventDefault();\n        if (Number(stringValueRef.current)) {\n          onChangeRef.current?.(Number(stringValueRef.current), {\n            e: e.nativeEvent,\n          });\n        }\n      },\n    };\n  }, [total]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      e.stopPropagation();\n      keysMap[e.key]?.(e);\n    },\n    [keysMap],\n  );\n\n  useEffect(() => {\n    const newValue = value?.toString() || '';\n    if (newValue !== stringValueRef.current) {\n      setStringValueRef.current(newValue);\n    }\n  }, [value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnPaginationNumberInput({ size }, [\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n        className,\n      ])}\n      ref={ref}\n    >\n      <TextField\n        defaultValue={value ? value.toString() : undefined}\n        size={size}\n        form={form}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        className={cnPaginationNumberInput('Input')}\n      />\n      {isNotNil(total) && (\n        <Text className={cnPaginationNumberInput('Total')} size={size}>\n          {getTotalLabel(total)}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.css

@@ -0,0 +1 @@
+.PaginationSizeCalculateHelper{left:-1000vh;opacity:0;pointer-events:none;position:fixed;top:-1000vh}.PaginationSizeCalculateHelper-FakeButtonContainer{display:inline-flex;gap:var(--pagination-gap)}

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

@@ -0,0 +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;
+}>;

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

@@ -0,0 +1,2 @@
+import"./PaginationSizeCalculateHelper.css";import React from"react";import{cnButton}from"../../Button";import{cn}from"../../../utils/bem";import{cnPaginationItem}from"../PaginationItem";var cnPaginationSizeCalculateHelper=cn("PaginationSizeCalculateHelper");export var PaginationSizeCalculateHelper=function(a){var b=a.refs,c=a.size;return React.createElement("div",{className:cnPaginationSizeCalculateHelper()},React.createElement("span",{className:cnPaginationSizeCalculateHelper("FakeButtonContainer"),ref:b[7]},React.createElement("span",{ref:b[5],className:cnButton({size:c,onlyIcon:!0})}),React.createElement("span",{ref:b[6],className:cnButton({size:c,onlyIcon:!0})})),React.createElement("span",{className:cnButton({size:c})},React.createElement("span",{ref:b[8]},"1"),React.createElement("span",{ref:b[9]},"2"),React.createElement("span",{ref:b[10]},"3"),React.createElement("span",{ref:b[11]},"4"),React.createElement("span",{ref:b[12]},"5"),React.createElement("span",{ref:b[13]},"6"),React.createElement("span",{ref:b[14]},"7"),React.createElement("span",{ref:b[15]},"8"),React.createElement("span",{ref:b[16]},"9"),React.createElement("span",{ref:b[17]},"0")),React.createElement("span",{ref:b[18],className:cnPaginationItem({size:c},[cnButton({size:c})])},React.createElement("span",{ref:b[19]},"99999")))};
+//# sourceMappingURL=PaginationSizeCalculateHelper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSizeCalculateHelper.js","names":["React","cnButton","cn","cnPaginationItem","cnPaginationSizeCalculateHelper","PaginationSizeCalculateHelper","refs","size","onlyIcon"],"sources":["../../../../../../src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.tsx"],"sourcesContent":["import './PaginationSizeCalculateHelper.css';\n\nimport React from 'react';\n\nimport { cnButton } from '##/components/Button';\nimport { cn } from '##/utils/bem';\n\nimport { cnPaginationItem } from '../PaginationItem';\nimport { PaginationPropSize } from '../types';\n\nconst cnPaginationSizeCalculateHelper = cn('PaginationSizeCalculateHelper');\n\nexport const PaginationSizeCalculateHelper: React.FC<{\n  refs: React.RefObject<HTMLDivElement>[];\n  size: PaginationPropSize;\n}> = ({ refs, size }) => (\n  <div className={cnPaginationSizeCalculateHelper()}>\n    <span\n      className={cnPaginationSizeCalculateHelper('FakeButtonContainer')}\n      ref={refs[7]}\n    >\n      <span ref={refs[5]} className={cnButton({ size, onlyIcon: true })} />\n      <span ref={refs[6]} className={cnButton({ size, onlyIcon: true })} />\n    </span>\n    <span className={cnButton({ size })}>\n      <span ref={refs[8]}>1</span>\n      <span ref={refs[9]}>2</span>\n      <span ref={refs[10]}>3</span>\n      <span ref={refs[11]}>4</span>\n      <span ref={refs[12]}>5</span>\n      <span ref={refs[13]}>6</span>\n      <span ref={refs[14]}>7</span>\n      <span ref={refs[15]}>8</span>\n      <span ref={refs[16]}>9</span>\n      <span ref={refs[17]}>0</span>\n    </span>\n    <span\n      ref={refs[18]}\n      className={cnPaginationItem({ size }, [cnButton({ size })])}\n    >\n      <span ref={refs[19]}>99999</span>\n    </span>\n  </div>\n);\n"],"mappings":"AAAA,4CAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,oBACA,OAASC,EAAT,0BAEA,OAASC,gBAAT,yBAGA,GAAMC,gCAA+B,CAAGF,EAAE,CAAC,+BAAD,CAA1C,CAEA,MAAO,IAAMG,8BAGX,CAAG,eAAGC,EAAH,GAAGA,IAAH,CAASC,CAAT,GAASA,IAAT,OACH,4BAAK,SAAS,CAAEH,+BAA+B,EAA/C,EACE,4BACE,SAAS,CAAEA,+BAA+B,CAAC,qBAAD,CAD5C,CAEE,GAAG,CAAEE,CAAI,CAAC,CAAD,CAFX,EAIE,4BAAM,GAAG,CAAEA,CAAI,CAAC,CAAD,CAAf,CAAoB,SAAS,CAAEL,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAQC,QAAQ,GAAhB,CAAD,CAAvC,EAJF,CAKE,4BAAM,GAAG,CAAEF,CAAI,CAAC,CAAD,CAAf,CAAoB,SAAS,CAAEL,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAQC,QAAQ,GAAhB,CAAD,CAAvC,EALF,CADF,CAQE,4BAAM,SAAS,CAAEP,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAzB,EACE,4BAAM,GAAG,CAAED,CAAI,CAAC,CAAD,CAAf,MADF,CAEE,4BAAM,GAAG,CAAEA,CAAI,CAAC,CAAD,CAAf,MAFF,CAGE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAHF,CAIE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAJF,CAKE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MALF,CAME,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MANF,CAOE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAPF,CAQE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MARF,CASE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MATF,CAUE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAVF,CARF,CAoBE,4BACE,GAAG,CAAEA,CAAI,CAAC,EAAD,CADX,CAEE,SAAS,CAAEH,gBAAgB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACN,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAT,CAAX,CAF7B,EAIE,4BAAM,GAAG,CAAED,CAAI,CAAC,EAAD,CAAf,UAJF,CApBF,CADG,CAHE"}

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

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

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationSizeCalculateHelper";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/Pagination/PaginationSizeCalculateHelper/index.ts"],"sourcesContent":["export * from './PaginationSizeCalculateHelper';\n"],"mappings":"AAAA"}