@salutejs/plasma-new-hope 0.336.0-canary.1906.17459907241.0 → 0.336.0-canary.2163.17581420375.0

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css

@@ -24,6 +24,6 @@
 .DropdownItem_styles_1algi32_w1jav4ek__367ba473{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
 .DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 
-.Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
-.Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
+.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { DropdownItem } from '../DropdownItem/DropdownItem.js';
 import { ListWrapper, Ul } from '../../Dropdown.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
@@ -12,9 +12,8 @@ var DropdownInner = function DropdownInner(_ref) {
     dispatchPath = _ref.dispatchPath,
     index = _ref.index,
     trigger = _ref.trigger,
-    listMaxHeight = _ref.listMaxHeight,
-    listOverflow = _ref.listOverflow,
-    listWidth = _ref.listWidth;
+    listWidth = _ref.listWidth,
+    portal = _ref.portal;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -29,6 +28,7 @@ var DropdownInner = function DropdownInner(_ref) {
       });
     }
   };
+  var listWrapperRef = useRef(null);
   var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
   var treeId = safeUseId();
   var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -49,14 +49,15 @@ var DropdownInner = function DropdownInner(_ref) {
         ariaLevel: nextLevel,
         ariaLabel: item.label
       }),
-      isInner: true
+      isInner: true,
+      portal: portal
     }, /*#__PURE__*/React.createElement(ListWrapper, {
+      ref: listWrapperRef,
       listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       id: listId,
       role: "group",
-      listMaxHeight: listMaxHeight,
-      listOverflow: listOverflow
+      listMaxHeight: item.listMaxHeight
     }, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -66,9 +67,8 @@ var DropdownInner = function DropdownInner(_ref) {
         dispatchPath: dispatchPath,
         index: innerIndex,
         trigger: trigger,
-        listMaxHeight: listMaxHeight,
-        listOverflow: listOverflow,
-        listWidth: listWidth
+        listWidth: listWidth,
+        portal: listWrapperRef
       });
     }))));
   }

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={listMaxHeight} listOverflow={listOverflow}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listMaxHeight={listMaxHeight}\n                                listOverflow={listOverflow}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","id","role","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -74,7 +74,7 @@ var DropdownItem = function DropdownItem(_ref) {
   };
   var handleHover = function handleHover() {
     if (onHover) {
-      onHover(index);
+      onHover(index, item);
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, dividerBefore && /*#__PURE__*/React.createElement(Divider, {

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n    Wrapper,\n    DisclosureIconWrapper,\n    Divider,\n    CellWrapper,\n    StyledCell,\n    RenderItemWrapper,\n    StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const {\n        value,\n        label,\n        disabled,\n        isDisabled,\n        contentLeft,\n        contentRight,\n        dividerBefore,\n        dividerAfter,\n        className,\n        ...rest\n    } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        size,\n        variant,\n        itemRole,\n        handleGlobalToggle,\n        closeOnSelect,\n        onHover,\n        onItemSelect,\n        onItemClick,\n        hasArrow,\n        treeId,\n        renderItem,\n    } = useContext(Context);\n\n    const hasDescendants = Boolean(item.items);\n    const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (itemDisabled) {\n            event.stopPropagation();\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n        if (closeOnSelect && !hasDescendants) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <>\n            {dividerBefore && <Divider variant={variant} />}\n\n            <Wrapper\n                {...rest}\n                ref={ref}\n                className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n                id={getItemId(treeId, value.toString())}\n                role={itemRole}\n                onClick={handleClick}\n                onMouseEnter={handleHover}\n                variant={variant}\n                aria-disabled={disabled || isDisabled}\n                aria-controls={ariaControls}\n                aria-expanded={ariaExpanded}\n                aria-level={ariaLevel}\n                aria-label={ariaLabel}\n            >\n                {renderItem ? (\n                    <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n                ) : (\n                    <CellWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            alignContentLeft=\"center\"\n                            alignContentRight=\"center\"\n                            title={label}\n                        />\n                    </CellWrapper>\n                )}\n\n                {item.items && hasArrow && (\n                    <DisclosureIconWrapper>\n                        <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {dividerAfter && <Divider variant={variant} />}\n        </>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":";;;;;;;;;IAkBaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAS1C;AAAA,EAAA,IARFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAET,EAAA,IACIC,KAAK,GAULR,IAAI,CAVJQ,KAAK;IACLC,KAAK,GASLT,IAAI,CATJS,KAAK;IACLC,QAAQ,GAQRV,IAAI,CARJU,QAAQ;IACRC,UAAU,GAOVX,IAAI,CAPJW,UAAU;IACVC,WAAW,GAMXZ,IAAI,CANJY,WAAW;IACXC,YAAY,GAKZb,IAAI,CALJa,YAAY;IACZC,aAAa,GAIbd,IAAI,CAJJc,aAAa;IACbC,YAAY,GAGZf,IAAI,CAHJe,YAAY;IACZC,SAAS,GAEThB,IAAI,CAFJgB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CACPlB,IAAI,EAAAmB,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9C,EAAA,IAAAC,WAAA,GAaIC,UAAU,CAACC,OAAO,CAAC;IAZnBC,WAAW,GAAAH,WAAA,CAAXG,WAAW;IACXC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,WAAA,CAAPK,OAAO;IACPC,QAAQ,GAAAN,WAAA,CAARM,QAAQ;IACRC,kBAAkB,GAAAP,WAAA,CAAlBO,kBAAkB;IAClBC,aAAa,GAAAR,WAAA,CAAbQ,aAAa;IACbC,OAAO,GAAAT,WAAA,CAAPS,OAAO;IACPC,YAAY,GAAAV,WAAA,CAAZU,YAAY;IACZC,WAAW,GAAAX,WAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,WAAA,CAARY,QAAQ;IACRC,MAAM,GAAAb,WAAA,CAANa,MAAM;IACNC,UAAU,GAAAd,WAAA,CAAVc,UAAU,CAAA;AAGd,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAACtC,IAAI,CAACuC,KAAK,CAAC,CAAA;EAC1C,IAAMC,kBAAkB,GAAGd,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AACrD,EAAA,IAAMe,YAAY,GAAGH,OAAO,CAAC5B,QAAQ,IAAIC,UAAU,CAAC,CAAA;EACpD,IAAM+B,mBAAmB,GAAGD,YAAY,GAAGE,OAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;EACrF,IAAMC,YAAY,GACd5C,YAAY,KAAKuB,WAAW,CAACsB,MAAM,GAAG,CAAC,IAAI5C,KAAK,MAAKsB,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAGvB,YAAY,CAAC,CAAA,GAC1EyC,OAAO,CAACK,qBAAqB,GAC7BH,SAAS,CAAA;AACnB,EAAA,IAAMI,WAAW,GAAGzC,KAAK,MAAKP,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAGC,YAAY,GAAG,CAAC,CAAC,CAAA,GAAGyC,OAAO,CAACO,oBAAoB,GAAGL,SAAS,CAAA;AAEjGM,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAIL,YAAY,IAAI1B,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEgC,OAAO,EAAE;AAC9BhC,MAAAA,GAAG,CAACgC,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAsC,EAAW;AAClE,IAAA,IAAIjB,YAAY,EAAE;MACdiB,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI3B,YAAY,EAAE;AACdA,MAAAA,YAAY,CAAChC,IAAI,EAAE0D,KAAK,CAAC,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIzB,WAAW,EAAE;AACbA,MAAAA,WAAW,CAACjC,IAAI,EAAE0D,KAAK,CAAC,CAAA;AAC5B,KAAA;;AAEA;AACA,IAAA,IAAI5B,aAAa,IAAI,CAACO,cAAc,EAAE;AAClCR,MAAAA,kBAAkB,CAAC,KAAK,EAAE6B,KAAK,CAAC,CAAA;AACpC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAI7B,OAAO,EAAE;MACTA,OAAO,CAAC5B,KAAK,CAAC,CAAA;AAClB,KAAA;GACH,CAAA;AAED,EAAA,oBACI0D,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKjD,IAAAA,EAAAA,aAAa,iBAAI+C,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACrC,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAAC,eAE/CkC,KAAA,CAAAC,aAAA,CAACG,OAAO,EAAAC,QAAA,CAAA,EAAA,EACAjD,IAAI,EAAA;AACRG,IAAAA,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEmD,EAAE,CAACzB,mBAAmB,EAAEI,YAAY,EAAEG,WAAW,EAAEjC,SAAS,CAAE;IACzEoD,EAAE,EAAEC,SAAS,CAAClC,MAAM,EAAE3B,KAAK,CAAC8D,QAAQ,EAAE,CAAE;AACxCC,IAAAA,IAAI,EAAE3C,QAAS;AACf4C,IAAAA,OAAO,EAAEf,WAAY;AACrBgB,IAAAA,YAAY,EAAEb,WAAY;AAC1BjC,IAAAA,OAAO,EAAEA,OAAQ;IACjB,eAAejB,EAAAA,QAAQ,IAAIC,UAAW;AACtC,IAAA,eAAA,EAAeP,YAAa;AAC5B,IAAA,eAAA,EAAeC,YAAa;AAC5B,IAAA,YAAA,EAAYC,SAAU;IACtB,YAAYC,EAAAA,SAAAA;GAEX6B,CAAAA,EAAAA,UAAU,gBACPyB,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA,IAAA,EAAEtC,UAAU,CAACpC,IAAI,CAAqB,CAAC,gBAEzD6D,KAAA,CAAAC,aAAA,CAACa,WAAW,qBACRd,KAAA,CAAAC,aAAA,CAACc,UAAU,EAAA;AACPhE,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BgE,IAAAA,gBAAgB,EAAC,QAAQ;AACzBC,IAAAA,iBAAiB,EAAC,QAAQ;AAC1BC,IAAAA,KAAK,EAAEtE,KAAAA;AAAM,GAChB,CACQ,CAChB,EAEAT,IAAI,CAACuC,KAAK,IAAIL,QAAQ,iBACnB2B,KAAA,CAAAC,aAAA,CAACkB,qBAAqB,EAAA,IAAA,eAClBnB,KAAA,CAAAC,aAAA,CAACmB,yBAAyB,EAAA;AAACvD,IAAAA,IAAI,EAAEc,kBAAmB;AAAC0C,IAAAA,KAAK,EAAC,SAAA;GAAW,CACnD,CAEtB,CAAC,EAETnE,YAAY,iBAAI8C,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACrC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAC/C,CAAC,CAAA;AAEX;;;;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n    Wrapper,\n    DisclosureIconWrapper,\n    Divider,\n    CellWrapper,\n    StyledCell,\n    RenderItemWrapper,\n    StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const {\n        value,\n        label,\n        disabled,\n        isDisabled,\n        contentLeft,\n        contentRight,\n        dividerBefore,\n        dividerAfter,\n        className,\n        ...rest\n    } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        size,\n        variant,\n        itemRole,\n        handleGlobalToggle,\n        closeOnSelect,\n        onHover,\n        onItemSelect,\n        onItemClick,\n        hasArrow,\n        treeId,\n        renderItem,\n    } = useContext(Context);\n\n    const hasDescendants = Boolean(item.items);\n    const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (itemDisabled) {\n            event.stopPropagation();\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n        if (closeOnSelect && !hasDescendants) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index, item);\n        }\n    };\n\n    return (\n        <>\n            {dividerBefore && <Divider variant={variant} />}\n\n            <Wrapper\n                {...rest}\n                ref={ref}\n                className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n                id={getItemId(treeId, value.toString())}\n                role={itemRole}\n                onClick={handleClick}\n                onMouseEnter={handleHover}\n                variant={variant}\n                aria-disabled={disabled || isDisabled}\n                aria-controls={ariaControls}\n                aria-expanded={ariaExpanded}\n                aria-level={ariaLevel}\n                aria-label={ariaLabel}\n            >\n                {renderItem ? (\n                    <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n                ) : (\n                    <CellWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            alignContentLeft=\"center\"\n                            alignContentRight=\"center\"\n                            title={label}\n                        />\n                    </CellWrapper>\n                )}\n\n                {item.items && hasArrow && (\n                    <DisclosureIconWrapper>\n                        <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {dividerAfter && <Divider variant={variant} />}\n        </>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":";;;;;;;;;IAkBaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAS1C;AAAA,EAAA,IARFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAET,EAAA,IACIC,KAAK,GAULR,IAAI,CAVJQ,KAAK;IACLC,KAAK,GASLT,IAAI,CATJS,KAAK;IACLC,QAAQ,GAQRV,IAAI,CARJU,QAAQ;IACRC,UAAU,GAOVX,IAAI,CAPJW,UAAU;IACVC,WAAW,GAMXZ,IAAI,CANJY,WAAW;IACXC,YAAY,GAKZb,IAAI,CALJa,YAAY;IACZC,aAAa,GAIbd,IAAI,CAJJc,aAAa;IACbC,YAAY,GAGZf,IAAI,CAHJe,YAAY;IACZC,SAAS,GAEThB,IAAI,CAFJgB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CACPlB,IAAI,EAAAmB,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9C,EAAA,IAAAC,WAAA,GAaIC,UAAU,CAACC,OAAO,CAAC;IAZnBC,WAAW,GAAAH,WAAA,CAAXG,WAAW;IACXC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,WAAA,CAAPK,OAAO;IACPC,QAAQ,GAAAN,WAAA,CAARM,QAAQ;IACRC,kBAAkB,GAAAP,WAAA,CAAlBO,kBAAkB;IAClBC,aAAa,GAAAR,WAAA,CAAbQ,aAAa;IACbC,OAAO,GAAAT,WAAA,CAAPS,OAAO;IACPC,YAAY,GAAAV,WAAA,CAAZU,YAAY;IACZC,WAAW,GAAAX,WAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,WAAA,CAARY,QAAQ;IACRC,MAAM,GAAAb,WAAA,CAANa,MAAM;IACNC,UAAU,GAAAd,WAAA,CAAVc,UAAU,CAAA;AAGd,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAACtC,IAAI,CAACuC,KAAK,CAAC,CAAA;EAC1C,IAAMC,kBAAkB,GAAGd,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AACrD,EAAA,IAAMe,YAAY,GAAGH,OAAO,CAAC5B,QAAQ,IAAIC,UAAU,CAAC,CAAA;EACpD,IAAM+B,mBAAmB,GAAGD,YAAY,GAAGE,OAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;EACrF,IAAMC,YAAY,GACd5C,YAAY,KAAKuB,WAAW,CAACsB,MAAM,GAAG,CAAC,IAAI5C,KAAK,MAAKsB,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAGvB,YAAY,CAAC,CAAA,GAC1EyC,OAAO,CAACK,qBAAqB,GAC7BH,SAAS,CAAA;AACnB,EAAA,IAAMI,WAAW,GAAGzC,KAAK,MAAKP,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAGC,YAAY,GAAG,CAAC,CAAC,CAAA,GAAGyC,OAAO,CAACO,oBAAoB,GAAGL,SAAS,CAAA;AAEjGM,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAIL,YAAY,IAAI1B,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEgC,OAAO,EAAE;AAC9BhC,MAAAA,GAAG,CAACgC,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAsC,EAAW;AAClE,IAAA,IAAIjB,YAAY,EAAE;MACdiB,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI3B,YAAY,EAAE;AACdA,MAAAA,YAAY,CAAChC,IAAI,EAAE0D,KAAK,CAAC,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIzB,WAAW,EAAE;AACbA,MAAAA,WAAW,CAACjC,IAAI,EAAE0D,KAAK,CAAC,CAAA;AAC5B,KAAA;;AAEA;AACA,IAAA,IAAI5B,aAAa,IAAI,CAACO,cAAc,EAAE;AAClCR,MAAAA,kBAAkB,CAAC,KAAK,EAAE6B,KAAK,CAAC,CAAA;AACpC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAI7B,OAAO,EAAE;AACTA,MAAAA,OAAO,CAAC5B,KAAK,EAAEH,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACI6D,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKjD,IAAAA,EAAAA,aAAa,iBAAI+C,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACrC,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAAC,eAE/CkC,KAAA,CAAAC,aAAA,CAACG,OAAO,EAAAC,QAAA,CAAA,EAAA,EACAjD,IAAI,EAAA;AACRG,IAAAA,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEmD,EAAE,CAACzB,mBAAmB,EAAEI,YAAY,EAAEG,WAAW,EAAEjC,SAAS,CAAE;IACzEoD,EAAE,EAAEC,SAAS,CAAClC,MAAM,EAAE3B,KAAK,CAAC8D,QAAQ,EAAE,CAAE;AACxCC,IAAAA,IAAI,EAAE3C,QAAS;AACf4C,IAAAA,OAAO,EAAEf,WAAY;AACrBgB,IAAAA,YAAY,EAAEb,WAAY;AAC1BjC,IAAAA,OAAO,EAAEA,OAAQ;IACjB,eAAejB,EAAAA,QAAQ,IAAIC,UAAW;AACtC,IAAA,eAAA,EAAeP,YAAa;AAC5B,IAAA,eAAA,EAAeC,YAAa;AAC5B,IAAA,YAAA,EAAYC,SAAU;IACtB,YAAYC,EAAAA,SAAAA;GAEX6B,CAAAA,EAAAA,UAAU,gBACPyB,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA,IAAA,EAAEtC,UAAU,CAACpC,IAAI,CAAqB,CAAC,gBAEzD6D,KAAA,CAAAC,aAAA,CAACa,WAAW,qBACRd,KAAA,CAAAC,aAAA,CAACc,UAAU,EAAA;AACPhE,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BgE,IAAAA,gBAAgB,EAAC,QAAQ;AACzBC,IAAAA,iBAAiB,EAAC,QAAQ;AAC1BC,IAAAA,KAAK,EAAEtE,KAAAA;AAAM,GAChB,CACQ,CAChB,EAEAT,IAAI,CAACuC,KAAK,IAAIL,QAAQ,iBACnB2B,KAAA,CAAAC,aAAA,CAACkB,qBAAqB,EAAA,IAAA,eAClBnB,KAAA,CAAAC,aAAA,CAACmB,yBAAyB,EAAA;AAACvD,IAAAA,IAAI,EAAEc,kBAAmB;AAAC0C,IAAAA,KAAK,EAAC,SAAA;GAAW,CACnD,CAEtB,CAAC,EAETnE,YAAY,iBAAI8C,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACrC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAC/C,CAAC,CAAA;AAEX;;;;"}

package/es/components/Pagination/Pagination.css

@@ -39,13 +39,15 @@
 
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
-.Pagination_styles_ska0td_p1m4gnut__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_ska0td_p1m4gnut__61d177c9.Pagination_styles_ska0td_paginationTypeCompact__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_ska0td_p1m4gnut__61d177c9.Pagination_styles_ska0td_paginationTypeDefault__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.Pagination_styles_ska0td_p195n7xj__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;}
-.Pagination_styles_ska0td_p19axp12__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationTypeCompact__61d177c9{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationHasPerpageSelect__61d177c9{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_ska0td_p19axp12__61d177c9.Pagination_styles_ska0td_paginationHasQuickJump__61d177c9{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_ska0td_p1rlzvhv__61d177c9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_ska0td_pivhg1z__61d177c9{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_ska0td_pshury3__61d177c9{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_paginationPageButtonActive__61d177c9{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_paginationButtonDisabled__61d177c9{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_ska0td_pshury3__61d177c9:focus{outline:none;}.Pagination_styles_ska0td_pshury3__61d177c9::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_ska0td_pshury3__61d177c9.Pagination_styles_ska0td_focusVisible__61d177c9:focus::before,.Pagination_styles_ska0td_pshury3__61d177c9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_ska0td_pwlctp1__61d177c9.Pagination_styles_ska0td_pshury3__61d177c9{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.Pagination_styles_1ptuxg8_p195n7xj__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.Pagination_styles_1ptuxg8_p19axp12__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasPerpageSelect__ef8815b3{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasQuickJump__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_1ptuxg8_p1rlzvhv__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_1ptuxg8_pivhg1z__ef8815b3{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationPageButtonActive__ef8815b3{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationButtonDisabled__ef8815b3{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_1ptuxg8_pshury3__ef8815b3:focus{outline:none;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_focusVisible__ef8815b3:focus::before,.Pagination_styles_1ptuxg8_pshury3__ef8815b3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_1ptuxg8_pwlctp1__ef8815b3.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3 .Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationEllipsisText__ef8815b3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 
@@ -53,9 +55,9 @@
 
 .base_e3keuf_bw1b4g7__051d03cf{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
 
-.PaginationQuickJumpToPage_styles_89ax1q_qvkjd5d__20a98f50{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
-
-.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_qvkjd5d__6619862a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q1fpu934__6619862a{white-space:nowrap;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
 
 .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
 .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
@@ -71,7 +73,7 @@
 
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
 
-.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
+.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
 
 .base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
 
@@ -195,8 +197,8 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
-.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
 
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Pagination/Pagination.js

@@ -1,7 +1,8 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, Fragment } from 'react';
+import React, { forwardRef, useState, useRef, useEffect, Fragment } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
-import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions } from './Pagination.styles.js';
+import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions, PaginationActionsLeft, PaginationHelperText } from './Pagination.styles.js';
 import { defaultValues, getSections } from './utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_type/base.js';
@@ -11,11 +12,13 @@ import { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage.js';
 import { isNumber } from '../../utils/isNumber.js';
 
-var _excluded = ["value", "defaultValue", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
+var _excluded = ["value", "defaultValue", "helperText", "helperTextEllipsis", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var outerValue = _ref.value,
       defaultValue = _ref.defaultValue,
+      helperText = _ref.helperText,
+      helperTextEllipsis = _ref.helperTextEllipsis,
       outerPerPage = _ref.perPage,
       defaultPerPage = _ref.defaultPerPage,
       _ref$slots = _ref.slots,
@@ -49,7 +52,8 @@ var paginationRoot = function paginationRoot(Root) {
       textPerPage = _ref$textPerPage === void 0 ? defaultValues.textPerPage : _ref$textPerPage,
       leftContent = _ref.leftContent,
       rightContent = _ref.rightContent,
-      listWidth = _ref.listWidth,
+      _ref$listWidth = _ref.listWidth,
+      listWidth = _ref$listWidth === void 0 ? 'fit-content' : _ref$listWidth,
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       onChange = _ref.onChange,
@@ -64,11 +68,22 @@ var paginationRoot = function paginationRoot(Root) {
       perPageInner = _useState4[0],
       setPerPageInner = _useState4[1];
     var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+    var pagesRef = useRef(null);
+    var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      pagesWidth = _useState6[0],
+      setPagesWidth = _useState6[1];
+    var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      rootWidth = _useState8[0],
+      setRootWidth = _useState8[1];
+    var rootRef = useRef(null);
+    var forkRef = useForkRef(rootRef, ref);
     var pages = Math.ceil(count / (perPageValue || 1));
     var sections = getSections(pageValue, pages, slots);
     var typeClass = classes["".concat(type, "Type")];
     var roundedClass = pilled ? 'circle-circle' : 'square-square';
-    var withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;
+    var withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;
     var withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;
     var disabled = disabledPages.map(function (el) {
       return isNumber(el) ? Number(el) : null;
@@ -106,15 +121,40 @@ var paginationRoot = function paginationRoot(Root) {
     var isActiveButton = function isActiveButton(checkPage) {
       return pageValue === checkPage ? classes.paginationPageButtonActive : '';
     };
+    useEffect(function () {
+      var observer = new ResizeObserver(function (entries) {
+        var newWidth = entries[0].contentRect.width;
+        setPagesWidth(newWidth);
+      });
+      if (pagesRef.current) {
+        observer.observe(pagesRef.current);
+      }
+      return function () {
+        return observer.disconnect();
+      };
+    }, [type]);
+    useEffect(function () {
+      if (!rootRef.current) return;
+      var observer = new ResizeObserver(function (entries) {
+        var newWidth = entries[0].contentRect.width;
+        setRootWidth(newWidth);
+      });
+      observer.observe(rootRef.current);
+      return function () {
+        return observer.disconnect();
+      };
+    }, []);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,
       viewCurrentPage: viewCurrentPage,
       className: cx(classes.wrapper, typeClass),
-      ref: ref
+      ref: forkRef
     }, rest), /*#__PURE__*/React.createElement(PaginationRoot, {
       className: typeClass
-    }, /*#__PURE__*/React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
+    }, /*#__PURE__*/React.createElement(PaginationPages, {
+      ref: pagesRef
+    }, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
       return /*#__PURE__*/React.createElement(Fragment, {
@@ -138,12 +178,24 @@ var paginationRoot = function paginationRoot(Root) {
     }), rightContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, rightContent)), /*#__PURE__*/React.createElement(PaginationActions, {
+      style: type === 'compact' ? {
+        minWidth: '0px'
+      } : {
+        width: "calc(100% - ".concat(pagesWidth, "px)")
+      },
       className: cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
+    }, /*#__PURE__*/React.createElement(PaginationActionsLeft, {
+      className: typeClass
     }, hasQuickJump && /*#__PURE__*/React.createElement(PaginationQuickJumpToPage, {
       placeholderQuickJump: placeholderQuickJump,
       textQuickJump: textQuickJump,
       onChangeValue: handleSetPage
-    }), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
+    }), helperText && /*#__PURE__*/React.createElement(PaginationHelperText, {
+      className: cx(typeClass, helperTextEllipsis ? classes.ellipsisText : ''),
+      style: {
+        maxWidth: rootWidth
+      }
+    }, helperText)), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
       textPerPage: textPerPage,
       perPageValue: perPageValue,
       perPageList: perPageList,

package/es/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handleSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment, useRef, useEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n    PaginationActionsLeft,\n    PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n                helperText,\n                helperTextEllipsis,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth = 'fit-content',\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pagesRef = useRef<HTMLDivElement>(null);\n            const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n            const [rootWidth, setRootWidth] = useState<number>(0);\n            const rootRef = useRef<HTMLDivElement>(null);\n\n            const forkRef = useForkRef(rootRef, ref);\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            useEffect(() => {\n                const observer = new ResizeObserver((entries) => {\n                    const newWidth = entries[0].contentRect.width;\n                    setPagesWidth(newWidth);\n                });\n\n                if (pagesRef.current) {\n                    observer.observe(pagesRef.current);\n                }\n\n                return () => observer.disconnect();\n            }, [type]);\n\n            useEffect(() => {\n                if (!rootRef.current) return;\n\n                const observer = new ResizeObserver((entries) => {\n                    const newWidth = entries[0].contentRect.width;\n                    setRootWidth(newWidth);\n                });\n\n                observer.observe(rootRef.current);\n\n                return () => observer.disconnect();\n            }, []);\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={forkRef}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages ref={pagesRef}>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            style={type === 'compact' ? { minWidth: '0px' } : { width: `calc(100% - ${pagesWidth}px)` }}\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            <PaginationActionsLeft className={typeClass}>\n                                {hasQuickJump && (\n                                    <PaginationQuickJumpToPage\n                                        placeholderQuickJump={placeholderQuickJump}\n                                        textQuickJump={textQuickJump}\n                                        onChangeValue={handleSetPage}\n                                    />\n                                )}\n                                {helperText && (\n                                    <PaginationHelperText\n                                        className={cx(typeClass, helperTextEllipsis ? classes.ellipsisText : '')}\n                                        style={{ maxWidth: rootWidth }}\n                                    >\n                                        {helperText}\n                                    </PaginationHelperText>\n                                )}\n                            </PaginationActionsLeft>\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","helperTextEllipsis","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","_useState7","_useState8","rootWidth","setRootWidth","rootRef","forkRef","useForkRef","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","observer","ResizeObserver","entries","newWidth","contentRect","width","current","observe","disconnect","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","style","minWidth","actions","PaginationActionsLeft","PaginationQuickJumpToPage","onChangeValue","PaginationHelperText","ellipsisText","maxWidth","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/Pagination.styles.js

@@ -1,4 +1,4 @@
-import './Pagination.styles_ska0td.css';
+import './Pagination.styles_1ptuxg8.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { buttonConfig } from '../Button/Button.js';
@@ -28,30 +28,40 @@ var PaginationSection = /*#__PURE__*/styled('div')({
   "class": "p1rlzvhv",
   propsAsIs: false
 });
-var _exp7 = function _exp7() {
+var _exp9 = function _exp9() {
   return ButtonGroup;
 };
-var PaginationButtonGroup = /*#__PURE__*/styled(_exp7())({
+var PaginationButtonGroup = /*#__PURE__*/styled(_exp9())({
   name: "PaginationButtonGroup",
   "class": "pivhg1z",
   propsAsIs: true
 });
-var _exp44 = function _exp44() {
+var _exp46 = function _exp46() {
   return Button;
 };
-var PaginationButton = /*#__PURE__*/styled(_exp44())({
+var PaginationButton = /*#__PURE__*/styled(_exp46())({
   name: "PaginationButton",
   "class": "pshury3",
   propsAsIs: true
 });
-var _exp100 = function _exp100() {
+var _exp102 = function _exp102() {
   return PaginationButton;
 };
-var PaginationShorter = /*#__PURE__*/styled(_exp100())({
+var PaginationShorter = /*#__PURE__*/styled(_exp102())({
   name: "PaginationShorter",
   "class": "pwlctp1",
   propsAsIs: true
 });
+var PaginationActionsLeft = /*#__PURE__*/styled('div')({
+  name: "PaginationActionsLeft",
+  "class": "p1tvr3oq",
+  propsAsIs: false
+});
+var PaginationHelperText = /*#__PURE__*/styled('div')({
+  name: "PaginationHelperText",
+  "class": "p1ea7rbb",
+  propsAsIs: false
+});
 
-export { PaginationActions, PaginationButton, PaginationButtonGroup, PaginationPages, PaginationRoot, PaginationSection, PaginationShorter };
+export { PaginationActions, PaginationActionsLeft, PaginationButton, PaginationButtonGroup, PaginationHelperText, PaginationPages, PaginationRoot, PaginationSection, PaginationShorter };
 //# sourceMappingURL=Pagination.styles.js.map