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

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

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

package/cjs/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, 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":";;;;;;;;;;;;;;;;;;;IAYaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAa,EAAK;AAC1C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC,EAAC;IAUYC,QAAyB,GAAG,SAA5BA,QAAyBA,CAAAC,IAAA,EAA0E;EAAA,IAAAC,cAAA,EAAAC,SAAA,CAAA;AAAA,EAAA,IAApEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEL,IAAI,GAAAE,IAAA,CAAJF,IAAI;IAAEM,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB,CAAA;AACrG,EAAA,IAAAC,KAAA,GAAoB,CAAAJ,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAAAF,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAANE,MAAM,CAAEK,MAAM,MAAAP,IAAAA,IAAAA,cAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAdA,cAAA,CAAgBQ,SAAS,MAAAR,IAAAA,IAAAA,cAAA,KAAzBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAA2BS,IAAI,KAAI,EAAE;IAAjDC,OAAO,GAAAJ,KAAA,CAAPI,OAAO,CAAA;AAEf,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,eAAE,EAAA;IACCC,GAAG,EAAEZ,MAAM,CAACa,EAAG;IACfC,OAAO,EAAEd,MAAM,CAACc,OAAQ;AACxBb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,sBAAiB;IACrDC,KAAK,EAAEjB,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,sBAAgB,GAAG;AAAEE,MAAAA,KAAK,EAAElB,MAAM,CAACmB,OAAO,EAAC;AAAE,KAAC,GAAGC,SAAAA;GAE5EpB,EAAAA,MAAM,CAACqB,aAAa,GAAG,IAAI,gBACxBZ,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAa,QAAA,qBACIb,sBAAA,CAAAC,aAAA,CAACa,yBAAS,EAAA,IAAA,EACLC,qBAAU,CAACxB,MAAM,CAACK,MAAM,CAACC,SAAS,CAACN,MAAM,EAAEA,MAAM,CAACyB,UAAU,EAAE,CAAC,EAE/DzB,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,sBAAgB,iBAClCP,sBAAA,CAAAC,aAAA,CAACgB,8BAAc,EAAA,IAAA,EACVlB,OAAO,iBACJC,sBAAA,CAAAC,aAAA,CAACiB,aAAM,EAAA;AACH3B,IAAAA,MAAM,EAAEA,MAAO;AACfL,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GACxC,CACJ,EAEAH,MAAM,CAACK,MAAM,CAACuB,UAAU,EAAE,iBACvBnB,sBAAA,CAAAC,aAAA,CAACmB,2BAAW,EAAA;AAACC,IAAAA,OAAO,EAAE9B,MAAM,CAACK,MAAM,CAAC0B,uBAAuB,EAAC;AAAE,GAAA,EAAA,CAAAhC,SAAA,GACzD;AACGiC,IAAAA,GAAG,eACCvB,sBAAA,CAAAC,aAAA,CAACuB,uBAAW,EAAA;AACRtC,MAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;MACxBuC,SAAS,EAAEC,oBAAO,CAACC,cAAAA;AAAe,KACrC,CACJ;AACDC,IAAAA,IAAI,eACA5B,sBAAA,CAAAC,aAAA,CAAC4B,2BAAa,EAAA;AACV3C,MAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;MACxBuC,SAAS,EAAEC,oBAAO,CAACI,eAAAA;KACtB,CAAA;AAET,GAAC,CAACvC,MAAM,CAACK,MAAM,CAACmC,WAAW,EAAE,CAAW,MAAAzC,IAAAA,IAAAA,SAAA,cAAAA,SAAA,gBACpCU,sBAAA,CAAAC,aAAA,CAAC+B,yBAAY,EAAA;AACT9C,IAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;IACxBuC,SAAS,EAAEC,oBAAO,CAACO,kBAAAA;AAAmB,GACzC,CAEI,CAEL,CAEb,CACb,CACL,EACA1C,MAAM,CAACK,MAAM,CAACsC,YAAY,EAAE,iBACzBlC,sBAAA,CAAAC,aAAA,CAACkC,oBAAO,EAAA;IACJV,SAAS,EAAEC,oBAAO,CAACU,aAAc;AACjCC,IAAAA,WAAW,EAAE9C,MAAM,CAAC+C,gBAAgB,EAAG;AACvCC,IAAAA,YAAY,EAAEhD,MAAM,CAAC+C,gBAAgB,EAAG;AACxCE,IAAAA,UAAU,EAAEjD,MAAM,CAACK,MAAM,CAAC6C,aAAa,EAAC;AAAE,GAC7C,CAEL,CAAC,CAAA;AAEb;;;;;"}
+{"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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"}

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

@@ -1,4 +1,4 @@
-require('./HeadCell.styles_155gsrn.css');
+require('./HeadCell.styles_1lo3lcf.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,13 +15,7 @@ var ThWrapper = /*#__PURE__*/react.styled('div')({
   "class": "t1179z8p",
   propsAsIs: false
 });
-var IconWrapper = /*#__PURE__*/react.styled('div')({
-  name: "IconWrapper",
-  "class": "iy1msq1",
-  propsAsIs: false
-});
 
 exports.ControlButtons = ControlButtons;
-exports.IconWrapper = IconWrapper;
 exports.ThWrapper = ThWrapper;
 //# sourceMappingURL=HeadCell.styles.js.map

package/cjs/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\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,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;;;"}
+{"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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B;;;;;"}

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

@@ -1,3 +1,2 @@
 .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/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css

@@ -2,20 +2,19 @@
 
 .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_d8duzc_t12w3lu5__1f395684{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_d8duzc_t12w3lu5__1f395684 .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:0;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684:hover .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:1;}
-.EditableCell_styles_d8duzc_idy8fgn__1f395684{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_d8duzc_cwrhll2__1f395684{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_d8duzc_e1dkea5v__1f395684{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_d8duzc_i1uj28nu__1f395684{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_d8duzc_i1c7bo0z__1f395684{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_d8duzc_i1jx30pt__1f395684{--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_d8duzc_i17hwnh4__1f395684{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.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_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;}
+.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;}
 
-.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;}
+.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;}
 
 .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);}
 
@@ -78,18 +77,17 @@
 .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_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);}
+.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);}
 
 .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/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -6,7 +6,6 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var React = require('react');
 var HeadCell = require('../../HeadCell.js');
 var Table_styles = require('../../../../Table.styles.js');
-var Table_tokens = require('../../../../Table.tokens.js');
 var Filter_styles = require('./Filter.styles.js');
 var useDidMountEffect = require('../../../../../../hooks/useDidMountEffect.js');
 var IconFilterFunnel = require('../../../../../_Icon/Icons/IconFilterFunnel.js');
@@ -77,8 +76,7 @@ var Filter = function Filter(_ref) {
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
       return /*#__PURE__*/React__default.default.createElement(Filter_styles.IconFilterWrapper, null, /*#__PURE__*/React__default.default.createElement(IconFilterFunnel.IconFilterFunnel, {
-        size: HeadCell.getIconSize(size),
-        className: Table_tokens.classes.filterIcon
+        size: HeadCell.getIconSize(size)
       }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Filter_styles.StyledIndicator, {
         size: "s",
         view: "accent"

package/cjs/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';\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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"}
+{"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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"}

package/cjs/engines/linaria.js

@@ -12,7 +12,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["className"];
+var _excluded = ["className", "as", "forwardedAs"];
 /* eslint-disable no-underscore-dangle */
 var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
@@ -21,9 +21,10 @@ var _component = function _component(componentConfig) {
     intersections = componentConfig.intersections;
   var staticVariants = utils.getStaticVariants(componentConfig);
   var dynamicVariants = utils.getDynamicVariants(componentConfig);
-  var Root = tag;
   var component = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var className = props.className,
+      as = props.as,
+      forwardedAs = props.forwardedAs,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var variants = dynamicVariants(rest);
     var intersectionStyles = utils.getIntersectionStyles(rest, intersections);
@@ -51,6 +52,7 @@ var _component = function _component(componentConfig) {
         }
       }
     }
+    var Root = as || forwardedAs || tag;
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       className: cls
     }, htmlAttrs, baseProps));

package/cjs/engines/linaria.js.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const Root = tag as React.ElementType;\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","Root","component","forwardRef","props","ref","className","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,uBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,wBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,IAAI,GAAGR,GAAwB,CAAA;EAErC,IAAMS,SAAS,gBAAGC,gBAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AACpC,IAAA,IAAMC,QAAQ,GAAGX,eAAe,CAACQ,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,2BAAqB,CAACL,IAAI,EAAEX,aAAa,CAAC,CAAA;IAErE,IAAMiB,GAAG,GAAGC,OAAE,CAAAC,KAAA,CAACT,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEZ,IAAI,CAAAsB,CAAAA,MAAA,CAAAC,2CAAA,CAAgBpB,cAAc,CAAA,EAAAoB,2CAAA,CAAkBP,QAAQ,CAAAO,EAAAA,2CAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI3B,eAAe,CAAC4B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACb,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMgB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI3B,eAAe,CAAC4B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG9B,eAAe,CAAC4B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,oBAAOK,sBAAA,CAAAC,aAAA,CAACxB,IAAI,EAAAyB,iCAAA,CAAA;AAACpB,MAAAA,SAAS,EAAEO,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIvB,IAAI,EAAE;IACNO,SAAS,CAACyB,WAAW,GAAGhC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOO,SAAS,CAAA;AACpB;;;;"}
+{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, as, forwardedAs, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        const Root = as || forwardedAs || (tag as React.ElementType);\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,uBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,wBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,gBAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,2BAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAC,CAAA;IAErE,IAAMkB,GAAG,GAAGC,OAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,2CAAA,CAAgBrB,cAAc,CAAA,EAAAqB,2CAAA,CAAkBP,QAAQ,CAAAO,EAAAA,2CAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,sBAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,iCAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}

package/cjs/index.css

@@ -904,9 +904,8 @@
 .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_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;}
+.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;}
 
 .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;}
@@ -915,29 +914,28 @@
 .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_d8duzc_t12w3lu5__1f395684{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_d8duzc_t12w3lu5__1f395684 .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:0;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684:hover .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:1;}
-.EditableCell_styles_d8duzc_idy8fgn__1f395684{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_d8duzc_cwrhll2__1f395684{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_d8duzc_e1dkea5v__1f395684{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_d8duzc_i1uj28nu__1f395684{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_d8duzc_i1c7bo0z__1f395684{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_d8duzc_i1jx30pt__1f395684{--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_d8duzc_i17hwnh4__1f395684{--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);}
+.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);}
 
 .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/emotion/cjs/components/Table/Table.js

@@ -10,10 +10,8 @@ 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); }
@@ -24,9 +22,7 @@ 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; }
-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 SELECT_COLUMN_ID = exports.SELECT_COLUMN_ID = 'select#65768756432';
 var tableRoot = exports.tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var data = _ref.data,
@@ -42,8 +38,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
       stickyHeader = _ref.stickyHeader,
-      onCellUpdate = _ref.onCellUpdate,
-      props = _objectWithoutProperties(_ref, _excluded);
+      onCellUpdate = _ref.onCellUpdate;
     var _useState = (0, _react.useState)(outerSelected || {}),
       _useState2 = _slicedToArray(_useState, 2),
       innerSelected = _useState2[0],
@@ -137,10 +132,17 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           enableSorting: enableSorting,
           enableResizing: enableResizing,
           filterFn: function filterFn(row, columnId, filterArr) {
-            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));
-              });
+            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;
             }
             return true;
           },
@@ -181,7 +183,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
         }
       }
     });
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    return /*#__PURE__*/_react["default"].createElement(Root, {
       ref: rootRef,
       data: data,
       columns: columns,
@@ -190,7 +192,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       style: {
         maxHeight: maxHeight || 'none'
       }
-    }, props), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+    }, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
       borderVariant: borderVariant,
       stickyHeader: stickyHeader
     }, /*#__PURE__*/_react["default"].createElement(_Table.Thead, {
@@ -210,7 +212,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           tableContainerRef: tableContainerRef
         });
       }));
-    })), /*#__PURE__*/_react["default"].createElement(_Table.Tbody, null, table.getRowModel().rows.map(function (row) {
+    })), /*#__PURE__*/_react["default"].createElement("tbody", null, table.getRowModel().rows.map(function (row) {
       return /*#__PURE__*/_react["default"].createElement(_Table.Tr, {
         key: row.id,
         selected: row.getIsSelected()