@salutejs/plasma-new-hope 0.317.0-dev.0 → 0.318.0-canary.1888.14216501427.0

package/es/components/Table/ui/HeadCell/HeadCell.js

@@ -2,7 +2,8 @@ import { flexRender } from '@tanstack/react-table';
 import React from 'react';
 import { Th, Resizer } from '../../Table.styles.js';
 import { SELECT_COLUMN_ID } from '../../Table.js';
-import { ThWrapper, ControlButtons } from './HeadCell.styles.js';
+import { classes } from '../../Table.tokens.js';
+import { ThWrapper, ControlButtons, IconWrapper } from './HeadCell.styles.js';
 import { Filter } from './ui/Filter/Filter.js';
 import { IconArrowUp } from '../../../_Icon/Icons/IconArrowUp.js';
 import { IconArrowDown } from '../../../_Icon/Icons/IconArrowDown.js';
@@ -33,23 +34,22 @@ var HeadCell = function HeadCell(_ref) {
     size: size,
     outerFiltered: outerFiltered,
     tableContainerRef: tableContainerRef
-  }), header.column.getCanSort() && /*#__PURE__*/React.createElement("span", {
-    style: {
-      lineHeight: 0,
-      cursor: 'pointer',
-      userSelect: 'none'
-    },
+  }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
     onClick: header.column.getToggleSortingHandler()
   }, (_asc$desc = {
     asc: /*#__PURE__*/React.createElement(IconArrowUp, {
-      size: getIconSize(size)
+      size: getIconSize(size),
+      className: classes.sortingAscIcon
     }),
     desc: /*#__PURE__*/React.createElement(IconArrowDown, {
-      size: getIconSize(size)
+      size: getIconSize(size),
+      className: classes.sortingDescIcon
     })
   }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
-    size: getIconSize(size)
+    size: getIconSize(size),
+    className: classes.sortingDefaultIcon
   }))))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Resizer, {
+    className: classes.resizeDivider,
     onMouseDown: header.getResizeHandler(),
     onTouchStart: header.getResizeHandler(),
     isResizing: header.column.getIsResizing()

package/es/components/Table/ui/HeadCell/HeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\n\nimport { ControlButtons, ThWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\nexport const HeadCell: React.FC<any> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <span\n                                        style={{\n                                            lineHeight: 0,\n                                            cursor: 'pointer',\n                                            userSelect: 'none',\n                                        }}\n                                        onClick={header.column.getToggleSortingHandler()}\n                                    >\n                                        {{\n                                            asc: <IconArrowUp size={getIconSize(size)} />,\n                                            desc: <IconArrowDown size={getIconSize(size)} />,\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert size={getIconSize(size)} />\n                                        )}\n                                    </span>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","lineHeight","cursor","userSelect","onClick","getToggleSortingHandler","asc","IconArrowUp","desc","IconArrowDown","getIsSorted","IconSwapVert","getCanResize","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}
+{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}

package/es/components/Table/ui/HeadCell/HeadCell.styles.js

@@ -1,4 +1,4 @@
-import './HeadCell.styles_1lo3lcf.css';
+import './HeadCell.styles_155gsrn.css';
 import { styled } from '@linaria/react';
 
 var ControlButtons = /*#__PURE__*/styled('div')({
@@ -11,6 +11,11 @@ var ThWrapper = /*#__PURE__*/styled('div')({
   "class": "t1179z8p",
   propsAsIs: false
 });
+var IconWrapper = /*#__PURE__*/styled('div')({
+  name: "IconWrapper",
+  "class": "iy1msq1",
+  propsAsIs: false
+});
 
-export { ControlButtons, ThWrapper };
+export { ControlButtons, IconWrapper, ThWrapper };
 //# sourceMappingURL=HeadCell.styles.js.map

package/es/components/Table/ui/HeadCell/HeadCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper"],"mappings":";;AAEO,IAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B;;;;"}
+{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const IconWrapper = styled.div`\n    line-height: 0;\n    cursor: pointer;\n    user-select: none;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper","IconWrapper"],"mappings":";;AAEO,IAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}

package/{cjs/components/Table/ui/HeadCell/HeadCell.styles_1lo3lcf.css → es/components/Table/ui/HeadCell/HeadCell.styles_155gsrn.css}

@@ -1,2 +1,3 @@
 .c14eoxb5{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
 .t1179z8p{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.iy1msq1{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css

@@ -2,19 +2,20 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + 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;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
+.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{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;}
+.EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
 
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .base_1xk2qu8_b17hdes8__122b4c2e input[type='checkbox']:indeterminate + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1xk2qu8_b17hdes8__122b4c2e input:checked + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
@@ -77,17 +78,18 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -2,6 +2,7 @@ import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArra
 import React, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
+import { classes } from '../../../../Table.tokens.js';
 import { Select, IconFilterWrapper, StyledIndicator, StyledDivider, ControlPanel } from './Filter.styles.js';
 import { useDidMountEffect } from '../../../../../../hooks/useDidMountEffect.js';
 import { IconFilterFunnel } from '../../../../../_Icon/Icons/IconFilterFunnel.js';
@@ -68,7 +69,8 @@ var Filter = function Filter(_ref) {
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
       return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
-        size: getIconSize(size)
+        size: getIconSize(size),
+        className: classes.filterIcon
       }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
         size: "s",
         view: "accent"

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\nexport const Filter: React.FC<any> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = header.column.getFilterValue() || [];\n\n    const [localFiltered, setLocalFiltered] = useState(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered(header.column.getFilterValue() || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}

package/es/index.css

@@ -904,8 +904,9 @@
 .Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
 .Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .Filter_styles_zerrb9_ss3v1fl__e58abdba{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
 .Filter_styles_zerrb9_ixw8ftq__e58abdba{position:relative;line-height:0;cursor:pointer;}
@@ -914,28 +915,29 @@
 .Filter_styles_zerrb9_s1amtrwp__e58abdba{margin:var(--plasma-table-filter-divider-margin);}
 .Filter_styles_zerrb9_cda48hg__e58abdba{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;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
-
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
-
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
+.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{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;}
+.EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+
+.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.317.0-dev.0",
+  "version": "0.318.0-canary.1888.14216501427.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -135,5 +135,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e94979194cfc8f1c01238d80b5ef996aaf891c30"
+  "gitHead": "36c56eca9a4cdc734abc9d9ad06e7105130890f8"
 }

package/styled-components/cjs/components/Table/Table.js

@@ -10,8 +10,10 @@ var _reactTable = /*#__PURE__*/require("@tanstack/react-table");
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _ui = /*#__PURE__*/require("./ui");
 var _Table = /*#__PURE__*/require("./Table.styles");
+var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -22,7 +24,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var SELECT_COLUMN_ID = exports.SELECT_COLUMN_ID = 'select#65768756432';
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SELECT_COLUMN_ID = exports.SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 var tableRoot = exports.tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var data = _ref.data,
@@ -38,7 +42,8 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
       stickyHeader = _ref.stickyHeader,
-      onCellUpdate = _ref.onCellUpdate;
+      onCellUpdate = _ref.onCellUpdate,
+      props = _objectWithoutProperties(_ref, _excluded);
     var _useState = (0, _react.useState)(outerSelected || {}),
       _useState2 = _slicedToArray(_useState, 2),
       innerSelected = _useState2[0],
@@ -132,17 +137,10 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           enableSorting: enableSorting,
           enableResizing: enableResizing,
           filterFn: function filterFn(row, columnId, filterArr) {
-            if (outerFilterFn && filterArr && Array.isArray(filterArr)) {
-              if (filterArr.length === 0) {
-                return true;
-              }
-              for (var i = 0; i < filterArr.length; i++) {
-                var filterValue = filterArr[i];
-                if (outerFilterFn(filterValue, row.getValue(columnId))) {
-                  return true;
-                }
-              }
-              return false;
+            if ((filterArr === null || filterArr === void 0 ? void 0 : filterArr.length) !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {
+              return filterArr.some(function (filterValue) {
+                return outerFilterFn(filterValue, row.getValue(columnId));
+              });
             }
             return true;
           },
@@ -183,7 +181,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
         }
       }
     });
-    return /*#__PURE__*/_react["default"].createElement(Root, {
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,
       data: data,
       columns: columns,
@@ -192,7 +190,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       style: {
         maxHeight: maxHeight || 'none'
       }
-    }, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+    }, props), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
       borderVariant: borderVariant,
       stickyHeader: stickyHeader
     }, /*#__PURE__*/_react["default"].createElement(_Table.Thead, {
@@ -212,7 +210,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           tableContainerRef: tableContainerRef
         });
       }));
-    })), /*#__PURE__*/_react["default"].createElement("tbody", null, table.getRowModel().rows.map(function (row) {
+    })), /*#__PURE__*/_react["default"].createElement(_Table.Tbody, null, table.getRowModel().rows.map(function (row) {
       return /*#__PURE__*/_react["default"].createElement(_Table.Tr, {
         key: row.id,
         selected: row.getIsSelected()

package/styled-components/cjs/components/Table/Table.styles.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Tr = exports.Thead = exports.Th = exports.Table = exports.StyledDivider = exports.StyledCheckbox = exports.Resizer = exports.LinkButton = exports.ButtonAccent = exports.Button = void 0;
+exports.base = exports.Tr = exports.Thead = exports.Th = exports.Tbody = exports.Table = exports.StyledDivider = exports.StyledCheckbox = exports.Resizer = exports.LinkButton = exports.ButtonAccent = exports.Button = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../engines");
 var _Checkbox = /*#__PURE__*/require("../Checkbox");
@@ -51,15 +51,18 @@ var Thead = exports.Thead = /*#__PURE__*/_styledComponents["default"].thead.with
     view === 'clear' ? 'none' : borderVariant === 'header' || borderVariant === 'rows' ? "inset 0 -1px 0 0 var(".concat(_Table.tableTokens.borderColor, ")") : "inset 0 1px 0 0 var(".concat(_Table.tableTokens.borderColor, "), inset 0 -1px 0 0 var(").concat(_Table.tableTokens.borderColor, ")")
   );
 }, Tr);
-var Resizer = exports.Resizer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var Tbody = exports.Tbody = /*#__PURE__*/_styledComponents["default"].tbody.withConfig({
   componentId: "plasma-new-hope__sc-1nklm7n-3"
-})(["display:", ";position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"], function (_ref6) {
+})([""]);
+var Resizer = exports.Resizer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1nklm7n-4"
+})(["display:", ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"], function (_ref6) {
   var isResizing = _ref6.isResizing;
   return isResizing ? 'block' : 'none';
 });
 var Th = exports.Th = /*#__PURE__*/_styledComponents["default"].th.withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-4"
-})(["padding:", ";position:relative;font-weight:600;text-align:left;height:var(", ");background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:", ";&:hover{", "{display:block;}}"], function (_ref7) {
+  componentId: "plasma-new-hope__sc-1nklm7n-5"
+})(["padding:", ";position:relative;font-weight:600;text-align:left;height:var(", ");background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:", ";&:hover{", "{display:block;}}"], function (_ref7) {
   var selectionCell = _ref7.selectionCell;
   return selectionCell ? "var(".concat(_Table.tableTokens.checkboxCellPadding, ")") : "var(".concat(_Table.tableTokens.cellPadding, ")");
 }, _Table.tableTokens.headerRowHeight, function (_ref8) {
@@ -67,17 +70,17 @@ var Th = exports.Th = /*#__PURE__*/_styledComponents["default"].th.withConfig({
   return borderVariant === 'all' ? "var(".concat(_Table.tableTokens.borderColor, ")") : 'transparent';
 }, Resizer);
 var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents["default"])(Checkbox).withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-5"
+  componentId: "plasma-new-hope__sc-1nklm7n-6"
 })(["", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.triggerSize, _Table.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Table.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.triggerBorderColor);
 var StyledDivider = exports.StyledDivider = /*#__PURE__*/(0, _styledComponents["default"])(Divider).withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-6"
+  componentId: "plasma-new-hope__sc-1nklm7n-7"
 })(["", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
 var Button = exports.Button = /*#__PURE__*/(0, _styledComponents["default"])(ButtonBase).withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-7"
+  componentId: "plasma-new-hope__sc-1nklm7n-8"
 })(["", ":var(", ");", ":0.4;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Button.buttonTokens.buttonHeight, _Table.tableTokens.buttonHeight, _Button.buttonTokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFontFamily, _Table.tableTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Table.tableTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Table.tableTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Table.tableTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Table.tableTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Table.tableTokens.buttonLineHeight);
 var ButtonAccent = exports.ButtonAccent = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-8"
+  componentId: "plasma-new-hope__sc-1nklm7n-9"
 })(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
 var LinkButton = exports.LinkButton = /*#__PURE__*/(0, _styledComponents["default"])(LinkButtonBase).withConfig({
-  componentId: "plasma-new-hope__sc-1nklm7n-9"
+  componentId: "plasma-new-hope__sc-1nklm7n-10"
 })(["", ":var(--text-primary);", ":var(--surface-transparent-clear);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--surface-accent);", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _Table.tableTokens.linkButtonLineHeight);

package/styled-components/cjs/components/Table/Table.tokens.js

@@ -3,7 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableTokens = void 0;
+exports.tableTokens = exports.classes = void 0;
+var classes = exports.classes = {
+  editIcon: 'edit-icon',
+  sortingDefaultIcon: 'sorting-default-icon',
+  sortingAscIcon: 'sorting-asc-icon',
+  sortingDescIcon: 'sorting-desc-icon',
+  filterIcon: 'filter-icon',
+  resizeDivider: 'resize-divider'
+};
 var tableTokens = exports.tableTokens = {
   fontFamily: '--plasma-table-font-family',
   fontSize: '--plasma-table-font-size',

package/styled-components/cjs/components/Table/ui/Cell/Cell.styles.js

@@ -9,7 +9,7 @@ var _Table = /*#__PURE__*/require("../../Table.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Td = exports.Td = /*#__PURE__*/_styledComponents["default"].td.withConfig({
   componentId: "plasma-new-hope__sc-1doamj5-0"
-})(["position:relative;padding:", ";height:var(", ");border-width:1px;border-top-width:0;border-style:solid;border-color:", ";border-bottom-color:", ";box-sizing:border-box;"], function (_ref) {
+})(["position:relative;padding:", ";height:var(", ");border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:", ";border-bottom-color:", ";box-sizing:border-box;"], function (_ref) {
   var selectionCell = _ref.selectionCell;
   return selectionCell ? "var(".concat(_Table.tableTokens.checkboxCellPadding, ")") : "var(".concat(_Table.tableTokens.cellPadding, ")");
 }, _Table.tableTokens.rowHeight, function (_ref2) {