@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/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';\n\nimport { RootProps } from '../../engines';\n\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 SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';\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,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader,\n                onCellUpdate,\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                        }) => ({\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                            },\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()}>\n                                    {row.getVisibleCells().map((cell) =>\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        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                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\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":["SELECT_COLUMN_ID","tableRoot","Root","forwardRef","_ref","ref","data","onChange","columns","view","size","_ref$borderVariant","borderVariant","enableSelection","outerSelected","selected","outerFiltered","filtered","outerSorted","sorted","maxHeight","stickyHeader","onCellUpdate","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","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","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","getVisibleCells","_cell$column","column","columnDef","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';\n\nimport { RootProps } from '../../engines';\n\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 SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';\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,\n                selected: outerSelected,\n                filtered: outerFiltered,\n                sorted: outerSorted,\n                maxHeight,\n                stickyHeader,\n                onCellUpdate,\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                        }) => ({\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                            },\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()}>\n                                    {row.getVisibleCells().map((cell) =>\n                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                        // @ts-ignore\n                                        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                                            />\n                                        ) : (\n                                            <Cell\n                                                key={cell.id}\n                                                cell={cell}\n                                                borderVariant={borderVariant}\n                                                selected={row.getIsSelected()}\n                                                view={view}\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":["SELECT_COLUMN_ID","tableRoot","Root","forwardRef","data","onChange","columns","view","size","borderVariant","enableSelection","selected","outerSelected","filtered","outerFiltered","sorted","outerSorted","maxHeight","stickyHeader","onCellUpdate","props","ref","innerSelected","innerSetSelected","useState","innerFiltered","setInnerFiltered","innerSorted","setInnerSorted","handleRowSelection","updaterOrValue","handleSorting","handleFiltering","tableContainerRef","useRef","rootRef","useForkRef","columnsData","useMemo","id","header","table","React","createElement","StyledCheckbox","checked","getIsSomeRowsSelected","getIsAllRowsSelected","indeterminate","getToggleAllRowsSelectedHandler","appearance","_checkboxAppearance","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","enableResizing","map","label","filters","enableSorting","filterFn","outerFilterFn","width","columnSize","enableEditing","renderCell","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","getVisibleCells","column","columnDef","EditableCell","Cell","tableConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

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

@@ -7,157 +7,122 @@ var react = require('@linaria/react');
 var Table_tokens = require('./Table.tokens.js');
 var common = require('../../engines/common.js');
 var Checkbox$1 = require('../Checkbox/Checkbox.js');
-var LinkButton$1 = require('../LinkButton/LinkButton.js');
 var Button$1 = require('../Button/Button.js');
 var Divider$1 = require('../Divider/Divider.js');
+var LinkButton$1 = require('../LinkButton/LinkButton.js');
 
-var mergedCheckboxConfig = /*#__PURE__*/common.mergeConfig(Checkbox$1.checkboxConfig);
-var Checkbox = /*#__PURE__*/common.component(mergedCheckboxConfig);
-var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
-var ButtonBase = /*#__PURE__*/common.component(mergedButtonConfig);
-var mergedDividerConfig = /*#__PURE__*/common.mergeConfig(Divider$1.dividerConfig);
-var Divider = /*#__PURE__*/common.component(mergedDividerConfig);
-var mergedLinkButtonConfig = /*#__PURE__*/common.mergeConfig(LinkButton$1.linkButtonConfig);
-var LinkButtonBase = /*#__PURE__*/common.component(mergedLinkButtonConfig);
-var base = "b1lxisuf";
-var _exp7 = function _exp7() {
-  return function (_ref) {
-    var borderVariant = _ref.borderVariant;
-    return borderVariant === 'all' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
-  };
-};
-var Table = /*#__PURE__*/react.styled('table')({
+const mergedCheckboxConfig = common.mergeConfig(Checkbox$1.checkboxConfig);
+const Checkbox = common.component(mergedCheckboxConfig);
+const mergedButtonConfig = common.mergeConfig(Button$1.buttonConfig);
+const ButtonBase = common.component(mergedButtonConfig);
+const mergedDividerConfig = common.mergeConfig(Divider$1.dividerConfig);
+const Divider = common.component(mergedDividerConfig);
+const mergedLinkButtonConfig = common.mergeConfig(LinkButton$1.linkButtonConfig);
+const LinkButtonBase = common.component(mergedLinkButtonConfig);
+const base = "b1lxisuf";
+const _exp7 = /*#__PURE__*/() => ({
+  borderVariant
+}) => borderVariant === 'all' ? `var(${Table_tokens.tableTokens.borderColor})` : 'transparent';
+const Table = /*#__PURE__*/react.styled('table')({
   name: "Table",
-  "class": "t15d4jbz",
+  class: "t15d4jbz",
   propsAsIs: false,
   vars: {
-    "t15d4jbz-0": [/*#__PURE__*/_exp7()]
+    "t15d4jbz-0": [_exp7()]
   }
 });
-var _exp8 = function _exp8() {
-  return function (_ref2) {
-    var selected = _ref2.selected;
-    return selected ? 'var(--surface-transparent-accent)' : 'transparent';
-  };
-};
-var Tr = /*#__PURE__*/react.styled('tr')({
+const _exp8 = /*#__PURE__*/() => ({
+  selected
+}) => selected ? 'var(--surface-transparent-accent)' : 'transparent';
+const Tr = /*#__PURE__*/react.styled('tr')({
   name: "Tr",
-  "class": "t1ri3no5",
+  class: "t1ri3no5",
   propsAsIs: false,
   vars: {
-    "t1ri3no5-0": [/*#__PURE__*/_exp8()]
+    "t1ri3no5-0": [_exp8()]
   }
 });
-var _exp9 = function _exp9() {
-  return function (_ref3) {
-    var stickyHeader = _ref3.stickyHeader;
-    return stickyHeader ? 'sticky' : 'static';
-  };
-};
-var _exp10 = function _exp10() {
-  return function (_ref4) {
-    var stickyHeader = _ref4.stickyHeader;
-    return stickyHeader ? 'var(--background-primary)' : 'transparent';
-  };
-};
-var _exp11 = function _exp11() {
-  return function (_ref5) {
-    var view = _ref5.view,
-      borderVariant = _ref5.borderVariant;
-    return (
-      // eslint-disable-next-line no-nested-ternary
-      view === 'clear' ? 'none' : borderVariant === 'header' || borderVariant === 'rows' ? "inset 0 -1px 0 0 var(".concat(Table_tokens.tableTokens.borderColor, ")") : "inset 0 1px 0 0 var(".concat(Table_tokens.tableTokens.borderColor, "), inset 0 -1px 0 0 var(").concat(Table_tokens.tableTokens.borderColor, ")")
-    );
-  };
-};
-var Thead = /*#__PURE__*/react.styled('thead')({
+const _exp9 = /*#__PURE__*/() => ({
+  stickyHeader
+}) => stickyHeader ? 'sticky' : 'static';
+const _exp10 = /*#__PURE__*/() => ({
+  stickyHeader
+}) => stickyHeader ? 'var(--background-primary)' : 'transparent';
+const _exp11 = /*#__PURE__*/() => ({
+  view,
+  borderVariant
+}) =>
+// eslint-disable-next-line no-nested-ternary
+view === 'clear' ? 'none' : borderVariant === 'header' || borderVariant === 'rows' ? `inset 0 -1px 0 0 var(${Table_tokens.tableTokens.borderColor})` : `inset 0 1px 0 0 var(${Table_tokens.tableTokens.borderColor}), inset 0 -1px 0 0 var(${Table_tokens.tableTokens.borderColor})`;
+const Thead = /*#__PURE__*/react.styled('thead')({
   name: "Thead",
-  "class": "t1uk535o",
+  class: "t1uk535o",
   propsAsIs: false,
   vars: {
-    "t1uk535o-0": [/*#__PURE__*/_exp9()],
-    "t1uk535o-1": [/*#__PURE__*/_exp10()],
-    "t1uk535o-2": [/*#__PURE__*/_exp11()]
+    "t1uk535o-0": [_exp9()],
+    "t1uk535o-1": [_exp10()],
+    "t1uk535o-2": [_exp11()]
   }
 });
-var Tbody = /*#__PURE__*/react.styled('tbody')({
+const Tbody = /*#__PURE__*/react.styled('tbody')({
   name: "Tbody",
-  "class": "t1ezol8",
+  class: "t1ezol8",
   propsAsIs: false
 });
-var _exp13 = function _exp13() {
-  return function (_ref6) {
-    var isResizing = _ref6.isResizing;
-    return isResizing ? 'block' : 'none';
-  };
-};
-var Resizer = /*#__PURE__*/react.styled('div')({
+const _exp13 = /*#__PURE__*/() => ({
+  isResizing
+}) => isResizing ? 'block' : 'none';
+const Resizer = /*#__PURE__*/react.styled('div')({
   name: "Resizer",
-  "class": "r18b5m0z",
+  class: "r18b5m0z",
   propsAsIs: false,
   vars: {
-    "r18b5m0z-0": [/*#__PURE__*/_exp13()]
+    "r18b5m0z-0": [_exp13()]
   }
 });
-var _exp14 = function _exp14() {
-  return function (_ref7) {
-    var selectionCell = _ref7.selectionCell;
-    return selectionCell ? "var(".concat(Table_tokens.tableTokens.checkboxCellPadding, ")") : "var(".concat(Table_tokens.tableTokens.cellPadding, ")");
-  };
-};
-var _exp16 = function _exp16() {
-  return function (_ref8) {
-    var borderVariant = _ref8.borderVariant;
-    return borderVariant === 'all' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
-  };
-};
-var Th = /*#__PURE__*/react.styled('th')({
+const _exp14 = /*#__PURE__*/() => ({
+  selectionCell
+}) => selectionCell ? `var(${Table_tokens.tableTokens.checkboxCellPadding})` : `var(${Table_tokens.tableTokens.cellPadding})`;
+const _exp16 = /*#__PURE__*/() => ({
+  borderVariant
+}) => borderVariant === 'all' ? `var(${Table_tokens.tableTokens.borderColor})` : 'transparent';
+const Th = /*#__PURE__*/react.styled('th')({
   name: "Th",
-  "class": "tedz16",
+  class: "tedz16",
   propsAsIs: false,
   vars: {
-    "tedz16-0": [/*#__PURE__*/_exp14()],
-    "tedz16-1": [/*#__PURE__*/_exp16()]
+    "tedz16-0": [_exp14()],
+    "tedz16-1": [_exp16()]
   }
 });
-var _exp18 = function _exp18() {
-  return Checkbox;
-};
-var StyledCheckbox = /*#__PURE__*/react.styled(_exp18())({
+const _exp18 = /*#__PURE__*/() => Checkbox;
+const StyledCheckbox = /*#__PURE__*/react.styled(_exp18())({
   name: "StyledCheckbox",
-  "class": "s3mgb7q",
+  class: "s3mgb7q",
   propsAsIs: true
 });
-var _exp33 = function _exp33() {
-  return Divider;
-};
-var StyledDivider = /*#__PURE__*/react.styled(_exp33())({
+const _exp33 = /*#__PURE__*/() => Divider;
+const StyledDivider = /*#__PURE__*/react.styled(_exp33())({
   name: "StyledDivider",
-  "class": "s177cehz",
+  class: "s177cehz",
   propsAsIs: true
 });
-var _exp37 = function _exp37() {
-  return ButtonBase;
-};
-var Button = /*#__PURE__*/react.styled(_exp37())({
+const _exp37 = /*#__PURE__*/() => ButtonBase;
+const Button = /*#__PURE__*/react.styled(_exp37())({
   name: "Button",
-  "class": "beus4rw",
+  class: "beus4rw",
   propsAsIs: true
 });
-var _exp53 = function _exp53() {
-  return Button;
-};
-var ButtonAccent = /*#__PURE__*/react.styled(_exp53())({
+const _exp53 = /*#__PURE__*/() => Button;
+const ButtonAccent = /*#__PURE__*/react.styled(_exp53())({
   name: "ButtonAccent",
-  "class": "bfybxxj",
+  class: "bfybxxj",
   propsAsIs: true
 });
-var _exp59 = function _exp59() {
-  return LinkButtonBase;
-};
-var LinkButton = /*#__PURE__*/react.styled(_exp59())({
+const _exp59 = /*#__PURE__*/() => LinkButtonBase;
+const LinkButton = /*#__PURE__*/react.styled(_exp59())({
   name: "LinkButton",
-  "class": "l1ql6jvb",
+  class: "l1ql6jvb",
   propsAsIs: true
 });
 

package/cjs/components/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { checkboxConfig, checkboxTokens } from '../Checkbox';\nimport { dividerConfig, dividerTokens } from '../Divider';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { linkButtonConfig, linkButtonTokens } from '../LinkButton';\n\nimport { TableProps } from './Table.types';\nimport { tableTokens as tokens } from './Table.tokens';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst ButtonBase = component(mergedButtonConfig);\n\nconst mergedDividerConfig = mergeConfig(dividerConfig);\nconst Divider = component(mergedDividerConfig);\n\nconst mergedLinkButtonConfig = mergeConfig(linkButtonConfig);\nconst LinkButtonBase = component(mergedLinkButtonConfig);\n\nexport const base = css`\n    display: inline-block;\n    overflow-y: auto;\n`;\n\nexport const Table = styled.table<{ borderVariant: TableProps['borderVariant']; stickyHeader?: boolean }>`\n    width: fit-content;\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-collapse: collapse;\n\n    border-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n`;\n\nexport const Tr = styled.tr<{ selected?: boolean }>`\n    width: fit-content;\n    background-color: ${({ selected }) => (selected ? 'var(--surface-transparent-accent)' : 'transparent')};\n`;\n\nexport const Thead = styled.thead<{\n    view: TableProps['view'];\n    borderVariant: TableProps['borderVariant'];\n    stickyHeader?: boolean;\n}>`\n    position: ${({ stickyHeader }) => (stickyHeader ? 'sticky' : 'static')};\n    top: 0;\n    background: ${({ stickyHeader }) => (stickyHeader ? 'var(--background-primary)' : 'transparent')};\n    z-index: 1;\n    box-shadow: ${({ view, borderVariant }) =>\n        // eslint-disable-next-line no-nested-ternary\n        view === 'clear'\n            ? 'none'\n            : borderVariant === 'header' || borderVariant === 'rows'\n            ? `inset 0 -1px 0 0 var(${tokens.borderColor})`\n            : `inset 0 1px 0 0 var(${tokens.borderColor}), inset 0 -1px 0 0 var(${tokens.borderColor})`};\n\n    ${Tr} {\n        background: transparent;\n    }\n`;\n\nexport const Tbody = styled.tbody``;\n\nexport const Resizer = styled.div<{ isResizing: boolean }>`\n    display: ${({ isResizing }) => (isResizing ? 'block' : 'none')};\n    position: absolute;\n    z-index: 1;\n    top: -0.0625rem;\n    bottom: 0;\n    right: -0.125rem;\n    width: 0.1875rem;\n    background: var(--outline-accent);\n    cursor: col-resize;\n    user-select: none;\n    touch-action: none;\n`;\n\nexport const Th = styled.th<{ borderVariant: TableProps['borderVariant']; selectionCell?: boolean }>`\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    position: relative;\n    font-weight: 600;\n    text-align: left;\n    height: var(${tokens.headerRowHeight});\n    background-color: transparent;\n    color: inherit;\n\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-bottom-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n\n    &:hover {\n        ${Resizer} {\n            display: block;\n        }\n    }\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxTriggerIconColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    ${dividerTokens.baseSideSize}: 0.0625rem;\n    ${dividerTokens.background}: var(--surface-transparent-tertiary);\n    ${dividerTokens.borderRadius}: 0.0625rem;\n`;\n\nexport const Button = styled(ButtonBase)`\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonDisabledOpacity}: 0.4;\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n`;\n\nexport const ButtonAccent = styled(Button)`\n    ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n    ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n    ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n    ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n    ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n`;\n\nexport const LinkButton = styled(LinkButtonBase)`\n    ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n    ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n    ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n    ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n    ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n\n    ${linkButtonTokens.linkButtonFontFamily}: var(${tokens.linkButtonFontFamily});\n    ${linkButtonTokens.linkButtonFontSize}: var(${tokens.linkButtonFontSize});\n    ${linkButtonTokens.linkButtonFontStyle}: var(${tokens.linkButtonFontStyle});\n    ${linkButtonTokens.linkButtonFontWeight}: var(${tokens.linkButtonFontWeight});\n    ${linkButtonTokens.linkButtonLetterSpacing}: var(${tokens.linkButtonLetterSpacing});\n    ${linkButtonTokens.linkButtonLineHeight}: var(${tokens.linkButtonLineHeight});\n`;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedButtonConfig","buttonConfig","ButtonBase","mergedDividerConfig","dividerConfig","Divider","mergedLinkButtonConfig","linkButtonConfig","LinkButtonBase","base","_exp7","_ref","borderVariant","concat","tokens","borderColor","Table","styled","name","class","propsAsIs","vars","_exp8","_ref2","selected","Tr","_exp9","_ref3","stickyHeader","_exp10","_ref4","_exp11","_ref5","view","Thead","Tbody","_exp13","_ref6","isResizing","Resizer","_exp14","_ref7","selectionCell","checkboxCellPadding","cellPadding","_exp16","_ref8","Th","_exp18","StyledCheckbox","_exp33","StyledDivider","_exp37","Button","_exp53","ButtonAccent","_exp59","LinkButton"],"mappings":"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"}
+{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { checkboxConfig, checkboxTokens } from '../Checkbox';\nimport { dividerConfig, dividerTokens } from '../Divider';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { linkButtonConfig, linkButtonTokens } from '../LinkButton';\n\nimport { TableProps } from './Table.types';\nimport { tableTokens as tokens } from './Table.tokens';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst ButtonBase = component(mergedButtonConfig);\n\nconst mergedDividerConfig = mergeConfig(dividerConfig);\nconst Divider = component(mergedDividerConfig);\n\nconst mergedLinkButtonConfig = mergeConfig(linkButtonConfig);\nconst LinkButtonBase = component(mergedLinkButtonConfig);\n\nexport const base = css`\n    display: inline-block;\n    overflow-y: auto;\n`;\n\nexport const Table = styled.table<{ borderVariant: TableProps['borderVariant']; stickyHeader?: boolean }>`\n    width: fit-content;\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-collapse: collapse;\n\n    border-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n`;\n\nexport const Tr = styled.tr<{ selected?: boolean }>`\n    width: fit-content;\n    background-color: ${({ selected }) => (selected ? 'var(--surface-transparent-accent)' : 'transparent')};\n`;\n\nexport const Thead = styled.thead<{\n    view: TableProps['view'];\n    borderVariant: TableProps['borderVariant'];\n    stickyHeader?: boolean;\n}>`\n    position: ${({ stickyHeader }) => (stickyHeader ? 'sticky' : 'static')};\n    top: 0;\n    background: ${({ stickyHeader }) => (stickyHeader ? 'var(--background-primary)' : 'transparent')};\n    z-index: 1;\n    box-shadow: ${({ view, borderVariant }) =>\n        // eslint-disable-next-line no-nested-ternary\n        view === 'clear'\n            ? 'none'\n            : borderVariant === 'header' || borderVariant === 'rows'\n            ? `inset 0 -1px 0 0 var(${tokens.borderColor})`\n            : `inset 0 1px 0 0 var(${tokens.borderColor}), inset 0 -1px 0 0 var(${tokens.borderColor})`};\n\n    ${Tr} {\n        background: transparent;\n    }\n`;\n\nexport const Tbody = styled.tbody``;\n\nexport const Resizer = styled.div<{ isResizing: boolean }>`\n    display: ${({ isResizing }) => (isResizing ? 'block' : 'none')};\n    position: absolute;\n    z-index: 1;\n    top: -0.0625rem;\n    bottom: 0;\n    right: -0.125rem;\n    width: 0.1875rem;\n    background: var(--outline-accent);\n    cursor: col-resize;\n    user-select: none;\n    touch-action: none;\n`;\n\nexport const Th = styled.th<{ borderVariant: TableProps['borderVariant']; selectionCell?: boolean }>`\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    position: relative;\n    font-weight: 600;\n    text-align: left;\n    height: var(${tokens.headerRowHeight});\n    background-color: transparent;\n    color: inherit;\n\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-bottom-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n\n    &:hover {\n        ${Resizer} {\n            display: block;\n        }\n    }\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxTriggerIconColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    ${dividerTokens.baseSideSize}: 0.0625rem;\n    ${dividerTokens.background}: var(--surface-transparent-tertiary);\n    ${dividerTokens.borderRadius}: 0.0625rem;\n`;\n\nexport const Button = styled(ButtonBase)`\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonDisabledOpacity}: 0.4;\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n`;\n\nexport const ButtonAccent = styled(Button)`\n    ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n    ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n    ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n    ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n    ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n`;\n\nexport const LinkButton = styled(LinkButtonBase)`\n    ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n    ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n    ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n    ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n    ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n\n    ${linkButtonTokens.linkButtonFontFamily}: var(${tokens.linkButtonFontFamily});\n    ${linkButtonTokens.linkButtonFontSize}: var(${tokens.linkButtonFontSize});\n    ${linkButtonTokens.linkButtonFontStyle}: var(${tokens.linkButtonFontStyle});\n    ${linkButtonTokens.linkButtonFontWeight}: var(${tokens.linkButtonFontWeight});\n    ${linkButtonTokens.linkButtonLetterSpacing}: var(${tokens.linkButtonLetterSpacing});\n    ${linkButtonTokens.linkButtonLineHeight}: var(${tokens.linkButtonLineHeight});\n`;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedButtonConfig","buttonConfig","ButtonBase","mergedDividerConfig","dividerConfig","Divider","mergedLinkButtonConfig","linkButtonConfig","LinkButtonBase","base","_exp7","borderVariant","tokens","borderColor","Table","styled","name","class","propsAsIs","vars","_exp8","selected","Tr","_exp9","stickyHeader","_exp10","_exp11","view","Thead","Tbody","_exp13","isResizing","Resizer","_exp14","selectionCell","checkboxCellPadding","cellPadding","_exp16","Th","_exp18","StyledCheckbox","_exp33","StyledDivider","_exp37","Button","_exp53","ButtonAccent","_exp59","LinkButton"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   editIcon: 'edit-icon',
   sortingDefaultIcon: 'sorting-default-icon',
   sortingAscIcon: 'sorting-asc-icon',
@@ -10,7 +10,7 @@ var classes = {
   filterIcon: 'filter-icon',
   resizeDivider: 'resize-divider'
 };
-var tableTokens = {
+const tableTokens = {
   fontFamily: '--plasma-table-font-family',
   fontSize: '--plasma-table-font-size',
   fontStyle: '--plasma-table-font-style',

package/cjs/components/Table/Table.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.tokens.js","sources":["../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n    editIcon: 'edit-icon',\n    sortingDefaultIcon: 'sorting-default-icon',\n    sortingAscIcon: 'sorting-asc-icon',\n    sortingDescIcon: 'sorting-desc-icon',\n    filterIcon: 'filter-icon',\n    resizeDivider: 'resize-divider',\n};\n\nexport const tableTokens = {\n    fontFamily: '--plasma-table-font-family',\n    fontSize: '--plasma-table-font-size',\n    fontStyle: '--plasma-table-font-style',\n    fontWeight: '--plasma-table-font-weight',\n    letterSpacing: '--plasma-table-letter-spacing',\n    lineHeight: '--plasma-table-line-height',\n\n    borderColor: '--plasma-table-border-color',\n    headerRowHeight: '--plasma-table-header-row-height',\n    rowHeight: '--plasma-table-row-height',\n    cellPadding: '--plasma-cell-padding',\n    checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n    checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n    checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n    checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n    checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',\n    checkboxFillColor: '--plasma-table-checkbox-fill-color',\n    checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',\n\n    editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n    editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n    editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n    editableCellPadding: '--plasma-table-editable-cell-padding',\n    editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n    editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n    editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n    editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n    filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n    filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n    buttonHeight: '--plasma-table-button-height',\n    buttonFontFamily: '--plasma-table-button-font-family',\n    buttonFontSize: '--plasma-table-button-font-size',\n    buttonFontStyle: '--plasma-table-button-font-style',\n    buttonFontWeight: '--plasma-table-button-font-weight',\n    buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n    buttonLineHeight: '--plasma-table-button-line-height',\n\n    selectPadding: '--plasma-table-select-padding',\n    selectBorderRadius: '--plasma-table-select-border-radius',\n    selectItemHeight: '--plasma-table-select-item-height',\n    selectItemPadding: '--plasma-table-select-item-padding',\n    selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n    selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n    selectItemIconSize: '--plasma-table-select-item-icon-size',\n    selectCellPadding: '--plasma-table-select-cell-padding',\n    selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n    selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n    selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n    selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n    selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n    selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n    selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n    selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n    selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',\n    selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',\n    selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n    selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n    linkButtonFontFamily: '--plasma-table-link-button-font-family',\n    linkButtonFontSize: '--plasma-table-link-button-font-size',\n    linkButtonFontStyle: '--plasma-table-link-button-font-style',\n    linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n    linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n    linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","checkboxTriggerBorderColor","checkboxFillColor","checkboxTriggerIconColor","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectCheckboxTriggerBorderWidth","selectCheckboxTriggerBorderCheckedColor","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,WAAW,GAAG;AACvBC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,wBAAwB,EAAE,4CAA4C;AAEtEC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,6BAA6B,EAAE,kDAAkD;AACjFC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,gCAAgC,EAAE,qDAAqD;AACvFC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,oBAAoB,EAAE,wCAAA;AAC1B;;;;;"}
+{"version":3,"file":"Table.tokens.js","sources":["../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n    editIcon: 'edit-icon',\n    sortingDefaultIcon: 'sorting-default-icon',\n    sortingAscIcon: 'sorting-asc-icon',\n    sortingDescIcon: 'sorting-desc-icon',\n    filterIcon: 'filter-icon',\n    resizeDivider: 'resize-divider',\n};\n\nexport const tableTokens = {\n    fontFamily: '--plasma-table-font-family',\n    fontSize: '--plasma-table-font-size',\n    fontStyle: '--plasma-table-font-style',\n    fontWeight: '--plasma-table-font-weight',\n    letterSpacing: '--plasma-table-letter-spacing',\n    lineHeight: '--plasma-table-line-height',\n\n    borderColor: '--plasma-table-border-color',\n    headerRowHeight: '--plasma-table-header-row-height',\n    rowHeight: '--plasma-table-row-height',\n    cellPadding: '--plasma-cell-padding',\n    checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n    checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n    checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n    checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n    checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',\n    checkboxFillColor: '--plasma-table-checkbox-fill-color',\n    checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',\n\n    editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n    editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n    editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n    editableCellPadding: '--plasma-table-editable-cell-padding',\n    editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n    editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n    editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n    editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n    filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n    filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n    buttonHeight: '--plasma-table-button-height',\n    buttonFontFamily: '--plasma-table-button-font-family',\n    buttonFontSize: '--plasma-table-button-font-size',\n    buttonFontStyle: '--plasma-table-button-font-style',\n    buttonFontWeight: '--plasma-table-button-font-weight',\n    buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n    buttonLineHeight: '--plasma-table-button-line-height',\n\n    selectPadding: '--plasma-table-select-padding',\n    selectBorderRadius: '--plasma-table-select-border-radius',\n    selectItemHeight: '--plasma-table-select-item-height',\n    selectItemPadding: '--plasma-table-select-item-padding',\n    selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n    selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n    selectItemIconSize: '--plasma-table-select-item-icon-size',\n    selectCellPadding: '--plasma-table-select-cell-padding',\n    selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n    selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n    selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n    selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n    selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n    selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n    selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n    selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n    selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',\n    selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',\n    selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n    selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n    linkButtonFontFamily: '--plasma-table-link-button-font-family',\n    linkButtonFontSize: '--plasma-table-link-button-font-size',\n    linkButtonFontStyle: '--plasma-table-link-button-font-style',\n    linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n    linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n    linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","checkboxTriggerBorderColor","checkboxFillColor","checkboxTriggerIconColor","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectCheckboxTriggerBorderWidth","selectCheckboxTriggerBorderCheckedColor","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"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"}

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

@@ -12,23 +12,22 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _Resizer;
-var Cell = function Cell(_ref) {
-  var _cell$column$columnDe;
-  var cell = _ref.cell,
-    borderVariant = _ref.borderVariant,
-    selected = _ref.selected,
-    view = _ref.view;
-  var renderCell = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.renderCell;
+const Cell = ({
+  cell,
+  borderVariant,
+  selected,
+  view
+}) => {
+  const renderCell = cell.column.columnDef.meta?.renderCell;
   return /*#__PURE__*/React__default.default.createElement(Cell_styles.Td, {
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === Table.SELECT_COLUMN_ID,
     selected: selected,
     view: view
-  }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
+  }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
     isResizing: true
-  }))));
+  }));
 };
 
 exports.Cell = Cell;

package/cjs/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 { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\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};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view }) => {\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        >\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","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;;IAgBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACvE,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,sBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,sBAAA,CAAAC,aAAA,CAACc,oBAAO,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 { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\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};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view }) => {\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        >\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","cell","borderVariant","selected","view","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAMA,IAAqB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,aAAa;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAK,CAAC,KAAK;EAC9E,MAAMC,UAAU,GAAGJ,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,EAAEH,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,sBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,iBAAIb,sBAAA,CAAAC,aAAA,CAACa,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;AAAA,GAAE,CACrD,CAAC,CAAA;AAEb;;;;"}

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

@@ -6,37 +6,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('@linaria/react');
 var Table_tokens = require('../../Table.tokens.js');
 
-var _exp = function _exp() {
-  return function (_ref) {
-    var selectionCell = _ref.selectionCell;
-    return selectionCell ? "var(".concat(Table_tokens.tableTokens.checkboxCellPadding, ")") : "var(".concat(Table_tokens.tableTokens.cellPadding, ")");
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var selected = _ref2.selected,
-      borderVariant = _ref2.borderVariant,
-      view = _ref2.view;
-    return (
-      // eslint-disable-next-line no-nested-ternary
-      borderVariant === 'all' && view !== 'clear' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : selected ? 'var(--surface-transparent-accent)' : 'transparent'
-    );
-  };
-};
-var _exp4 = function _exp4() {
-  return function (_ref3) {
-    var borderVariant = _ref3.borderVariant;
-    return borderVariant === 'all' || borderVariant === 'rows' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
-  };
-};
-var Td = /*#__PURE__*/react.styled('td')({
+const _exp = /*#__PURE__*/() => ({
+  selectionCell
+}) => selectionCell ? `var(${Table_tokens.tableTokens.checkboxCellPadding})` : `var(${Table_tokens.tableTokens.cellPadding})`;
+const _exp3 = /*#__PURE__*/() => ({
+  selected,
+  borderVariant,
+  view
+}) =>
+// eslint-disable-next-line no-nested-ternary
+borderVariant === 'all' && view !== 'clear' ? `var(${Table_tokens.tableTokens.borderColor})` : selected ? 'var(--surface-transparent-accent)' : 'transparent';
+const _exp4 = /*#__PURE__*/() => ({
+  borderVariant
+}) => borderVariant === 'all' || borderVariant === 'rows' ? `var(${Table_tokens.tableTokens.borderColor})` : 'transparent';
+const Td = /*#__PURE__*/react.styled('td')({
   name: "Td",
-  "class": "tv72tnk",
+  class: "tv72tnk",
   propsAsIs: false,
   vars: {
-    "tv72tnk-0": [/*#__PURE__*/_exp()],
-    "tv72tnk-1": [/*#__PURE__*/_exp3()],
-    "tv72tnk-2": [/*#__PURE__*/_exp4()]
+    "tv72tnk-0": [_exp()],
+    "tv72tnk-1": [_exp3()],
+    "tv72tnk-2": [_exp4()]
   }
 });
 

package/cjs/components/Table/ui/Cell/Cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,wBAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,wBAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,wBAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,wBAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","selectionCell","tokens","checkboxCellPadding","cellPadding","_exp3","selected","borderVariant","view","borderColor","_exp4","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAG2D,MAAAA,IAAA,gBAFzCA,MAWH,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KACzBA,aAAa,GAAG,CAAA,IAAA,EAAOC,wBAAM,CAACC,mBAAmB,CAAA,CAAA,CAAG,GAAG,CAAA,IAAA,EAAOD,wBAAM,CAACE,WAAW,CAAG,CAAA,CAAA,CAAA;AAAA,MAAAC,KAAA,gBAZzEA,MAiBE,CAAC;EAAEC,QAAQ;EAAEC,aAAa;AAAEC,EAAAA,IAAAA;AAAK,CAAC;AAC9C;AACAD,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GACrC,CAAA,IAAA,EAAON,wBAAM,CAACO,WAAW,CAAG,CAAA,CAAA,GAC5BH,QAAQ,GACR,mCAAmC,GACnC,aAAa,CAAA;AAAA,MAAAI,KAAA,gBAvBTA,MAwBS,CAAC;AAAEH,EAAAA,aAAAA;AAAc,CAAC,KACrCA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAG,OAAOL,wBAAM,CAACO,WAAW,CAAA,CAAA,CAAG,GAAG,aAAa,CAAA;AArBnG,MAAME,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAOThB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAKvEK,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CACAK,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}