@consta/uikit 5.14.0 → 5.16.0

package/__internal__/src/components/Loader/Loader.css

@@ -1,3 +1 @@
-.Loader{--backgroundColor:var(
-      --loaderBackgroundColor,var(--color-control-bg-primary)
-    );display:inline-flex;gap:var(--loader-gap);padding:calc(var(--loader-size)*.25)}.Loader-Dot{animation:var(--loader-dot-animation);background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);width:var(--loader-size)}.Loader-Dot_side_left{--loader-dot-animation:loader 1s ease infinite}.Loader-Dot_side_center{--loader-dot-animation:loader 1s -0.18s ease infinite}.Loader-Dot_side_right{--loader-dot-animation:loader 1s -0.36s ease infinite}.Loader_size_xs{--loader-size:var(--space-2xs);--loader-gap:var(--space-3xs)}.Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}
+.Loader{--loader-color-var:var(--loader-color-prop,var(--loader-color));--loader-type-circle-size-var:max(var(--loader-size-prop,var(--loader-type-circle-size)),var(--space-s));--loader-type-dot-size-var:max(var(--loader-size-prop,var(--loader-type-dot-size)),calc(var(--space-l) - var(--space-3xs)));box-sizing:border-box;display:inline-flex}.Loader_view_primary{--loader-color:var(--color-control-bg-primary)}.Loader_view_clear{--loader-color:var(--color-control-typo-clear)}.Loader_size_xs{--loader-type-circle-size:var(--space-s);--loader-type-dot-size:calc(var(--space-l) - var(--space-3xs))}.Loader_size_s{--loader-type-circle-size:var(--space-m);--loader-type-dot-size:calc(var(--space-xl) - var(--space-3xs))}.Loader_size_m{--loader-type-circle-size:var(--space-xl);--loader-type-dot-size:var(--space-3xl)}.Loader_type_dots{--loader-dot-padding:round(down,calc(var(--loader-type-dot-size-var)/12),1px);--loader-dot-size:round(down,calc(var(--loader-type-dot-size-var)/3 - var(--loader-dot-padding)*1.4),2px);--loader-dot-scale:calc(var(--loader-dot-padding) + var(--loader-dot-size));justify-content:space-between;margin:calc(var(--loader-dot-scale)*1px);padding:max(calc(var(--loader-dot-padding)/2),1px);width:var(--loader-type-dot-size-var)}.Loader_type_dots .Loader-Dot,.Loader_type_dots:after,.Loader_type_dots:before{animation:Loader-Animate_type_dots 1s var(--loader-type-dot-animation-delay) ease infinite;background:var(--loader-color-var);border-radius:50%;flex:none;height:var(--loader-dot-size);width:var(--loader-dot-size)}.Loader_type_dots:after,.Loader_type_dots:before{content:""}.Loader_type_dots:before{--loader-type-dot-animation-delay:0s}.Loader_type_dots:after{--loader-type-dot-animation-delay:0.36s}.Loader_type_dots .Loader-Dot{--loader-type-dot-animation-delay:0.18s}.Loader_type_circle{--loader-type-circle-mask:conic-gradient(#0000 2%,#000),linear-gradient(#000 0 0) content-box;animation:Loader-Animate_type_circle 1.2s linear infinite;background:var(--loader-color-var);border-radius:50%;height:var(--loader-type-circle-size-var);-webkit-mask:var(--loader-type-circle-mask);mask:var(--loader-type-circle-mask);-webkit-mask-composite:source-out;mask-composite:subtract;padding:round(up,calc(var(--loader-type-circle-size-var)/10),1px);width:var(--loader-type-circle-size-var)}@keyframes Loader-Animate_type_dots{50%{transform:scale(1.4)}}@keyframes Loader-Animate_type_circle{to{transform:rotate(1turn)}}

package/__internal__/src/components/Loader/Loader.d.ts

@@ -1,10 +1,14 @@
-import './Loader.css';
-import React from 'react';
-export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
-export declare const Loader: React.ForwardRefExoticComponent<{
-    size?: "s" | "m" | "xs" | undefined;
-    children?: undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
-    size?: "s" | "m" | "xs" | undefined;
-    children?: undefined;
-}> & React.RefAttributes<HTMLDivElement>>;
+import './Loader.css';
+import React from 'react';
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<{
+    size?: "xs" | "s" | "m" | undefined;
+    children?: undefined;
+    type?: import("./types").LoaderPropType | undefined;
+    view?: import("./types").LoaderPropView | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
+    size?: "xs" | "s" | "m" | undefined;
+    children?: undefined;
+    type?: import("./types").LoaderPropType | undefined;
+    view?: import("./types").LoaderPropView | undefined;
+}> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Loader/Loader.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size"];import"./Loader.css";import React from"react";import{cn}from"../../utils/bem";import{loaderPropSizeDefault}from"./types";export var cnLoader=cn("Loader");var sides=["left","center","right"];export var Loader=React.forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?loaderPropSizeDefault:d,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{ref:b,className:cnLoader({size:e},[c])}),sides.map(function(a,b){return React.createElement("div",{key:cnLoader("Dot",{index:b}),className:cnLoader("Dot",{side:a})})}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","type","view"];import"./Loader.css";import React from"react";import{cn}from"../../utils/bem";export var cnLoader=cn("Loader");export var Loader=React.forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?"m":d,f=a.type,g=void 0===f?"dots":f,h=a.view,i=void 0===h?"primary":h,j=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},j,{ref:b,className:cnLoader({size:e,view:i,type:g},[c])}),"dots"===g&&React.createElement("div",{className:cnLoader("Dot")}))});
 //# sourceMappingURL=Loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["React","cn","loaderPropSizeDefault","cnLoader","sides","Loader","forwardRef","props","ref","className","size","otherProps","map","side","index"],"sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { LoaderProps, loaderPropSizeDefault } from './types';\n\nexport const cnLoader = cn('Loader');\n\nconst sides = ['left', 'center', 'right'];\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const { className, size = loaderPropSizeDefault, ...otherProps } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size }, [className])}\n      >\n        {sides.map((side, index) => (\n          <div\n            key={cnLoader('Dot', { index })}\n            className={cnLoader('Dot', { side })}\n          />\n        ))}\n      </div>\n    );\n  },\n);\n"],"mappings":"wHAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBACA,OAAsBC,qBAAtB,eAEA,MAAO,IAAMC,SAAQ,CAAGF,EAAE,CAAC,QAAD,CAAnB,CAEP,GAAMG,MAAK,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAAd,CAEA,MAAO,IAAMC,OAAM,CAAGL,KAAK,CAACM,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,GAAmEF,CAAnE,CAAmBG,IAAnB,CAAmBA,CAAnB,YAA0BR,qBAA1B,GAAoDS,CAApD,0BAAmEJ,CAAnE,YACA,MACE,4CACMI,CADN,EAEE,GAAG,CAAEH,CAFP,CAGE,SAAS,CAAEL,QAAQ,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACD,CAAD,CAAX,CAHrB,GAKGL,KAAK,CAACQ,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACT,4BACE,GAAG,CAAEX,QAAQ,CAAC,KAAD,CAAQ,CAAEW,KAAK,CAALA,CAAF,CAAR,CADf,CAEE,SAAS,CAAEX,QAAQ,CAAC,KAAD,CAAQ,CAAEU,IAAI,CAAJA,CAAF,CAAR,CAFrB,EADS,CAAV,CALH,CAaH,CAjBmB,CAAf"}
+{"version":3,"file":"Loader.js","names":["React","cn","cnLoader","Loader","forwardRef","props","ref","className","size","type","view","otherProps"],"sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { LoaderProps } from './types';\n\nexport const cnLoader = cn('Loader');\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const {\n      className,\n      size = 'm',\n      type = 'dots',\n      view = 'primary',\n      ...otherProps\n    } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size, view, type }, [className])}\n      >\n        {type === 'dots' && <div className={cnLoader('Dot')} />}\n      </div>\n    );\n  },\n);\n"],"mappings":"sIAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBAGA,MAAO,IAAMC,SAAQ,CAAGD,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAME,OAAM,CAAGH,KAAK,CAACI,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAMIF,CANJ,CACEE,SADF,GAMIF,CANJ,CAEEG,IAFF,CAEEA,CAFF,YAES,GAFT,KAMIH,CANJ,CAGEI,IAHF,CAGEA,CAHF,YAGS,MAHT,KAMIJ,CANJ,CAIEK,IAJF,CAIEA,CAJF,YAIS,SAJT,GAKKC,CALL,0BAMIN,CANJ,YAOA,MACE,4CACMM,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEJ,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAQE,IAAI,CAAJA,CAAR,CAAcD,IAAI,CAAJA,CAAd,CAAD,CAAuB,CAACF,CAAD,CAAvB,CAHrB,GAKY,MAAT,GAAAE,CAAI,EAAe,2BAAK,SAAS,CAAEP,QAAQ,CAAC,KAAD,CAAxB,EALtB,CAQH,CAlBmB,CAAf"}

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

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

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

@@ -1,10 +1,12 @@
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s", "xs"];
-export declare type LoaderPropSize = typeof loaderPropSize[number];
-export declare const loaderPropSizeDefault: LoaderPropSize;
-declare type Props = {
-    size?: LoaderPropSize;
-    children?: never;
-};
-export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export {};
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type LoaderPropSize = 'xs' | 's' | 'm';
+export declare type LoaderPropType = 'dots' | 'circle';
+export declare type LoaderPropView = 'primary' | 'clear';
+declare type Props = {
+    size?: 'xs' | 's' | 'm';
+    children?: never;
+    type?: LoaderPropType;
+    view?: LoaderPropView;
+};
+export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export {};

package/__internal__/src/components/Loader/types.js

@@ -1,2 +1,2 @@
-export var loaderPropSize=["m","s","xs"];export var loaderPropSizeDefault=loaderPropSize[0];
+export{};
 //# sourceMappingURL=types.js.map

package/__internal__/src/components/Loader/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["loaderPropSize","loaderPropSizeDefault"],"sources":["../../../../../src/components/Loader/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's', 'xs'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/Loader/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type LoaderPropSize = 'xs' | 's' | 'm';\nexport type LoaderPropType = 'dots' | 'circle';\nexport type LoaderPropView = 'primary' | 'clear';\n\ntype Props = {\n  size?: 'xs' | 's' | 'm';\n  children?: never;\n  type?: LoaderPropType;\n  view?: LoaderPropView;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n"],"mappings":""}

package/__internal__/src/components/LoaderDeprecated/LoaderDeprecated.d.ts

@@ -1,14 +1,14 @@
-import './Loader.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s", "xs"];
-export declare type LoaderPropSize = typeof loaderPropSize[number];
-export declare const loaderPropSizeDefault: LoaderPropSize;
-declare type Props = {
-    size?: LoaderPropSize;
-    children?: never;
-};
-export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
-export declare const Loader: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Loader.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
+export declare type LoaderPropSize = typeof loaderPropSize[number];
+export declare const loaderPropSizeDefault: LoaderPropSize;
+declare type Props = {
+    size?: LoaderPropSize;
+    children?: never;
+};
+export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

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

package/__internal__/src/components/Modal/Modal.d.ts

@@ -1,26 +1,26 @@
-import './Modal.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
-declare const modalPropWidth: readonly ["auto"];
-declare type ModalPropWidth = typeof modalPropWidth[number];
-declare const modalPropPosition: readonly ["center", "top"];
-declare type ModalPropPosition = typeof modalPropPosition[number];
-declare type ModalProps = PropsWithHTMLAttributes<{
-    isOpen?: boolean;
-    onClose?: () => void;
-    onOpen?: () => void;
-    hasOverlay?: boolean;
-    /** @deprecated use onClickOutside */
-    onOverlayClick?: (event: MouseEvent) => void;
-    onClickOutside?: (event: MouseEvent) => void;
-    onEsc?: (event: KeyboardEvent) => void;
-    rootClassName?: string;
-    width?: ModalPropWidth;
-    position?: ModalPropPosition;
-    children?: React.ReactNode;
-    container?: HTMLDivElement | undefined;
-    afterClose?: () => void;
-    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
-}, HTMLDivElement>;
-export declare const Modal: React.FC<ModalProps>;
-export {};
+import './Modal.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
+declare const modalPropWidth: readonly ["auto"];
+declare type ModalPropWidth = typeof modalPropWidth[number];
+declare const modalPropPosition: readonly ["center", "top"];
+declare type ModalPropPosition = typeof modalPropPosition[number];
+declare type ModalProps = PropsWithHTMLAttributes<{
+    isOpen?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    hasOverlay?: boolean;
+    /** @deprecated use onClickOutside */
+    onOverlayClick?: (event: MouseEvent) => void;
+    onClickOutside?: (event: MouseEvent) => void;
+    onEsc?: (event: KeyboardEvent) => void;
+    rootClassName?: string;
+    width?: ModalPropWidth;
+    position?: ModalPropPosition;
+    children?: React.ReactNode;
+    container?: HTMLDivElement | undefined;
+    afterClose?: () => void;
+    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
+}, HTMLDivElement>;
+export declare const Modal: React.FC<ModalProps>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","useEffect","useRef","Transition","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useGlobalKeys","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cn","modalPropWidth","modalPropWidthDefault","modalPropPosition","modalPropPositionDefault","cnModal","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","Modal","props","isOpen","onClose","onOpen","hasOverlay","onOverlayClick","onEsc","className","width","position","container","window","document","body","refsForExcludeClickOutside","rootClassName","afterClose","style","otherProps","ref","portalRef","theme","Escape","e","animate","zIndex"],"sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import './Modal.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useGlobalKeys } from '##/hooks/useGlobalKeys';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst modalPropWidth = ['auto'] as const;\ntype ModalPropWidth = typeof modalPropWidth[number];\nconst modalPropWidthDefault: ModalPropWidth = modalPropWidth[0];\n\nconst modalPropPosition = ['center', 'top'] as const;\ntype ModalPropPosition = typeof modalPropPosition[number];\nconst modalPropPositionDefault: ModalPropPosition = modalPropPosition[0];\n\ntype ModalProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    /** @deprecated use onClickOutside */\n    onOverlayClick?: (event: MouseEvent) => void;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    rootClassName?: string;\n    width?: ModalPropWidth;\n    position?: ModalPropPosition;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | undefined;\n    afterClose?: () => void;\n    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];\n  },\n  HTMLDivElement\n>;\n\nconst cnModal = cn('Modal');\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    hasOverlay = true,\n    onOverlayClick,\n    onClickOutside,\n    onEsc,\n    className,\n    width = modalPropWidthDefault,\n    position = modalPropPositionDefault,\n    children,\n    container = window.document.body,\n    refsForExcludeClickOutside,\n    rootClassName,\n    afterClose,\n    style,\n    ...otherProps\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const { theme } = useTheme();\n\n  useEffect(() => {\n    if (isOpen) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  }, [isOpen]);\n\n  useGlobalKeys({\n    Escape: (e: KeyboardEvent) => isOpen && onEsc && onEsc(e),\n  });\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={portalRef}\n      timeout={animateTimeout}\n      onExited={afterClose}\n    >\n      {(animate) => (\n        <PortalWithTheme\n          preset={theme}\n          container={container}\n          className={cnModal({ hasOverlay }, [rootClassName])}\n          ref={portalRef}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex }\n              : undefined\n          }\n        >\n          {hasOverlay && (\n            <div\n              className={cnModal('Overlay', { animate })}\n              aria-label=\"Overlay\"\n            />\n          )}\n          <div\n            {...otherProps}\n            style={{\n              ...style,\n              zIndex: undefined,\n            }}\n            className={cnModal('Window', { width, position }, [\n              cnMixPopoverAnimate({ animate }),\n              className,\n              cnMixScrollBar(),\n            ])}\n            ref={ref}\n          >\n            <ContextConsumer\n              onClickOutside={onClickOutside || onOverlayClick}\n              ignoreClicksInsideRefs={[\n                ...(refsForExcludeClickOutside || []),\n                ref,\n              ]}\n            >\n              {children}\n            </ContextConsumer>\n          </div>\n        </PortalWithTheme>\n      )}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["React","useEffect","useRef","Transition","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useGlobalKeys","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cn","modalPropWidth","modalPropWidthDefault","modalPropPosition","modalPropPositionDefault","cnModal","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","Modal","props","isOpen","onClose","onOpen","hasOverlay","onOverlayClick","onEsc","className","width","position","container","window","document","body","refsForExcludeClickOutside","rootClassName","afterClose","style","otherProps","ref","portalRef","theme","Escape","e","animate","zIndex"],"sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import './Modal.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useGlobalKeys } from '##/hooks/useGlobalKeys';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst modalPropWidth = ['auto'] as const;\ntype ModalPropWidth = typeof modalPropWidth[number];\nconst modalPropWidthDefault: ModalPropWidth = modalPropWidth[0];\n\nconst modalPropPosition = ['center', 'top'] as const;\ntype ModalPropPosition = typeof modalPropPosition[number];\nconst modalPropPositionDefault: ModalPropPosition = modalPropPosition[0];\n\ntype ModalProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    /** @deprecated use onClickOutside */\n    onOverlayClick?: (event: MouseEvent) => void;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    rootClassName?: string;\n    width?: ModalPropWidth;\n    position?: ModalPropPosition;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | undefined;\n    afterClose?: () => void;\n    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];\n  },\n  HTMLDivElement\n>;\n\nconst cnModal = cn('Modal');\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов во всплывающем окне\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    hasOverlay = true,\n    onOverlayClick,\n    onClickOutside,\n    onEsc,\n    className,\n    width = modalPropWidthDefault,\n    position = modalPropPositionDefault,\n    children,\n    container = window.document.body,\n    refsForExcludeClickOutside,\n    rootClassName,\n    afterClose,\n    style,\n    ...otherProps\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const { theme } = useTheme();\n\n  useEffect(() => {\n    if (isOpen) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  }, [isOpen]);\n\n  useGlobalKeys({\n    Escape: (e: KeyboardEvent) => isOpen && onEsc && onEsc(e),\n  });\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={portalRef}\n      timeout={animateTimeout}\n      onExited={afterClose}\n    >\n      {(animate) => (\n        <PortalWithTheme\n          preset={theme}\n          container={container}\n          className={cnModal({ hasOverlay }, [rootClassName])}\n          ref={portalRef}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex }\n              : undefined\n          }\n        >\n          {hasOverlay && (\n            <div\n              className={cnModal('Overlay', { animate })}\n              aria-label=\"Overlay\"\n            />\n          )}\n          <div\n            {...otherProps}\n            style={{\n              ...style,\n              zIndex: undefined,\n            }}\n            className={cnModal('Window', { width, position }, [\n              cnMixPopoverAnimate({ animate }),\n              className,\n              cnMixScrollBar(),\n            ])}\n            ref={ref}\n          >\n            <ContextConsumer\n              onClickOutside={onClickOutside || onOverlayClick}\n              ignoreClicksInsideRefs={[\n                ...(refsForExcludeClickOutside || []),\n                ref,\n              ]}\n            >\n              {children}\n            </ContextConsumer>\n          </div>\n        </PortalWithTheme>\n      )}\n    </Transition>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -1,3 +1,3 @@
-import './Pagination.css';
-import { PaginationComponent } from './types';
-export declare const Pagination: PaginationComponent;
+import './Pagination.css';
+import { PaginationComponent } from './types';
+export declare const Pagination: PaginationComponent;

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

@@ -1 +1 @@
-{"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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"}
+{"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/PaginationArrow/PaginationArrow.d.ts

@@ -1,11 +1,11 @@
-import './PaginationArrow.css';
-import React from 'react';
-export declare const PaginationArrow: React.ForwardRefExoticComponent<{
-    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    disabled?: boolean | undefined;
-    orientation?: "start" | "end" | undefined;
-    label?: string | undefined;
-    caption?: string | undefined;
-} & Omit<React.HTMLAttributes<HTMLButtonElement>, "caption" | "form" | "label" | "disabled" | "size" | "css" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;
+import './PaginationArrow.css';
+import React from 'react';
+export declare const PaginationArrow: React.ForwardRefExoticComponent<{
+    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
+    disabled?: boolean | undefined;
+    orientation?: "start" | "end" | undefined;
+    label?: string | undefined;
+    caption?: string | undefined;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "css" | "size" | "caption" | "form" | "label" | "disabled" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,4 +1,4 @@
-import './PaginationItem.css';
-import { PaginationItemComponent } from '../types';
-export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const PaginationItem: PaginationItemComponent;
+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/index.d.ts

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

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

@@ -1 +1 @@
-.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)}
+.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-length)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}

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

@@ -1,3 +1,3 @@
-import './PaginationList.css';
-import { PaginationListComponent } from '../types';
-export declare const PaginationList: PaginationListComponent;
+import './PaginationList.css';
+import { PaginationListComponent } from '../types';
+export declare const PaginationList: PaginationListComponent;

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?: "xs" | "s" | "m" | "l" | undefined;
+    total: number;
+    getTotalLabel?: ((pages: number) => string | number) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onChange" | "size" | "form" | "value" | "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":"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"}