@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2398.20426736662.0

package/dist/css/es/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo, useRef } from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    getFilteredRowModel,\n    OnChangeFn,\n    ColumnFiltersState,\n    RowSelectionState,\n    Table as TableType,\n    Row,\n} from '@tanstack/react-table';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\n\nimport { SELECT_COLUMN_ID } from './utils';\nimport { HeadCell, Cell, EditableCell } from './ui';\nimport { TableProps, TableRowData } from './Table.types';\nimport { base, Table, Tr, Thead, StyledCheckbox, Tbody } from './Table.styles';\n\ntype ColumnSort = {\n    id: string;\n    desc: boolean;\n};\ntype SortingState = ColumnSort[];\n\nexport const tableRoot = (Root: RootProps<HTMLDivElement, TableProps>) =>\n    forwardRef<HTMLDivElement, TableProps>(\n        (\n            {\n                data,\n                onChange,\n                columns,\n                view,\n                size,\n                borderVariant = 'all',\n                enableSelection = false,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader = false,\n                onCellUpdate,\n                setRowProps,\n                ...props\n            },\n            ref,\n        ) => {\n            const [innerSelected, innerSetSelected] = useState<RowSelectionState>(outerSelected || {});\n            const [innerFiltered, setInnerFiltered] = useState<ColumnFiltersState>(outerFiltered || []);\n            const [innerSorted, setInnerSorted] = useState<SortingState>(outerSorted || []);\n\n            const selected = outerSelected || innerSelected;\n            const filtered = outerFiltered || innerFiltered;\n            const sorted: SortingState = outerSorted || innerSorted;\n\n            const handleRowSelection: OnChangeFn<RowSelectionState> = (updaterOrValue) => {\n                if (!outerSelected) {\n                    innerSetSelected(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected: typeof updaterOrValue === 'function' ? updaterOrValue(selected) : updaterOrValue,\n                        filtered,\n                        sorted,\n                    });\n                }\n            };\n\n            const handleSorting: OnChangeFn<SortingState> = (updaterOrValue) => {\n                if (!outerSorted) {\n                    setInnerSorted(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered,\n                        sorted: typeof updaterOrValue === 'function' ? updaterOrValue(sorted) : updaterOrValue,\n                    });\n                }\n            };\n\n            const handleFiltering: OnChangeFn<ColumnFiltersState> = (updaterOrValue) => {\n                if (!outerFiltered) {\n                    setInnerFiltered(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered: typeof updaterOrValue === 'function' ? updaterOrValue(filtered) : updaterOrValue,\n                        sorted,\n                    });\n                }\n            };\n\n            const tableContainerRef = useRef<HTMLDivElement>(null);\n\n            const rootRef = useForkRef(tableContainerRef, ref);\n\n            const columnsData = useMemo<ColumnDef<typeof data[number]>[]>(\n                () => [\n                    ...(enableSelection\n                        ? [\n                              {\n                                  id: SELECT_COLUMN_ID,\n                                  header: ({ table }: { table: TableType<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()}\n                                          indeterminate={table.getIsSomeRowsSelected()}\n                                          onChange={table.getToggleAllRowsSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  cell: ({ row }: { row: Row<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={row.getIsSelected()}\n                                          indeterminate={row.getIsSomeSelected()}\n                                          onChange={row.getToggleSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  enableResizing: false,\n                              },\n                          ]\n                        : []),\n                    ...columns.map(\n                        ({\n                            id,\n                            label,\n                            filters,\n                            enableSorting = false,\n                            enableResizing = false,\n                            filterFn: outerFilterFn,\n                            width: columnSize,\n                            enableEditing = false,\n                            renderCell,\n                            setCellProps,\n                        }) => ({\n                            header: label,\n                            accessorKey: id,\n                            size: columnSize,\n                            enableSorting,\n                            enableResizing,\n                            filterFn: (row: Row<TableRowData>, columnId: string, filterArr: string[]) => {\n                                if (filterArr?.length !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {\n                                    return filterArr.some((filterValue) =>\n                                        outerFilterFn(filterValue, row.getValue(columnId)),\n                                    );\n                                }\n\n                                return true;\n                            },\n                            meta: {\n                                filters,\n                                enableEditing,\n                                renderCell,\n                                setCellProps,\n                            },\n                        }),\n                    ),\n                ],\n                [enableSelection, columns],\n            );\n\n            const table = useReactTable({\n                data,\n                columns: columnsData,\n                getRowId: (row) => row.id,\n                getCoreRowModel: getCoreRowModel(),\n                getSortedRowModel: getSortedRowModel(),\n                manualSorting: Boolean(outerSorted),\n                manualFiltering: Boolean(outerFiltered),\n                state: {\n                    rowSelection: selected,\n                    columnFilters: filtered,\n                    sorting: sorted,\n                },\n                onSortingChange: handleSorting,\n                getFilteredRowModel: getFilteredRowModel(),\n                onColumnFiltersChange: handleFiltering,\n                onRowSelectionChange: handleRowSelection,\n                columnResizeMode: 'onChange',\n                columnResizeDirection: 'ltr',\n                meta: {\n                    updateData: (rowId, columnId, value) => {\n                        if (onCellUpdate) {\n                            onCellUpdate(rowId, columnId, value);\n                        }\n                    },\n                },\n            });\n\n            return (\n                <Root\n                    ref={rootRef}\n                    data={data}\n                    columns={columns}\n                    view={view}\n                    size={size}\n                    style={{ maxHeight: maxHeight || 'none' }}\n                    {...props}\n                >\n                    <Table borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                        <Thead view={view} borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                            {table.getHeaderGroups().map((headerGroup) => (\n                                <Tr key={headerGroup.id}>\n                                    {headerGroup.headers.map((header) => (\n                                        <HeadCell\n                                            key={header.index}\n                                            header={header}\n                                            size={size}\n                                            borderVariant={borderVariant}\n                                            outerFiltered={outerFiltered}\n                                            tableContainerRef={tableContainerRef}\n                                        />\n                                    ))}\n                                </Tr>\n                            ))}\n                        </Thead>\n\n                        <Tbody>\n                            {table.getRowModel().rows.map((row) => (\n                                <Tr key={row.id} selected={row.getIsSelected()} {...setRowProps?.(row.original)}>\n                                    {row.getVisibleCells().map((cell) => {\n                                        const additionalProps =\n                                            cell?.column?.columnDef?.meta?.setCellProps?.(cell.row.original, cell.id) ||\n                                            {};\n\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        return cell?.column?.columnDef?.meta?.enableEditing ? (\n                                            <EditableCell\n                                                key={cell.id}\n                                                size={size}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                table={table}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        );\n                                    })}\n                                </Tr>\n                            ))}\n                        </Tbody>\n                    </Table>\n                </Root>\n            );\n        },\n    );\n\nexport const tableConfig = {\n    name: 'Table',\n    tag: 'div',\n    layout: tableRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["tableRoot","Root","forwardRef","_ref","ref","data","onChange","columns","view","size","_ref$borderVariant","borderVariant","_ref$enableSelection","enableSelection","outerSelected","selected","outerFiltered","filtered","outerSorted","sorted","maxHeight","_ref$stickyHeader","stickyHeader","onCellUpdate","setRowProps","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerSelected","innerSetSelected","_useState3","_useState4","innerFiltered","setInnerFiltered","_useState5","_useState6","innerSorted","setInnerSorted","handleRowSelection","updaterOrValue","handleSorting","handleFiltering","tableContainerRef","useRef","rootRef","useForkRef","columnsData","useMemo","concat","_toConsumableArray","id","SELECT_COLUMN_ID","header","_ref2","_checkboxAppearance","table","React","createElement","StyledCheckbox","checked","getIsSomeRowsSelected","getIsAllRowsSelected","indeterminate","getToggleAllRowsSelectedHandler","appearance","cell","_ref3","_checkboxAppearance2","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","enableResizing","map","_ref4","label","filters","_ref4$enableSorting","enableSorting","_ref4$enableResizing","outerFilterFn","filterFn","columnSize","width","_ref4$enableEditing","enableEditing","renderCell","setCellProps","accessorKey","columnId","filterArr","length","Array","isArray","some","filterValue","getValue","meta","useReactTable","getRowId","getCoreRowModel","getSortedRowModel","manualSorting","Boolean","manualFiltering","state","rowSelection","columnFilters","sorting","onSortingChange","getFilteredRowModel","onColumnFiltersChange","onRowSelectionChange","columnResizeMode","columnResizeDirection","updateData","rowId","value","_extends","style","Table","Thead","getHeaderGroups","headerGroup","Tr","key","headers","HeadCell","index","Tbody","getRowModel","rows","original","getVisibleCells","_cell$column","_cell$column$setCellP","_cell$column2","additionalProps","column","columnDef","call","EditableCell","Cell","tableConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo, useRef } from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    getFilteredRowModel,\n    OnChangeFn,\n    ColumnFiltersState,\n    RowSelectionState,\n    Table as TableType,\n    Row,\n} from '@tanstack/react-table';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\n\nimport { SELECT_COLUMN_ID } from './utils';\nimport { HeadCell, Cell, EditableCell } from './ui';\nimport { TableProps, TableRowData } from './Table.types';\nimport { base, Table, Tr, Thead, StyledCheckbox, Tbody } from './Table.styles';\n\ntype ColumnSort = {\n    id: string;\n    desc: boolean;\n};\ntype SortingState = ColumnSort[];\n\nexport const tableRoot = (Root: RootProps<HTMLDivElement, TableProps>) =>\n    forwardRef<HTMLDivElement, TableProps>(\n        (\n            {\n                data,\n                onChange,\n                columns,\n                view,\n                size,\n                borderVariant = 'all',\n                enableSelection = false,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader = false,\n                onCellUpdate,\n                setRowProps,\n                ...props\n            },\n            ref,\n        ) => {\n            const [innerSelected, innerSetSelected] = useState<RowSelectionState>(outerSelected || {});\n            const [innerFiltered, setInnerFiltered] = useState<ColumnFiltersState>(outerFiltered || []);\n            const [innerSorted, setInnerSorted] = useState<SortingState>(outerSorted || []);\n\n            const selected = outerSelected || innerSelected;\n            const filtered = outerFiltered || innerFiltered;\n            const sorted: SortingState = outerSorted || innerSorted;\n\n            const handleRowSelection: OnChangeFn<RowSelectionState> = (updaterOrValue) => {\n                if (!outerSelected) {\n                    innerSetSelected(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected: typeof updaterOrValue === 'function' ? updaterOrValue(selected) : updaterOrValue,\n                        filtered,\n                        sorted,\n                    });\n                }\n            };\n\n            const handleSorting: OnChangeFn<SortingState> = (updaterOrValue) => {\n                if (!outerSorted) {\n                    setInnerSorted(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered,\n                        sorted: typeof updaterOrValue === 'function' ? updaterOrValue(sorted) : updaterOrValue,\n                    });\n                }\n            };\n\n            const handleFiltering: OnChangeFn<ColumnFiltersState> = (updaterOrValue) => {\n                if (!outerFiltered) {\n                    setInnerFiltered(updaterOrValue);\n                }\n\n                if (onChange) {\n                    onChange({\n                        selected,\n                        filtered: typeof updaterOrValue === 'function' ? updaterOrValue(filtered) : updaterOrValue,\n                        sorted,\n                    });\n                }\n            };\n\n            const tableContainerRef = useRef<HTMLDivElement>(null);\n\n            const rootRef = useForkRef(tableContainerRef, ref);\n\n            const columnsData = useMemo<ColumnDef<typeof data[number]>[]>(\n                () => [\n                    ...(enableSelection\n                        ? [\n                              {\n                                  id: SELECT_COLUMN_ID,\n                                  header: ({ table }: { table: TableType<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()}\n                                          indeterminate={table.getIsSomeRowsSelected()}\n                                          onChange={table.getToggleAllRowsSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  cell: ({ row }: { row: Row<typeof data[number]> }) => (\n                                      <StyledCheckbox\n                                          checked={row.getIsSelected()}\n                                          indeterminate={row.getIsSomeSelected()}\n                                          onChange={row.getToggleSelectedHandler()}\n                                          // eslint-disable-next-line no-underscore-dangle\n                                          appearance={(props as any)._checkboxAppearance ?? 'default'}\n                                      />\n                                  ),\n                                  enableResizing: false,\n                              },\n                          ]\n                        : []),\n                    ...columns.map(\n                        ({\n                            id,\n                            label,\n                            filters,\n                            enableSorting = false,\n                            enableResizing = false,\n                            filterFn: outerFilterFn,\n                            width: columnSize,\n                            enableEditing = false,\n                            renderCell,\n                            setCellProps,\n                        }) => ({\n                            header: label,\n                            accessorKey: id,\n                            size: columnSize,\n                            enableSorting,\n                            enableResizing,\n                            filterFn: (row: Row<TableRowData>, columnId: string, filterArr: string[]) => {\n                                if (filterArr?.length !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {\n                                    return filterArr.some((filterValue) =>\n                                        outerFilterFn(filterValue, row.getValue(columnId)),\n                                    );\n                                }\n\n                                return true;\n                            },\n                            meta: {\n                                filters,\n                                enableEditing,\n                                renderCell,\n                                setCellProps,\n                            },\n                        }),\n                    ),\n                ],\n                [enableSelection, columns],\n            );\n\n            const table = useReactTable({\n                data,\n                columns: columnsData,\n                getRowId: (row) => row.id,\n                getCoreRowModel: getCoreRowModel(),\n                getSortedRowModel: getSortedRowModel(),\n                manualSorting: Boolean(outerSorted),\n                manualFiltering: Boolean(outerFiltered),\n                state: {\n                    rowSelection: selected,\n                    columnFilters: filtered,\n                    sorting: sorted,\n                },\n                onSortingChange: handleSorting,\n                getFilteredRowModel: getFilteredRowModel(),\n                onColumnFiltersChange: handleFiltering,\n                onRowSelectionChange: handleRowSelection,\n                columnResizeMode: 'onChange',\n                columnResizeDirection: 'ltr',\n                meta: {\n                    updateData: (rowId, columnId, value) => {\n                        if (onCellUpdate) {\n                            onCellUpdate(rowId, columnId, value);\n                        }\n                    },\n                },\n            });\n\n            return (\n                <Root\n                    ref={rootRef}\n                    data={data}\n                    columns={columns}\n                    view={view}\n                    size={size}\n                    style={{ maxHeight: maxHeight || 'none' }}\n                    {...props}\n                >\n                    <Table borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                        <Thead view={view} borderVariant={borderVariant} stickyHeader={stickyHeader}>\n                            {table.getHeaderGroups().map((headerGroup) => (\n                                <Tr key={headerGroup.id}>\n                                    {headerGroup.headers.map((header) => (\n                                        <HeadCell\n                                            key={header.index}\n                                            header={header}\n                                            size={size}\n                                            borderVariant={borderVariant}\n                                            outerFiltered={outerFiltered}\n                                            tableContainerRef={tableContainerRef}\n                                        />\n                                    ))}\n                                </Tr>\n                            ))}\n                        </Thead>\n\n                        <Tbody>\n                            {table.getRowModel().rows.map((row) => (\n                                <Tr key={row.id} selected={row.getIsSelected()} {...setRowProps?.(row.original)}>\n                                    {row.getVisibleCells().map((cell) => {\n                                        const additionalProps =\n                                            cell?.column?.columnDef?.meta?.setCellProps?.(cell.row.original, cell.id) ||\n                                            {};\n\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        return cell?.column?.columnDef?.meta?.enableEditing ? (\n                                            <EditableCell\n                                                key={cell.id}\n                                                size={size}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                table={table}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\n                                                additionalProps={additionalProps}\n                                            />\n                                        );\n                                    })}\n                                </Tr>\n                            ))}\n                        </Tbody>\n                    </Table>\n                </Root>\n            );\n        },\n    );\n\nexport const tableConfig = {\n    name: 'Table',\n    tag: 'div',\n    layout: tableRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["tableRoot","Root","forwardRef","_ref","ref","data","onChange","columns","view","size","_ref$borderVariant","borderVariant","_ref$enableSelection","enableSelection","outerSelected","selected","outerFiltered","filtered","outerSorted","sorted","maxHeight","_ref$stickyHeader","stickyHeader","onCellUpdate","setRowProps","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerSelected","innerSetSelected","_useState3","_useState4","innerFiltered","setInnerFiltered","_useState5","_useState6","innerSorted","setInnerSorted","handleRowSelection","updaterOrValue","handleSorting","handleFiltering","tableContainerRef","useRef","rootRef","useForkRef","columnsData","useMemo","concat","_toConsumableArray","id","SELECT_COLUMN_ID","header","_ref2","_checkboxAppearance","table","React","createElement","StyledCheckbox","checked","getIsSomeRowsSelected","getIsAllRowsSelected","indeterminate","getToggleAllRowsSelectedHandler","appearance","cell","_ref3","_checkboxAppearance2","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","enableResizing","map","_ref4","label","filters","_ref4$enableSorting","enableSorting","_ref4$enableResizing","outerFilterFn","filterFn","columnSize","width","_ref4$enableEditing","enableEditing","renderCell","setCellProps","accessorKey","columnId","filterArr","length","Array","isArray","some","filterValue","getValue","meta","useReactTable","getRowId","getCoreRowModel","getSortedRowModel","manualSorting","Boolean","manualFiltering","state","rowSelection","columnFilters","sorting","onSortingChange","getFilteredRowModel","onColumnFiltersChange","onRowSelectionChange","columnResizeMode","columnResizeDirection","updateData","rowId","value","_extends","style","Table","Thead","getHeaderGroups","headerGroup","Tr","key","headers","HeadCell","index","Tbody","getRowModel","rows","original","getVisibleCells","_cell$column","_cell$column$setCellP","_cell$column2","additionalProps","column","columnDef","call","EditableCell","Cell","tableConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/dist/css/es/components/Table/ui/Cell/Cell.css

@@ -52,14 +52,14 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{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;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
 
 .Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
 .Table_styles_1jqvkrz_t15d4jbz__0454af64{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);}

package/dist/css/es/components/Table/ui/Cell/Cell.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { Td } from './Cell.styles.js';
@@ -14,13 +14,13 @@ var Cell = function Cell(_ref) {
     view = _ref.view,
     additionalProps = _ref.additionalProps;
   var renderCell = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.renderCell;
-  return /*#__PURE__*/React.createElement(Td, _extends({
+  return /*#__PURE__*/React__default.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
     selected: selected,
     view: view
-  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/dist/css/es/components/Table/ui/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view, additionalProps }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n            {...additionalProps}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","additionalProps","renderCell","column","columnDef","meta","React","createElement","Td","_extends","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;IAkBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA3DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AACxF,EAAA,IAAMC,UAAU,GAAAN,CAAAA,qBAAA,GAAGC,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAT,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BM,UAAU,CAAA;AAEzD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,gBAAiB;AACnDd,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,eAAe,CAElBC,EAAAA,UAAU,GACLA,UAAU,CAACL,IAAI,CAACiB,QAAQ,EAAE,EAAEjB,IAAI,CAACkB,GAAG,CAACC,QAAQ,EAAEnB,IAAI,CAACkB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACrB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACsB,UAAU,EAAE,CAAC,EAE9DtB,IAAI,CAACM,MAAM,CAACiB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAIf,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view, additionalProps }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n            {...additionalProps}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","additionalProps","renderCell","column","columnDef","meta","React","createElement","Td","_extends","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;IAkBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA3DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AACxF,EAAA,IAAMC,UAAU,GAAAN,CAAAA,qBAAA,GAAGC,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAT,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BM,UAAU,CAAA;AAEzD,EAAA,oBACII,cAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,gBAAiB;AACnDd,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,eAAe,CAElBC,EAAAA,UAAU,GACLA,UAAU,CAACL,IAAI,CAACiB,QAAQ,EAAE,EAAEjB,IAAI,CAACkB,GAAG,CAACC,QAAQ,EAAEnB,IAAI,CAACkB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACrB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACsB,UAAU,EAAE,CAAC,EAE9DtB,IAAI,CAACM,MAAM,CAACiB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAIf,cAAA,CAAAC,aAAA,CAACe,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css

@@ -52,14 +52,14 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{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;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
 
 .Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
 .Table_styles_1jqvkrz_t15d4jbz__0454af64{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);}

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { getIconSize } from '../HeadCell/HeadCell.js';
@@ -75,7 +75,7 @@ var EditableCell = function EditableCell(_ref) {
         }
     }
   };
-  return /*#__PURE__*/React.createElement(Td, _extends({
+  return /*#__PURE__*/React__default.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
@@ -84,26 +84,26 @@ var EditableCell = function EditableCell(_ref) {
     selected: selected,
     view: view,
     ref: ref
-  }, additionalProps), /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
+  }, additionalProps), /*#__PURE__*/React__default.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React__default.createElement(EditModeWrapper, null, /*#__PURE__*/React__default.createElement(InputWrapper, null, /*#__PURE__*/React__default.createElement(Input, {
     value: value,
     onChange: handleChange,
     autoFocus: true,
     onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React.createElement(IconResetButton, {
+  }), /*#__PURE__*/React__default.createElement(IconResetButton, {
     onClick: handleReset,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(IconResetOutline, {
+  }, /*#__PURE__*/React__default.createElement(IconResetOutline, {
     size: getIconSize(size)
-  }))), /*#__PURE__*/React.createElement(IconDoneButton, {
+  }))), /*#__PURE__*/React__default.createElement(IconDoneButton, {
     onClick: handleSubmit,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(IconDoneCircleOutline, {
+  }, /*#__PURE__*/React__default.createElement(IconDoneCircleOutline, {
     size: getIconSize(size)
-  }))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React.createElement(IconEditOutline, {
+  }))) : /*#__PURE__*/React__default.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React__default.createElement(IconEditOutline, {
     size: "xs",
     className: classes.editIcon,
     color: "var(--text-secondary)"
-  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n    size,\n    view,\n    cell,\n    borderVariant,\n    table,\n    selected,\n    additionalProps,\n}) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n            {...additionalProps}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n    size,\n    view,\n    cell,\n    borderVariant,\n    table,\n    selected,\n    additionalProps,\n}) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n            {...additionalProps}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAA;AACZ,CAAC,CAAA;IAYYC,YAA6B,GAAG,SAAhCA,YAA6BA,CAAAC,IAAA,EAQpC;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,IAPFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,eAAe,GAAAR,IAAA,CAAfQ,eAAe,CAAA;EAEf,IAAAC,SAAA,GAA0BC,QAAQ,CAASN,IAAI,CAACO,QAAQ,EAAY,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA9DK,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,UAAA,GAAsCN,QAAQ,CAAC,KAAK,CAAC;IAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMG,UAAU,GAAA,CAAAnB,mBAAA,GAAGK,KAAK,CAACe,OAAO,CAACC,IAAI,MAAArB,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAoBmB,UAAU,CAAA;AAEjD,EAAA,IAAMG,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,eAAe,CAAC,YAAM;IAClBN,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,GAAC,EAAE,CAACI,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAoC,EAAK;IAC9DA,CAAC,CAACC,eAAe,EAAE,CAAA;IAEnBT,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBJ,IAAAA,QAAQ,CAACX,IAAI,CAACO,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMkB,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAA;AAAA,IAAA,OAAKZ,QAAQ,CAACY,CAAC,CAACG,MAAM,CAAChB,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAEzF,EAAA,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBhB,IAAAA,QAAQ,CAACX,IAAI,CAACO,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMqB,YAAY,GAAG,SAAfA,YAAYA,CAAIL,CAAsC,EAAK;IAC7DA,CAAC,CAACC,eAAe,EAAE,CAAA;AAEnB,IAAA,IAAIR,UAAU,EAAE;AACZA,MAAAA,UAAU,CAAChB,IAAI,CAAC6B,GAAG,CAACC,EAAE,EAAE9B,IAAI,CAAC+B,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,KAAA;IACAK,cAAc,CAAC,KAAK,CAAC,CAAA;GACxB,CAAA;AAED,EAAA,IAAMiB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0C,EAAK;IAClE,QAAQA,KAAK,CAACC,IAAI;MACd,KAAK3C,IAAI,CAACC,KAAK;AAAE,QAAA;AACb,UAAA,IAAIwB,UAAU,EAAE;AACZA,YAAAA,UAAU,CAAChB,IAAI,CAAC6B,GAAG,CAACC,EAAE,EAAE9B,IAAI,CAAC+B,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,WAAA;UAEAK,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKxB,IAAI,CAACG,MAAM,CAAA;MAChB,KAAKH,IAAI,CAACE,GAAG;AAAE,QAAA;UACXsB,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;AAED,EAAA,oBACIoB,cAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEvC,IAAI,CAAC8B,EAAG;AACb7B,IAAAA,aAAa,EAAEA,aAAc;AAC7BuC,IAAAA,aAAa,EAAExC,IAAI,CAAC+B,MAAM,CAACD,EAAE,KAAKW,gBAAiB;AACnDC,IAAAA,OAAO,EAAEpB,eAAgB;AACzBR,IAAAA,WAAW,EAAEA,WAAY;AACzBX,IAAAA,QAAQ,EAAEA,QAAS;AACnBJ,IAAAA,IAAI,EAAEA,IAAK;AACXoB,IAAAA,GAAG,EAAEA,GAAAA;GACDf,EAAAA,eAAe,CAEnB+B,eAAAA,cAAA,CAAAC,aAAA,CAACO,YAAY,EACR7B,IAAAA,EAAAA,WAAW,gBACRqB,cAAA,CAAAC,aAAA,CAACQ,eAAe,EAAA,IAAA,eACZT,cAAA,CAAAC,aAAA,CAACS,YAAY,EAAA,IAAA,eAETV,cAAA,CAAAC,aAAA,CAACU,KAAK,EAAA;AAACpC,IAAAA,KAAK,EAAEA,KAAM;AAACqC,IAAAA,QAAQ,EAAEtB,YAAa;IAACuB,SAAS,EAAA,IAAA;AAACC,IAAAA,SAAS,EAAEjB,aAAAA;AAAc,GAAE,CAAC,eAEnFG,cAAA,CAAAC,aAAA,CAACc,eAAe,EAAA;AAACR,IAAAA,OAAO,EAAEf,WAAY;AAACwB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDhB,cAAA,CAAAC,aAAA,CAACgB,gBAAgB,EAAA;IAACtD,IAAI,EAAEuD,WAAW,CAACvD,IAAI,CAAA;GAAI,CAC/B,CACP,CAAC,eAEfqC,cAAA,CAAAC,aAAA,CAACkB,cAAc,EAAA;AAACZ,IAAAA,OAAO,EAAEd,YAAa;AAACuB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDhB,cAAA,CAAAC,aAAA,CAACmB,qBAAqB,EAAA;IAACzD,IAAI,EAAEuD,WAAW,CAACvD,IAAI,CAAA;AAAE,GAAE,CACrC,CACH,CAAC,gBAElBqC,cAAA,CAAAC,aAAA,CAACoB,cAAc,EAAA,IAAA,EACVC,UAAU,CAACzD,IAAI,CAAC+B,MAAM,CAAC2B,SAAS,CAAC1D,IAAI,EAAEA,IAAI,CAAC2D,UAAU,EAAE,CAAC,eAE1DxB,cAAA,CAAAC,aAAA,CAACwB,eAAe,EAAA;AAAC9D,IAAAA,IAAI,EAAC,IAAI;IAAC+D,SAAS,EAAEC,OAAO,CAACC,QAAS;AAACC,IAAAA,KAAK,EAAC,uBAAA;GAAyB,CAC3E,CAEV,CAAC,EAEdhE,IAAI,CAAC+B,MAAM,CAACkC,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAI/B,cAAA,CAAAC,aAAA,CAAC+B,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

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

@@ -52,14 +52,14 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{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;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
 
 .Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
 .Table_styles_1jqvkrz_t15d4jbz__0454af64{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);}

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

@@ -1,5 +1,5 @@
 import { flexRender } from '@tanstack/react-table';
-import React from 'react';
+import React__default from 'react';
 import { Th, Resizer } from '../../Table.styles.js';
 import { classes } from '../../Table.tokens.js';
 import { ThWrapper, ControlButtons, IconWrapper } from './HeadCell.styles.js';
@@ -21,7 +21,7 @@ var HeadCell = function HeadCell(_ref) {
     tableContainerRef = _ref.tableContainerRef;
   var _ref2 = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 || (_header$column = _header$column.columnDef) === null || _header$column === void 0 ? void 0 : _header$column.meta) || {},
     filters = _ref2.filters;
-  return /*#__PURE__*/React.createElement(Th, {
+  return /*#__PURE__*/React__default.createElement(Th, {
     key: header.id,
     colSpan: header.colSpan,
     borderVariant: borderVariant,
@@ -29,26 +29,26 @@ var HeadCell = function HeadCell(_ref) {
     style: header.column.id !== SELECT_COLUMN_ID ? {
       width: header.getSize()
     } : undefined
-  }, header.isPlaceholder ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ThWrapper, null, flexRender(header.column.columnDef.header, header.getContext()), header.column.id !== SELECT_COLUMN_ID && /*#__PURE__*/React.createElement(ControlButtons, null, filters && /*#__PURE__*/React.createElement(Filter, {
+  }, header.isPlaceholder ? null : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ThWrapper, null, flexRender(header.column.columnDef.header, header.getContext()), header.column.id !== SELECT_COLUMN_ID && /*#__PURE__*/React__default.createElement(ControlButtons, null, filters && /*#__PURE__*/React__default.createElement(Filter, {
     header: header,
     size: size,
     outerFiltered: outerFiltered,
     tableContainerRef: tableContainerRef
-  }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
+  }), header.column.getCanSort() && /*#__PURE__*/React__default.createElement(IconWrapper, {
     onClick: header.column.getToggleSortingHandler()
   }, (_asc$desc = {
-    asc: /*#__PURE__*/React.createElement(IconArrowUp, {
+    asc: /*#__PURE__*/React__default.createElement(IconArrowUp, {
       size: getIconSize(size),
       className: classes.sortingAscIcon
     }),
-    desc: /*#__PURE__*/React.createElement(IconArrowDown, {
+    desc: /*#__PURE__*/React__default.createElement(IconArrowDown, {
       size: getIconSize(size),
       className: classes.sortingDescIcon
     })
-  }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
+  }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React__default.createElement(IconSwapVert, {
     size: getIconSize(size),
     className: classes.sortingDefaultIcon
-  }))))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Resizer, {
+  }))))), header.column.getCanResize() && /*#__PURE__*/React__default.createElement(Resizer, {
     className: classes.resizeDivider,
     onMouseDown: header.getResizeHandler(),
     onTouchStart: header.getResizeHandler(),

package/dist/css/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, 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 '../../utils';\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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"}
+{"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 '../../utils';\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/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css

@@ -58,14 +58,14 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{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-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::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:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{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;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
 
 .Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
 .Table_styles_1jqvkrz_t15d4jbz__0454af64{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);}

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

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
 import { classes } from '../../../../Table.tokens.js';
@@ -59,7 +59,7 @@ var Filter = function Filter(_ref) {
   useDidMountEffect(function () {
     setLocalFiltered(filtered);
   }, [outerFiltered]);
-  return /*#__PURE__*/React.createElement(Select
+  return /*#__PURE__*/React__default.createElement(Select
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   , {
@@ -68,10 +68,10 @@ var Filter = function Filter(_ref) {
     value: localFiltered,
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
-      return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
+      return /*#__PURE__*/React__default.createElement(IconFilterWrapper, null, /*#__PURE__*/React__default.createElement(IconFilterFunnel, {
         size: getIconSize(size),
         className: classes.filterIcon
-      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.createElement(StyledIndicator, {
         size: "s",
         view: "accent"
       })) : undefined);
@@ -80,12 +80,12 @@ var Filter = function Filter(_ref) {
     portal: tableContainerRef,
     listWidth: getSelectWidth(size),
     onToggle: handleToggle,
-    afterList: /*#__PURE__*/React.createElement(React.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React.createElement(StyledDivider, {
+    afterList: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React__default.createElement(StyledDivider, {
       orientation: "horizontal",
       length: "auto"
-    })), /*#__PURE__*/React.createElement(ControlPanel, null, /*#__PURE__*/React.createElement(LinkButton, {
+    })), /*#__PURE__*/React__default.createElement(ControlPanel, null, /*#__PURE__*/React__default.createElement(LinkButton, {
       onClick: handleReset
-    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React.createElement(ButtonAccent, {
+    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React__default.createElement(ButtonAccent, {
       disabled: isDisabled,
       onClick: handleFilterSubmit
     }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")))

package/dist/css/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';\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';\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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"}