@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    // using flexRender renders as a react component not a function, and that causes re-render issues for us\n    // for example, clicks on buttons in cells no longer works until the row becomes active\n    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AASO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,cAAkB,IAAA;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAW;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AACrD,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,gBAAkB,EAAA,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AAC7G,QAAA,UAAU,KAAK,WAAW,EAAE,IAAI,QAAQ,IAAI,CAAO,QAAA,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAG/G,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EACL;AAER;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AAC7G,QAAA,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAe,IAAA;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAI,EAAA,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAG,EAAA,GACxG,sBAAA,cAAA,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,IAChC,yCAAY,WAAU,iBACnB,sBAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}
+{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    // using flexRender renders as a react component not a function, and that causes re-render issues for us\n    // for example, clicks on buttons in cells no longer works until the row becomes active\n    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AASO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzG,sBAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnB,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js

@@ -33,7 +33,7 @@ const MemoedGroupedCell = React__default.memo(function MemoedGroupedCell2(props)
   const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;
   return (
     // pr-1 is needed to align group row actions with row actions in sibling rows, if present
-    /* @__PURE__ */ React__default.createElement("td", { ...attributes, className: "!pr-1", ref: cellRef, style: { gridColumn: `span ${colSpan} / span ${colSpan}` } }, /* @__PURE__ */ React__default.createElement("span", { className: "grow" }, children), (rowActions == null ? void 0 : rowActions.length) && canShowActions ? /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("td", { ...attributes, className: "!pr-1", ref: cellRef, style: { gridColumn: `span ${colSpan} / span ${colSpan}` } }, /* @__PURE__ */ React__default.createElement("span", { className: "grow" }, children), rowActions?.length && canShowActions ? /* @__PURE__ */ React__default.createElement(
       Actions,
       {
         actions: rowActions,

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    // using flexRender renders as a react component not a function, and that causes re-render issues for us\n    // for example, clicks on buttons in cells no longer works until the row becomes active\n    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AASO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,cAAkB,IAAA;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAW;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AACrD,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,gBAAkB,EAAA,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AAC7G,QAAA,UAAU,KAAK,WAAW,EAAE,IAAI,QAAQ,IAAI,CAAO,QAAA,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAG/G,SAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EACL;AAER;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AAC7G,QAAA,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAe,IAAA;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAI,EAAA,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAG,EAAA,GACxGA,+BAAA,cAAA,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,IAChC,yCAAY,WAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}
+{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    // using flexRender renders as a react component not a function, and that causes re-render issues for us\n    // for example, clicks on buttons in cells no longer works until the row becomes active\n    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AASO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzGA,+BAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}

package/dist/primitives/Table/Core/components/Columns/Cell/Cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["useSearchHighlighting","isInternalColumn","GroupedCell"],"mappings":";;;;;;AAaO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,MAAM,OAAO,UAAU,aAAiB,IAAA;AAC1C,QAAA,UAAU,MAAM,OAA6B,IAAI;AACvD,QAAM,gBAAgBA,KAAA,sBAAsB,MAAM,OAAO,OAAO;AAE3D,OAAA,KAAK,gBAAgB,KAAK,KAAK,uBAAuB,CAACC,yBAAiB,KAAK,OAAO,EAAE,GAAG;AAInF,WAAA;AAAA,EAAA;AAGX,QAAM,YAA2C;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEI,MAAA,KAAK,gBAAgB;AACd,WAAA,sBAAA,cAACC,YAAoB,aAAA,EAAA,GAAG,UAAW,CAAA;AAAA,EAAA;AAGvC,SAAA,sBAAA,cAAC,cAAqB,EAAA,GAAG,UAAW,CAAA;AAC/C;;"}
+{"version":3,"file":"Cell.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["useSearchHighlighting","isInternalColumn","GroupedCell"],"mappings":";;;;;;AAaO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,MAAM,OAAO,UAAU,iBAAiB;AAChD,QAAM,UAAU,MAAM,OAA6B,IAAI;AACvD,QAAM,gBAAgBA,KAAAA,sBAAsB,MAAM,OAAO,OAAO;AAEhE,OAAK,KAAK,gBAAA,KAAqB,KAAK,uBAAuB,CAACC,yBAAiB,KAAK,OAAO,EAAE,GAAG;AAI1F,WAAO;AAAA,EACX;AAEA,QAAM,YAA2C;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,MAAI,KAAK,gBAAgB;AACrB,WAAO,sBAAA,cAACC,YAAAA,aAAA,EAAoB,GAAG,UAAA,CAAW;AAAA,EAC9C;AAEA,SAAO,sBAAA,cAAC,cAAA,EAAqB,GAAG,UAAA,CAAW;AAC/C;;"}

package/dist/primitives/Table/Core/components/Columns/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["React"],"mappings":";;;;AAaO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,MAAM,OAAO,UAAU,aAAiB,IAAA;AAC1C,QAAA,UAAUA,eAAM,OAA6B,IAAI;AACvD,QAAM,gBAAgB,sBAAsB,MAAM,OAAO,OAAO;AAE3D,OAAA,KAAK,gBAAgB,KAAK,KAAK,uBAAuB,CAAC,iBAAiB,KAAK,OAAO,EAAE,GAAG;AAInF,WAAA;AAAA,EAAA;AAGX,QAAM,YAA2C;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEI,MAAA,KAAK,gBAAgB;AACd,WAAAA,+BAAA,cAAC,aAAoB,EAAA,GAAG,UAAW,CAAA;AAAA,EAAA;AAGvC,SAAAA,+BAAA,cAAC,cAAqB,EAAA,GAAG,UAAW,CAAA;AAC/C;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["React"],"mappings":";;;;AAaO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,MAAM,OAAO,UAAU,iBAAiB;AAChD,QAAM,UAAUA,eAAM,OAA6B,IAAI;AACvD,QAAM,gBAAgB,sBAAsB,MAAM,OAAO,OAAO;AAEhE,OAAK,KAAK,gBAAA,KAAqB,KAAK,uBAAuB,CAAC,iBAAiB,KAAK,OAAO,EAAE,GAAG;AAI1F,WAAO;AAAA,EACX;AAEA,QAAM,YAA2C;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,MAAI,KAAK,gBAAgB;AACrB,WAAOA,+BAAA,cAAC,aAAA,EAAoB,GAAG,UAAA,CAAW;AAAA,EAC9C;AAEA,SAAOA,+BAAA,cAAC,cAAA,EAAqB,GAAG,UAAA,CAAW;AAC/C;"}

package/dist/primitives/Table/Core/components/Columns/Cell/util.cjs

@@ -8,7 +8,7 @@ function getCellAttributes(cell, index, isHighlighted) {
   const columnMeta = cell.column.columnDef.meta;
   const isPinned = cell.column.getIsPinned();
   return {
-    "data-cell-align": columnMeta == null ? void 0 : columnMeta.align,
+    "data-cell-align": columnMeta?.align,
     "data-cell-highlighted": isHighlighted,
     "data-cell-id": cell.column.id,
     "data-cell-index": index,
@@ -59,12 +59,11 @@ function useSearchHighlighting(cell, cellIndex, ref) {
         if (ref.current) {
           const tableEl = ref.current.closest('table[data-taco^="table"]');
           setTimeout(() => {
-            var _a;
-            const pinnedColumns = tableEl == null ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
-            if (pinnedColumns == null ? void 0 : pinnedColumns.length) {
-              const lastFrozenRect = (_a = pinnedColumns.item(pinnedColumns.length - 1)) == null ? void 0 : _a.getBoundingClientRect();
+            const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
+            if (pinnedColumns?.length) {
+              const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();
               if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {
-                tableEl == null ? void 0 : tableEl.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
+                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
               }
             }
           }, 1);

package/dist/primitives/Table/Core/components/Columns/Cell/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAWgB,SAAA,kBACZ,MACA,OACA,eACF;AACQ,QAAA,aAAa,KAAK,OAAO,UAAU;AACnC,QAAA,WAAW,KAAK,OAAO,YAAY;AAGlC,SAAA;AAAA,IACH,mBAAmB,yCAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EACjH;AACJ;AAEgB,SAAA,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAgB;AACrC,QAAM,EAAE,SAAa,IAAA,MAAM,WAAWC,WAAAA,UAAU;AAC1C,QAAA,UAAU,KAAK,WAAW;AAC1B,QAAA,YAAY,QAAQ,MAAM,QAAQ;AAClC,QAAA,aAAa,KAAK,OAAO,UAAU;AAEnC,QAAA,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAiB,iBAAA,KAAK,OAAO,EAAE,KAC/B,KAAK,gBACL,KAAA,KAAK,oBACP;AACS,aAAA;AAAA,IAAA;AAGX,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAS,EAAE,cAAc;AACvCA,uBAAgBC,QAAA;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAS;AAAA,QACd,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MACJ;AAAA,IAAA;AAGJ,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AACvE,aAAA;AAAA,IAAA;AAGL,UAAA,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAC;AAE5F,QAAA,mBAAmB,YAAY,uBAAuB,WAAW;AAC1D,aAAA;AAAA,IAAA;AAGJ,WAAA;AAAA,EAAA,GACR;AAAA,IACC,KAAK,SAAS;AAAA,IACd,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AACd,QAAA,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;;AACP,kBAAA,gBAAgB,mCAAS,iBAAiB;AAEhD,gBAAI,+CAAe,QAAQ;AACvB,oBAAM,kBAAiB,mBAAc,KAAK,cAAc,SAAS,CAAC,MAA3C,mBAA8C;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAS,IAAI,eAAe,OAAO;AACxD,mDAAA,SAAS,KAAK,OAAO,aAAa,eAAe,OAAO,QAAQ;AAAA,cAAS;AAAA,YACtF;AAAA,aAEL,CAAC;AAAA,QAAA;AAAA,SAET,CAAC;AAAA,IAAA;AAAA,EACR,GACD,CAAC,aAAa,CAAC;AAEX,SAAA;AACX;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement | null>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAWO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAAA,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgBC,QAAAA;AAAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;;;"}

package/dist/primitives/Table/Core/components/Columns/Cell/util.d.ts

@@ -13,6 +13,6 @@ export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<
     'data-cell-truncate': boolean | undefined;
     className: string | undefined;
 };
-export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement>): true | "current" | undefined;
+export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement | null>): true | "current" | undefined;
 export declare function getCurrentRowCellElement(index: number, tableEl: HTMLElement): Element | null;
 export declare function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement): void;

package/dist/primitives/Table/Core/components/Columns/Cell/util.js

@@ -6,7 +6,7 @@ function getCellAttributes(cell, index, isHighlighted) {
   const columnMeta = cell.column.columnDef.meta;
   const isPinned = cell.column.getIsPinned();
   return {
-    "data-cell-align": columnMeta == null ? void 0 : columnMeta.align,
+    "data-cell-align": columnMeta?.align,
     "data-cell-highlighted": isHighlighted,
     "data-cell-id": cell.column.id,
     "data-cell-index": index,
@@ -57,12 +57,11 @@ function useSearchHighlighting(cell, cellIndex, ref) {
         if (ref.current) {
           const tableEl = ref.current.closest('table[data-taco^="table"]');
           setTimeout(() => {
-            var _a;
-            const pinnedColumns = tableEl == null ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
-            if (pinnedColumns == null ? void 0 : pinnedColumns.length) {
-              const lastFrozenRect = (_a = pinnedColumns.item(pinnedColumns.length - 1)) == null ? void 0 : _a.getBoundingClientRect();
+            const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
+            if (pinnedColumns?.length) {
+              const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();
               if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {
-                tableEl == null ? void 0 : tableEl.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
+                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
               }
             }
           }, 1);

package/dist/primitives/Table/Core/components/Columns/Cell/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAWgB,SAAA,kBACZ,MACA,OACA,eACF;AACQ,QAAA,aAAa,KAAK,OAAO,UAAU;AACnC,QAAA,WAAW,KAAK,OAAO,YAAY;AAGlC,SAAA;AAAA,IACH,mBAAmB,yCAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EACjH;AACJ;AAEgB,SAAA,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,SAAa,IAAAA,eAAM,WAAW,UAAU;AAC1C,QAAA,UAAU,KAAK,WAAW;AAC1B,QAAA,YAAY,QAAQ,MAAM,QAAQ;AAClC,QAAA,aAAa,KAAK,OAAO,UAAU;AAEnC,QAAA,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBACL,KAAA,KAAK,oBACP;AACS,aAAA;AAAA,IAAA;AAGX,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAS,EAAE,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAS;AAAA,QACd,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MACJ;AAAA,IAAA;AAGJ,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AACvE,aAAA;AAAA,IAAA;AAGL,UAAA,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAC;AAE5F,QAAA,mBAAmB,YAAY,uBAAuB,WAAW;AAC1D,aAAA;AAAA,IAAA;AAGJ,WAAA;AAAA,EAAA,GACR;AAAA,IACC,KAAK,SAAS;AAAA,IACd,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AACd,QAAA,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;;AACP,kBAAA,gBAAgB,mCAAS,iBAAiB;AAEhD,gBAAI,+CAAe,QAAQ;AACvB,oBAAM,kBAAiB,mBAAc,KAAK,cAAc,SAAS,CAAC,MAA3C,mBAA8C;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAS,IAAI,eAAe,OAAO;AACxD,mDAAA,SAAS,KAAK,OAAO,aAAa,eAAe,OAAO,QAAQ;AAAA,cAAS;AAAA,YACtF;AAAA,aAEL,CAAC;AAAA,QAAA;AAAA,SAET,CAAC;AAAA,IAAA;AAAA,EACR,GACD,CAAC,aAAa,CAAC;AAEX,SAAA;AACX;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement | null>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAWO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;"}

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.cjs

@@ -8,19 +8,17 @@ const Menu = require("../../../../../../components/Menu/Menu.cjs");
 const Shortcut = require("../../../../../../components/Shortcut/Shortcut.cjs");
 const RowContext = require("../../Row/RowContext.cjs");
 function Actions(props) {
-  var _a, _b;
   const { actions, actionsLength, data, isActiveRow, rowId, table } = props;
   const { texts } = Localization.useLocalization();
   const tableMeta = table.options.meta;
   const visibleActions = actions.map((action) => {
-    var _a2, _b2;
     const helpers = {
       rowId,
       table
     };
-    if ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEnabled) {
+    if (tableMeta.editing?.isEnabled) {
       helpers.editing = {
-        isEditing: ((_b2 = tableMeta.editing) == null ? void 0 : _b2.isEditing) ?? false,
+        isEditing: tableMeta.editing?.isEditing ?? false,
         removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),
         save: () => tableMeta.editing.saveChanges(table, rowId)
       };
@@ -28,16 +26,15 @@ function Actions(props) {
     return action(data, helpers);
   }).filter((action) => !!action);
   let length = actionsLength;
-  if (((_a = tableMeta.editing) == null ? void 0 : _a.isEditing) && ((_b = tableMeta.editing) == null ? void 0 : _b.showEditingActions)) {
+  if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {
     const lengthWithoutEditingItems = visibleActions.length - 1;
     if (lengthWithoutEditingItems < actionsLength) {
       length = lengthWithoutEditingItems;
     }
   }
   const handleMenuButtonKeyDown = (event) => {
-    var _a2, _b2;
     const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
-    if (event.key === "Tab" && isLastRowActive && ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.hasChanges())) {
+    if (event.key === "Tab" && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {
       tableMeta.editing.saveChanges(table);
     }
   };
@@ -48,7 +45,7 @@ function Actions(props) {
   };
   const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);
   const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);
-  const className = cn("flex justify-end text-right bg-[inherit] print:hidden");
+  const className = cn("flex justify-end bg-[inherit] text-right print:hidden");
   return /* @__PURE__ */ React.createElement("span", { className }, actionsOnRow.map((button, index) => {
     const tooltip = String(button.props.tooltip ?? button.props["aria-label"] ?? "");
     return React.cloneElement(button, {
@@ -66,9 +63,8 @@ function Actions(props) {
       onKeyDown: handleMenuButtonKeyDown,
       tabIndex: isActiveRow ? 0 : -1,
       menu: (menuProps) => /* @__PURE__ */ React.createElement(Menu.Menu, { ...menuProps }, /* @__PURE__ */ React.createElement(Menu.Menu.Content, { onKeyDown: handleMenuContentKeyDown }, actionsInMenu.map((action, i) => {
-        var _a2, _b2;
         const item = /* @__PURE__ */ React.createElement(Menu.Menu.Item, { key: i, ...action.props, shortcut: action.props.shortcut }, action.props["aria-label"]);
-        const isFirstEditingMenuItem = ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.showEditingActions) && actionsInMenu.length > 2 && i === actionsInMenu.length - 2;
+        const isFirstEditingMenuItem = tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions && actionsInMenu.length > 2 && i === actionsInMenu.length - 2;
         if (isFirstEditingMenuItem) {
           return /* @__PURE__ */ React.createElement(React.Fragment, { key: i }, /* @__PURE__ */ React.createElement(Menu.Menu.Separator, null), item);
         }
@@ -90,7 +86,7 @@ const Cell = React.memo(function MemoedCell(context) {
   const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
   const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
   const isRowGrouped = row.getIsGrouped();
-  if (!hideRowActions && !isRowGrouped && (actions == null ? void 0 : actions.length) && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
+  if (!hideRowActions && !isRowGrouped && actions?.length && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
     return /* @__PURE__ */ React.createElement(
       Actions,
       {
@@ -111,7 +107,7 @@ const renderer = {
   meta: {
     align: "right",
     className: cn(
-      'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active="true"]]/row:sticky right-0',
+      'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active="true"]]/row:sticky',
       'group-[[data-row-active="true"][data-selected="false"]]/row:text-gray-200',
       'group-[[data-row-selected="true"]]/row:text-blue-100',
       'group-[[data-row-selected="false"]:hover]/row:text-gray-100',

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end text-right bg-[inherit] print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active=\"true\"]]/row:sticky right-0',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["useLocalization","_a","_b","Shortcut","LegacyIconButton","Menu","RowContext"],"mappings":"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"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as React.JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => React.JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["useLocalization","Shortcut","LegacyIconButton","Menu","RowContext"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.js

@@ -6,19 +6,17 @@ import { Menu } from "../../../../../../components/Menu/Menu.js";
 import { Shortcut } from "../../../../../../components/Shortcut/Shortcut.js";
 import { RowContext } from "../../Row/RowContext.js";
 function Actions(props) {
-  var _a, _b;
   const { actions, actionsLength, data, isActiveRow, rowId, table } = props;
   const { texts } = useLocalization();
   const tableMeta = table.options.meta;
   const visibleActions = actions.map((action) => {
-    var _a2, _b2;
     const helpers = {
       rowId,
       table
     };
-    if ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEnabled) {
+    if (tableMeta.editing?.isEnabled) {
       helpers.editing = {
-        isEditing: ((_b2 = tableMeta.editing) == null ? void 0 : _b2.isEditing) ?? false,
+        isEditing: tableMeta.editing?.isEditing ?? false,
         removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),
         save: () => tableMeta.editing.saveChanges(table, rowId)
       };
@@ -26,16 +24,15 @@ function Actions(props) {
     return action(data, helpers);
   }).filter((action) => !!action);
   let length = actionsLength;
-  if (((_a = tableMeta.editing) == null ? void 0 : _a.isEditing) && ((_b = tableMeta.editing) == null ? void 0 : _b.showEditingActions)) {
+  if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {
     const lengthWithoutEditingItems = visibleActions.length - 1;
     if (lengthWithoutEditingItems < actionsLength) {
       length = lengthWithoutEditingItems;
     }
   }
   const handleMenuButtonKeyDown = (event) => {
-    var _a2, _b2;
     const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
-    if (event.key === "Tab" && isLastRowActive && ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.hasChanges())) {
+    if (event.key === "Tab" && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {
       tableMeta.editing.saveChanges(table);
     }
   };
@@ -46,7 +43,7 @@ function Actions(props) {
   };
   const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);
   const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);
-  const className = cn("flex justify-end text-right bg-[inherit] print:hidden");
+  const className = cn("flex justify-end bg-[inherit] text-right print:hidden");
   return /* @__PURE__ */ React__default.createElement("span", { className }, actionsOnRow.map((button, index) => {
     const tooltip = String(button.props.tooltip ?? button.props["aria-label"] ?? "");
     return React__default.cloneElement(button, {
@@ -64,9 +61,8 @@ function Actions(props) {
       onKeyDown: handleMenuButtonKeyDown,
       tabIndex: isActiveRow ? 0 : -1,
       menu: (menuProps) => /* @__PURE__ */ React__default.createElement(Menu, { ...menuProps }, /* @__PURE__ */ React__default.createElement(Menu.Content, { onKeyDown: handleMenuContentKeyDown }, actionsInMenu.map((action, i) => {
-        var _a2, _b2;
         const item = /* @__PURE__ */ React__default.createElement(Menu.Item, { key: i, ...action.props, shortcut: action.props.shortcut }, action.props["aria-label"]);
-        const isFirstEditingMenuItem = ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.showEditingActions) && actionsInMenu.length > 2 && i === actionsInMenu.length - 2;
+        const isFirstEditingMenuItem = tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions && actionsInMenu.length > 2 && i === actionsInMenu.length - 2;
         if (isFirstEditingMenuItem) {
           return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: i }, /* @__PURE__ */ React__default.createElement(Menu.Separator, null), item);
         }
@@ -88,7 +84,7 @@ const Cell = React__default.memo(function MemoedCell(context) {
   const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
   const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
   const isRowGrouped = row.getIsGrouped();
-  if (!hideRowActions && !isRowGrouped && (actions == null ? void 0 : actions.length) && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
+  if (!hideRowActions && !isRowGrouped && actions?.length && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
     return /* @__PURE__ */ React__default.createElement(
       Actions,
       {
@@ -109,7 +105,7 @@ const renderer = {
   meta: {
     align: "right",
     className: cn(
-      'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active="true"]]/row:sticky right-0',
+      'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active="true"]]/row:sticky',
       'group-[[data-row-active="true"][data-selected="false"]]/row:text-gray-200',
       'group-[[data-row-selected="true"]]/row:text-blue-100',
       'group-[[data-row-selected="false"]:hover]/row:text-gray-100',

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end text-right bg-[inherit] print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active=\"true\"]]/row:sticky right-0',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["_a","_b","React"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as React.JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => React.JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Columns/Internal/Drag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drag.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"invisible -mt-1 ml-[2px] cursor-grab text-gray-700 active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["useLocalization","RowContext","Icon","clsx"],"mappings":";;;;;;;AAQA,SAAS,SAAS;AACP,SAAA;AACX;AAEA,SAAS,OAAO;AACN,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAClC,QAAM,EAAE,oBAAwB,IAAA,MAAM,WAAWC,WAAAA,UAAU;AAE3D,MAAI,qBAAqB;AACd,WAAA;AAAA,EAAA;AAIP,SAAA,sBAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,WAAWC,GAAA;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,IACJ;AAAA,EACJ;AAER;AAEO,MAAM,WAA0C;AAAA,EACnD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,IACF,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,EAAA;AAEzB;;"}
+{"version":3,"file":"Drag.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"invisible -mt-1 ml-[2px] cursor-grab text-gray-700 active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["useLocalization","RowContext","Icon","clsx"],"mappings":";;;;;;;AAQA,SAAS,SAAS;AACd,SAAO;AACX;AAEA,SAAS,OAAO;AACZ,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,EAAE,oBAAA,IAAwB,MAAM,WAAWC,WAAAA,UAAU;AAE3D,MAAI,qBAAqB;AACrB,WAAO;AAAA,EACX;AAEA,SACI,sBAAA;AAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,WAAWC,GAAAA;AAAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEO,MAAM,WAA0C;AAAA,EACnD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,IACF,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,EAAA;AAEzB;;"}

package/dist/primitives/Table/Core/components/Columns/Internal/Drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drag.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"invisible -mt-1 ml-[2px] cursor-grab text-gray-700 active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["React"],"mappings":";;;;;AAQA,SAAS,SAAS;AACP,SAAA;AACX;AAEA,SAAS,OAAO;AACN,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,oBAAwB,IAAAA,eAAM,WAAW,UAAU;AAE3D,MAAI,qBAAqB;AACd,WAAA;AAAA,EAAA;AAIP,SAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,IACJ;AAAA,EACJ;AAER;AAEO,MAAM,WAA0C;AAAA,EACnD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,IACF,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,EAAA;AAEzB;"}
+{"version":3,"file":"Drag.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"invisible -mt-1 ml-[2px] cursor-grab text-gray-700 active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["React"],"mappings":";;;;;AAQA,SAAS,SAAS;AACd,SAAO;AACX;AAEA,SAAS,OAAO;AACZ,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,EAAE,oBAAA,IAAwBA,eAAM,WAAW,UAAU;AAE3D,MAAI,qBAAqB;AACrB,WAAO;AAAA,EACX;AAEA,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEO,MAAM,WAA0C;AAAA,EACnD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,IACF,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,EAAA;AAEzB;"}

package/dist/primitives/Table/Core/components/Columns/Internal/Expansion.cjs

@@ -30,14 +30,13 @@ function Header(context) {
   ));
 }
 function Cell(context) {
-  var _a, _b;
   const { texts } = Localization.useLocalization();
   const { hideInternalColumns } = React.useContext(RowContext.RowContext);
   const tableMeta = context.table.options.meta;
   if (hideInternalColumns) {
     return null;
   }
-  const hasExpandedRow = (_b = (_a = tableMeta.rowExpansion).rowExpansionRenderer) == null ? void 0 : _b.call(_a, context.row.original);
+  const hasExpandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(context.row.original);
   if (hasExpandedRow) {
     const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;
     const isExpanded = context.row.getIsExpanded();