@economic/taco 2.25.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table3/util/editing.js.map

@@ -1 +1 @@
-{"version":3,"file":"editing.js","sources":["../../../../../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import { isDate } from 'date-fns';\nimport { isWeakEqual as isWeakEqualDate } from '../../../utils/date';\n\nexport const focussableNodeNames = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'DETAILS'];\nexport const focusableSelector = focussableNodeNames.join(', ');\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n};\n// Last focused cell state (not react state)\nexport class LastCellIndex {\n    _value: string | null | undefined = '0';\n    get value() {\n        return this._value;\n    }\n    set value(val: string | null | undefined) {\n        this._value = val;\n    }\n}\n\n// Returns index of a closest parent column\nexport function getColumnIndex(element: Element) {\n    if (element) {\n        return element.closest('[role=cell]')?.getAttribute('data-column-index');\n    }\n\n    return null;\n}\n"],"names":["focussableNodeNames","focusableSelector","join","hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","_resortedRows$index","LastCellIndex","constructor","_value","val","getColumnIndex","element","_element$closest","closest","getAttribute"],"mappings":";;;MAGaA,mBAAmB,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS;MAC9EC,iBAAiB,gBAAGD,mBAAmB,CAACE,IAAI,CAAC,IAAI;MAEjDC,UAAU,GAAGA,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAGA,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAO,EAAAC,mBAAA,GAAAN,YAAY,CAACJ,KAAK,CAAC,cAAAU,mBAAA,uBAAnBA,mBAAA,CAAqBZ,EAAE,MAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AAClD;AACA;MACaa,aAAa;EAA1BC;IACI,WAAM,GAA8B,GAAG;;EACvC,IAAI/B,KAAKA;IACL,OAAO,IAAI,CAACgC,MAAM;;EAEtB,IAAIhC,KAAKA,CAACiC,GAA8B;IACpC,IAAI,CAACD,MAAM,GAAGC,GAAG;;;AAIzB;SACgBC,cAAcA,CAACC,OAAgB;EAC3C,IAAIA,OAAO,EAAE;IAAA,IAAAC,gBAAA;IACT,QAAAA,gBAAA,GAAOD,OAAO,CAACE,OAAO,CAAC,aAAa,CAAC,cAAAD,gBAAA,uBAA9BA,gBAAA,CAAgCE,YAAY,CAAC,mBAAmB,CAAC;;EAG5E,OAAO,IAAI;AACf;;;;"}
+{"version":3,"file":"editing.js","sources":["../../../../../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import { Cell as ReactTableCell, Row as ReactTableRow, Table as ReactTable } from '@tanstack/react-table';\nimport { TableFilterValue } from '../../../primitives/Table/types';\nimport { columnFilterFn, globalFilterFn } from '../../../primitives/Table/useTableManager/util/filtering';\n\nexport function willRowMove<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    const { table } = cell.getContext();\n\n    if (willRowMoveAfterSearch<TType>(cell, change, table)) {\n        return 'search';\n    } else if (willRowMoveAfterFilter<TType>(cell, change)) {\n        return 'filter';\n    } else if (willRowMoveAfterSorting<TType>(cell, change, rowIndex)) {\n        return 'sorting';\n    }\n\n    return undefined;\n}\n\nfunction willRowMoveAfterSearch<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    table: ReactTable<TType>\n) {\n    const searchQuery = table.getState().globalFilter;\n\n    if (!table.options.enableGlobalFilter || !searchQuery) {\n        return false;\n    }\n\n    const rowWithChange = { ...cell.row, original: { ...cell.row.original, [cell.column.id]: change } };\n    return !globalFilterFn(rowWithChange, cell.column.id, searchQuery);\n}\n\nfunction willRowMoveAfterFilter<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown) {\n    if (!cell.column.getIsFiltered()) {\n        return false;\n    }\n\n    return !columnFilterFn(change, cell.column.getFilterValue() as TableFilterValue);\n}\n\nfunction willRowMoveAfterSorting<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    if (!cell.column.getIsSorted()) {\n        return false;\n    }\n\n    const { table } = cell.getContext();\n    const rows = table.getRowModel().rows;\n\n    const miniSortRows: ReactTableRow<TType>[] = [\n        {\n            ...cell.row,\n            original: {\n                ...cell.row.original,\n                [cell.column.id]: change,\n            },\n            getValue: () => change as any,\n        },\n    ];\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (cell.column.getIsSorted() === 'desc') {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n}\n"],"names":["willRowMove","cell","change","rowIndex","table","getContext","willRowMoveAfterSearch","willRowMoveAfterFilter","willRowMoveAfterSorting","undefined","searchQuery","getState","globalFilter","options","enableGlobalFilter","rowWithChange","row","original","column","id","globalFilterFn","getIsFiltered","columnFilterFn","getFilterValue","getIsSorted","rows","getRowModel","miniSortRows","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","_resortedRows$index"],"mappings":"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"}

package/dist/esm/packages/taco/src/index.js

@@ -51,6 +51,7 @@ export { Progress } from './components/Progress/Progress.js';
 export { ToastProvider, useToast } from './components/Toast/Toaster.js';
 export { Provider, TacoContext } from './components/Provider/Provider.js';
 export { FontSizes, fixedForwardRef } from './types.js';
+export { TableFilterComparator, TableServerLoadAllState } from './primitives/Table/types.js';
 export { DEFAULT_PAGE_SIZE, useTableDataLoader } from './primitives/Table/useTableDataLoader.js';
 export { useLazyEffect } from './hooks/useLazyEffect.js';
 export { SearchInput } from './components/SearchInput/SearchInput.js';
@@ -69,7 +70,6 @@ export { WindowedTable } from './components/Table/components/WindowedTable.js';
 export { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath, setByRowIndexPath } from './components/Table/util/rowIndexPath.js';
 export { insertChildTableRow, removeChildTableRow, useTableRowCreation } from './components/Table/hooks/useRowCreation.js';
 export { Textarea } from './components/Textarea/Textarea.js';
-export { useTable3DataLoader } from './components/Table3/hooks/useTableDataLoader.js';
 export { Table3 } from './components/Table3/Table3.js';
 export { Tabs } from './components/Tabs/Tabs.js';
 export { Tour, TourStep } from './components/Tour/Tour.js';

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { DndContext, closestCenter } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
 
 function getContainerById(children, id) {
   var _lists$find;
@@ -49,6 +50,7 @@ function Container(externalProps) {
   return /*#__PURE__*/React__default.createElement(DndContext, Object.assign({
     collisionDetection: closestCenter
   }, externalProps, {
+    modifiers: [restrictToVerticalAxis],
     onDragOver: handleDragOver,
     onDragEnd: handleDragEnd
   }), children);

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext collisionDetection={closestCenter} {...externalProps} onDragOver={handleDragOver} onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","onDragOver","onDragEnd"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/Table.js

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { FocusScope } from '@react-aria/focus';
+import { Header } from './components/Header/Header.js';
+import { Body } from './components/Body/Body.js';
+import { Footer } from './components/Footer/Footer.js';
+import { EmptyStateBody } from './components/Body/EmptyStateBody.js';
+import { TableToolbar } from './components/Toolbar/Toolbar.js';
+
+function Table(props) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
+}
+Table.Toolbar = TableToolbar;
+Table.Grid = TableGrid;
+function TableGrid(props) {
+  var _table$state$grouping, _table$renderer$rows;
+  const {
+    enableHorizontalArrowKeyNavigation,
+    table,
+    ...attributes
+  } = props;
+  const handleFocus = table.meta.rowActive.rowActiveIndex === undefined ? event => {
+    table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
+  } : undefined;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.stylesheet, /*#__PURE__*/React__default.createElement(FocusScope, null, /*#__PURE__*/React__default.createElement("table", Object.assign({}, attributes, {
+    id: table.id,
+    "data-table-font-size": table.meta.fontSize.size,
+    "data-table-horizontally-scrolled": table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined,
+    "data-table-pause-hover": table.meta.rowActive.isHoverStatePaused ? true : undefined,
+    "data-table-resizing": table.state.columnSizingInfo.isResizingColumn ? true : undefined,
+    "data-table-row-height": table.meta.rowHeight.height,
+    "data-table-grouped": !!((_table$state$grouping = table.state.grouping) !== null && _table$state$grouping !== void 0 && _table$state$grouping.length),
+    onFocus: handleFocus,
+    onScroll: table.meta.columnFreezing.handleScroll,
+    ref: table.ref,
+    tabIndex: -1
+  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(headerGroup => ( /*#__PURE__*/React__default.createElement("tr", {
+    key: headerGroup.id
+  }, headerGroup.headers.map(props => ( /*#__PURE__*/React__default.createElement(Header, {
+    key: props.id,
+    header: props,
+    scrollToIndex: table.renderer.scrollToIndex
+  }))))))), (_table$renderer$rows = table.renderer.rows) !== null && _table$renderer$rows !== void 0 && _table$renderer$rows.length ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
+    enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
+    table: table.instance,
+    style: table.renderer.style
+  }, table.renderer.rows), table.meta.footer.isEnabled ? ( /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, table.instance.getFooterGroups()[0].headers.map(Footer)))) : null)) : ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
+    emptyState: table.props.emptyState
+  })))));
+}
+
+export { Table, TableGrid };
+//# sourceMappingURL=Table.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Footer } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTable } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    table: ReturnType<typeof useTable>;\n};\n\nexport function TableGrid(props: TableGridProps) {\n    const { enableHorizontalArrowKeyNavigation, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n\n    return (\n        <>\n            {table.stylesheet}\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {table.renderer.rows?.length ? (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                style={table.renderer.style}>\n                                {table.renderer.rows}\n                            </Body>\n                            {table.meta.footer.isEnabled ? (\n                                <tfoot>\n                                    <tr>{table.instance.getFooterGroups()[0].headers.map(Footer)}</tr>\n                                </tfoot>\n                            ) : null}\n                        </>\n                    ) : (\n                        <EmptyStateBody emptyState={table.props.emptyState} />\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","enableHorizontalArrowKeyNavigation","table","attributes","handleFocus","meta","rowActive","rowActiveIndex","undefined","event","length","renderer","scrollToIndex","stylesheet","FocusScope","id","fontSize","size","columnFreezing","isHorizontallyScrolled","isHoverStatePaused","state","columnSizingInfo","isResizingColumn","rowHeight","height","_table$state$grouping","grouping","onFocus","onScroll","handleScroll","ref","tabIndex","instance","getHeaderGroups","map","headerGroup","key","headers","Header","header","_table$renderer$rows","rows","Body","style","footer","isEnabled","getFooterGroups","Footer","EmptyStateBody","emptyState"],"mappings":";;;;;;;;SAcgBA,KAAKA,CAACC,KAAiB;EACnC,oBAAOC,4DAAGD,KAAK,CAACE,QAAQ,CAAI;AAChC;AACAH,KAAK,CAACI,OAAO,GAAGC,YAAY;AAC5BL,KAAK,CAACM,IAAI,GAAGC,SAAS;SAQNA,SAASA,CAACN,KAAqB;;EAC3C,MAAM;IAAEO,kCAAkC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGT,KAAK;EAC1E,MAAMU,WAAW,GACbF,KAAK,CAACG,IAAI,CAACC,SAAS,CAACC,cAAc,KAAKC,SAAS,GAC1CC,KAAuB;IACpBP,KAAK,CAACG,IAAI,CAACC,SAAS,CAACF,WAAW,CAACK,KAAK,EAAEP,KAAK,CAACG,IAAI,CAACK,MAAM,EAAER,KAAK,CAACS,QAAQ,CAACC,aAAa,CAAC;GAC3F,GACDJ,SAAS;EAEnB,oBACIb,4DACKO,KAAK,CAACW,UAAU,eACjBlB,6BAACmB,UAAU,qBACPnB,wDACQQ,UAAU;IACdY,EAAE,EAAEb,KAAK,CAACa,EAAE;4BACUb,KAAK,CAACG,IAAI,CAACW,QAAQ,CAACC,IAAI;wCACZf,KAAK,CAACG,IAAI,CAACa,cAAc,CAACC,sBAAsB,GAAG,IAAI,GAAGX,SAAS;8BAC7EN,KAAK,CAACG,IAAI,CAACC,SAAS,CAACc,kBAAkB,GAAG,IAAI,GAAGZ,SAAS;2BAC7DN,KAAK,CAACmB,KAAK,CAACC,gBAAgB,CAACC,gBAAgB,GAAG,IAAI,GAAGf,SAAS;6BAC9DN,KAAK,CAACG,IAAI,CAACmB,SAAS,CAACC,MAAM;0BAC9B,CAAC,GAAAC,qBAAA,GAACxB,KAAK,CAACmB,KAAK,CAACM,QAAQ,cAAAD,qBAAA,eAApBA,qBAAA,CAAsBhB,MAAM;IAClDkB,OAAO,EAAExB,WAAW;IACpByB,QAAQ,EAAE3B,KAAK,CAACG,IAAI,CAACa,cAAc,CAACY,YAAY;IAChDC,GAAG,EAAE7B,KAAK,CAAC6B,GAAG;IACdC,QAAQ,EAAE,CAAC;mBACXrC,4CACKO,KAAK,CAAC+B,QAAQ,CAACC,eAAe,EAAE,CAACC,GAAG,CAACC,WAAW,mBAC7CzC;IAAI0C,GAAG,EAAED,WAAW,CAACrB;KAChBqB,WAAW,CAACE,OAAO,CAACH,GAAG,CAACzC,KAAK,mBAC1BC,6BAAC4C,MAAM;IAACF,GAAG,EAAE3C,KAAK,CAACqB,EAAE;IAAEyB,MAAM,EAAE9C,KAAK;IAAEkB,aAAa,EAAEV,KAAK,CAACS,QAAQ,CAACC;IAAiB,CACxF,CAAC,CACD,CACR,CAAC,CACE,EACP,CAAA6B,oBAAA,GAAAvC,KAAK,CAACS,QAAQ,CAAC+B,IAAI,cAAAD,oBAAA,eAAnBA,oBAAA,CAAqB/B,MAAM,kBACxBf,yEACIA,6BAACgD,IAAI;IACD1C,kCAAkC,EAAEA,kCAAkC;IACtEC,KAAK,EAAEA,KAAK,CAAC+B,QAAQ;IACrBW,KAAK,EAAE1C,KAAK,CAACS,QAAQ,CAACiC;KACrB1C,KAAK,CAACS,QAAQ,CAAC+B,IAAI,CACjB,EACNxC,KAAK,CAACG,IAAI,CAACwC,MAAM,CAACC,SAAS,kBACxBnD,yDACIA,yCAAKO,KAAK,CAAC+B,QAAQ,CAACc,eAAe,EAAE,CAAC,CAAC,CAAC,CAACT,OAAO,CAACH,GAAG,CAACa,MAAM,CAAC,CAAM,CAC9D,IACR,IAAI,CACT,mBAEHrD,6BAACsD,cAAc;IAACC,UAAU,EAAEhD,KAAK,CAACR,KAAK,CAACwD;IAAc,CACzD,CACG,CACC,CACd;AAEX;;;;"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Body/Body.js

@@ -1,17 +1,16 @@
 import React__default from 'react';
+import { hasFocusableElement } from '../../../../../utils/dom.js';
 import { useAugmentedFocusManager } from './util.js';
 
 function Body(props) {
   const {
-    enableArrowKeyFocusing = false,
+    enableHorizontalArrowKeyNavigation = false,
     table,
     ...attributes
   } = props;
   const ref = React__default.useRef(null);
   const focusManager = useAugmentedFocusManager();
   const tableMeta = table.options.meta;
-  // some rows won't have anything focusable in, and we don't want tab to move between rows in that case
-  const focusableElementsInRowCountRef = React__default.useRef(0);
   const handleKeyDown = event => {
     if (event.isDefaultPrevented() || event.isPropagationStopped()) {
       return;
@@ -19,41 +18,52 @@ function Body(props) {
     if (tableMeta.rowActive.rowActiveIndex !== undefined) {
       const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
       const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
-      if (event.key === 'Tab' || enableArrowKeyFocusing && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
+      if (event.key === 'Tab' || enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
+        if (event.key === 'Tab' && !hasFocusableElement(event.target.closest('tr'))) {
+          return;
+        }
         tableMeta.rowActive.setHoverStatePaused(true);
         const focusedElement = event.shiftKey || event.key === 'ArrowLeft' ? focusManager.focusPrevious() : focusManager.focusNext();
         if (focusedElement) {
           // override default behaviour, since we're handling focus internally now
           event.preventDefault();
-          focusableElementsInRowCountRef.current = focusableElementsInRowCountRef.current + 1;
           return;
         }
         if (event.shiftKey || event.key === 'ArrowLeft') {
-          if (!isFirstRow && focusableElementsInRowCountRef.current !== 0) {
+          if (!isFirstRow) {
             // there are no previous elements to focus, go up a row or go outside the table
             // but only if there are actually any focusable elements in the row
             event.preventDefault();
             tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex - 1);
-            focusableElementsInRowCountRef.current = 0;
             requestAnimationFrame(() => focusManager.focusLast());
           }
         } else {
-          if (!isLastRow && focusableElementsInRowCountRef.current !== 0) {
+          if (!isLastRow) {
             // there are no next elements to focus, go down a row or go outside the table
             // but only if there are actually any focusable elements in the row
             event.preventDefault();
             tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex + 1);
-            focusableElementsInRowCountRef.current = 0;
             requestAnimationFrame(() => focusManager.focusFirst());
           }
         }
       }
     }
   };
-  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({
-    "data-taco": "report-body"
-  }, attributes, {
+  const handleMouseMove = React__default.useCallback(event => {
+    var _event$target, _event$target$closest;
+    const index = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$closest = _event$target.closest('tr')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.getAttribute('data-row-index');
+    if (index) {
+      tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));
+    }
+  }, []);
+  // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table
+  // this is a browser level bug and there's not much to be done about it
+  const handleMouseLeave = React__default.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);
+  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
+    "data-taco": "table-body",
     onKeyDown: handleKeyDown,
+    onMouseLeave: handleMouseLeave,
+    onMouseMove: handleMouseMove,
     ref: ref
   }));
 }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    table: ReactTable<TType>;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, table, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const focusedElement =\n                    event.shiftKey || event.key === 'ArrowLeft' ? focusManager.focusPrevious() : focusManager.focusNext();\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex - 1);\n                        requestAnimationFrame(() => focusManager.focusLast());\n                    }\n                } else {\n                    if (!isLastRow) {\n                        // there are no next elements to focus, go down a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex + 1);\n                        requestAnimationFrame(() => focusManager.focusFirst());\n                    }\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback((event: React.MouseEvent<HTMLTableSectionElement>) => {\n        const index = (event.target as HTMLElement)?.closest('tr')?.getAttribute('data-row-index');\n\n        if (index) {\n            tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));\n        }\n    }, []);\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            // changing this property? the Menu component Trigger relies on's value\n            data-taco=\"table-body\"\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            ref={ref}\n        />\n    );\n}\n"],"names":["Body","props","enableHorizontalArrowKeyNavigation","table","attributes","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","length","key","hasFocusableElement","target","closest","setHoverStatePaused","focusedElement","shiftKey","focusPrevious","focusNext","preventDefault","setRowActiveIndex","requestAnimationFrame","focusLast","focusFirst","handleMouseMove","useCallback","index","_event$target","_event$target$closest","getAttribute","setRowHoverIndex","Number","parseInt","handleMouseLeave","onKeyDown","onMouseLeave","onMouseMove"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/EmptyStateBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateRenderer } from '../../../types';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder = null, ...attributes } = props;\n\n    return (\n        <tbody {...attributes} className=\"!auto-rows-fr\">\n            <tr className=\"!auto-rows-fr\">\n                <td className=\"col-span-full !border-0 !p-0 hover:!bg-white\">{Placeholder ? <Placeholder /> : null}</td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["EmptyStateBody","props","emptyState","Placeholder","attributes","React","className"],"mappings":";;SAOgBA,cAAcA,CAACC,KAAsB;EACjD,MAAM;IAAEC,UAAU,EAAEC,WAAW,GAAG,IAAI;IAAE,GAAGC;GAAY,GAAGH,KAAK;EAE/D,oBACII,wDAAWD,UAAU;IAAEE,SAAS,EAAC;mBAC7BD;IAAIC,SAAS,EAAC;kBACVD;IAAIC,SAAS,EAAC;KAAgDH,WAAW,gBAAGE,6BAACF,WAAW,OAAG,GAAG,IAAI,CAAM,CACvG,CACD;AAEhB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\n\nconst FOCUS_MANAGER_OPTIONS = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = () => focusManager.focusPrevious(FOCUS_MANAGER_OPTIONS);\n    const focusNext = () => focusManager.focusNext(FOCUS_MANAGER_OPTIONS);\n    const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);\n    const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["FOCUS_MANAGER_OPTIONS","accept","element","closest","tabbable","useAugmentedFocusManager","focusManager","useFocusManager","focusPrevious","focusNext","focusFirst","focusLast"],"mappings":";;AAEA,MAAMA,qBAAqB,GAAG;EAC1BC,MAAM,EAAGC,OAAgB,IAAK,CAAC,CAACA,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC;EAC7EC,QAAQ,EAAE;CACb;SAEeC,wBAAwBA;EACpC,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,MAAMC,aAAa,GAAGA,MAAMF,YAAY,CAACE,aAAa,CAACR,qBAAqB,CAAC;EAC7E,MAAMS,SAAS,GAAGA,MAAMH,YAAY,CAACG,SAAS,CAACT,qBAAqB,CAAC;EACrE,MAAMU,UAAU,GAAGA,MAAMJ,YAAY,CAACI,UAAU,CAACV,qBAAqB,CAAC;EACvE,MAAMW,SAAS,GAAGA,MAAML,YAAY,CAACK,SAAS,CAACX,qBAAqB,CAAC;EAErE,OAAO;IACHQ,aAAa;IACbC,SAAS;IACTC,UAAU;IACVC;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/{components/Report/components/Cell → primitives/Table/Core/components/Columns/Cell/BuiltIns}/DisplayCell.js

@@ -1,18 +1,20 @@
 import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
-import { getCellAttributes } from './util.js';
+import { getCellAttributes } from '../util.js';
 
 const DisplayCell = /*#__PURE__*/React__default.memo(function DisplayCell(props) {
   const {
     cell,
     cellRef,
-    isHighlighted
+    index,
+    isHighlighted,
+    ...cellAttributes
   } = props;
   const columnMeta = cell.column.columnDef.meta;
-  const attributes = getCellAttributes(cell, isHighlighted);
+  const attributes = getCellAttributes(cell, index, isHighlighted);
   const isTruncated = !!columnMeta.enableTruncate;
   const content = flexRender(cell.column.columnDef.cell, cell.getContext());
-  return /*#__PURE__*/React__default.createElement("td", Object.assign({}, attributes, {
+  return /*#__PURE__*/React__default.createElement("td", Object.assign({}, cellAttributes, attributes, {
     ref: cellRef
   }), isTruncated ? /*#__PURE__*/React__default.createElement("span", {
     className: "truncate print:overflow-visible print:whitespace-normal"

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport const DisplayCell = React.memo(function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n    const content = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n    return (\n        <td {...cellAttributes} {...attributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{content}</span> : content}\n        </td>\n    );\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;\n"],"names":["DisplayCell","React","memo","props","cell","cellRef","index","isHighlighted","cellAttributes","columnMeta","column","columnDef","meta","attributes","getCellAttributes","isTruncated","enableTruncate","content","flexRender","getContext","ref","className"],"mappings":";;;;MAKaA,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,WAAWA,CAAkBG,KAAoC;EAC5G,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC,aAAa;IAAE,GAAGC;GAAgB,GAAGL,KAAK;EACxE,MAAMM,UAAU,GAAGL,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAA4C;EACrF,MAAMC,UAAU,GAAGC,iBAAiB,CAACV,IAAI,EAAEE,KAAK,EAAEC,aAAa,CAAC;EAChE,MAAMQ,WAAW,GAAG,CAAC,CAACN,UAAU,CAACO,cAAc;EAC/C,MAAMC,OAAO,GAAGC,UAAU,CAACd,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACe,UAAU,EAAE,CAAC;EAEzE,oBACIlB,qDAAQO,cAAc,EAAMK,UAAU;IAAEO,GAAG,EAAEf;MACxCU,WAAW,gBAAGd;IAAMoB,SAAS,EAAC;KAA2DJ,OAAO,CAAQ,GAAGA,OAAO,CAClH;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/{components/Report/components/Cell → primitives/Table/Core/components/Columns/Cell/BuiltIns}/GroupedCell.js

@@ -1,18 +1,19 @@
 import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
-import { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns.js';
-import { RowContext } from '../Row/RowContext.js';
-import { Actions } from '../Internal/Actions.js';
-import { getCellAttributes } from './util.js';
+import { isInternalColumn } from '../../../../../useTableManager/util/columns.js';
+import { RowContext } from '../../../Row/RowContext.js';
+import { Actions } from '../../Internal/Actions.js';
+import { getCellAttributes } from '../util.js';
 
 function GroupedCell(props) {
   const {
     cell,
     cellRef,
+    index,
     isHighlighted
   } = props;
   const tableMeta = cell.getContext().table.options.meta;
-  const attributes = getCellAttributes(cell, isHighlighted);
+  const attributes = getCellAttributes(cell, index, isHighlighted);
   const {
     isHovered,
     rowIndex
@@ -50,7 +51,8 @@ const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupe
     actionsLength: 4,
     data: subRows,
     fontSize: fontSize,
-    isActiveRow: true
+    isActiveRow: true,
+    rowId: cell.row.id
   })) : null);
 });
 

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, flexRender } 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 { TableFontSize, 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 tableMeta = cell.getContext().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    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            cell={cell}\n            cellRef={cellRef}\n            canShowActions={canShowActions}\n            fontSize={tableMeta.fontSize.size}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n        />\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    canShowActions: boolean;\n    fontSize: TableFontSize;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cell, cellRef, fontSize, rowActions, ...attributes } = props;\n\n    const colSpan = cell.row.getVisibleCells().filter(c => !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    return (\n        <td {...attributes} ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{flexRender(cell.column.columnDef.cell, cell.getContext())}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions\n                    actions={rowActions}\n                    actionsLength={4}\n                    data={subRows}\n                    fontSize={fontSize}\n                    isActiveRow\n                    rowId={cell.row.id}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["GroupedCell","props","cell","cellRef","index","isHighlighted","tableMeta","getContext","table","options","meta","attributes","getCellAttributes","isHovered","rowIndex","React","useContext","RowContext","isActiveRow","rowActive","rowActiveIndex","canShowActions","isHoverStatePaused","MemoedGroupedCell","fontSize","size","rowActions","rowGroups","rowActionsForGroup","memo","colSpan","row","getVisibleCells","filter","c","isInternalColumn","column","id","length","subRows","map","original","ref","style","gridColumn","className","flexRender","columnDef","RowGroupActions","actions","actionsLength","data","rowId"],"mappings":";;;;;;;SASgBA,WAAWA,CAAkBC,KAAoC;EAC7E,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;GAAe,GAAGJ,KAAK;EACrD,MAAMK,SAAS,GAAGJ,IAAI,CAACK,UAAU,EAAE,CAACC,KAAK,CAACC,OAAO,CAACC,IAA6B;EAC/E,MAAMC,UAAU,GAAGC,iBAAiB,CAACV,IAAI,EAAEE,KAAK,EAAEC,aAAa,CAAC;EAEhE,MAAM;IAAEQ,SAAS;IAAEC;GAAU,GAAGC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;EAC5D,MAAMC,WAAW,GAAGZ,SAAS,CAACa,SAAS,CAACC,cAAc,KAAKN,QAAQ;EACnE,MAAMO,cAAc,GAAGH,WAAW,IAAKL,SAAS,IAAI,CAACP,SAAS,CAACa,SAAS,CAACG,kBAAmB;EAE5F,oBACIP,6BAACQ,iBAAiB,oBACVZ,UAAU;IACdT,IAAI,EAAEA,IAAI;IACVC,OAAO,EAAEA,OAAO;IAChBkB,cAAc,EAAEA,cAAc;IAC9BG,QAAQ,EAAElB,SAAS,CAACkB,QAAQ,CAACC,IAAI;IACjCC,UAAU,EAAEpB,SAAS,CAACqB,SAAS,CAACC;KAClC;AAEV;AAUA,MAAML,iBAAiB,gBAAGR,cAAK,CAACc,IAAI,CAAC,SAASN,iBAAiBA,CAAkBtB,KAAoC;EACjH,MAAM;IAAEoB,cAAc;IAAEnB,IAAI;IAAEC,OAAO;IAAEqB,QAAQ;IAAEE,UAAU;IAAE,GAAGf;GAAY,GAAGV,KAAK;EAEpF,MAAM6B,OAAO,GAAG5B,IAAI,CAAC6B,GAAG,CAACC,eAAe,EAAE,CAACC,MAAM,CAACC,CAAC,IAAI,CAACC,gBAAgB,CAACD,CAAC,CAACE,MAAM,CAACC,EAAE,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EACjG,MAAMC,OAAO,GAAGrC,IAAI,CAACK,UAAU,EAAE,CAACwB,GAAG,CAACQ,OAAO,CAACC,GAAG,CAACT,GAAG,IAAIA,GAAG,CAACU,QAAQ,CAAC;EAEtE,oBACI1B,qDAAQJ,UAAU;IAAE+B,GAAG,EAAEvC,OAAO;IAAEwC,KAAK,EAAE;MAAEC,UAAU,UAAUd,kBAAkBA;;mBAC7Ef;IAAM8B,SAAS,EAAC;KAAQC,UAAU,CAAC5C,IAAI,CAACkC,MAAM,CAACW,SAAS,CAAC7C,IAAI,EAAEA,IAAI,CAACK,UAAU,EAAE,CAAC,CAAQ,EACxFmB,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEY,MAAM,IAAIjB,cAAc,kBACjCN,6BAACiC,OAAe;IACZC,OAAO,EAAEvB,UAAU;IACnBwB,aAAa,EAAE,CAAC;IAChBC,IAAI,EAAEZ,OAAO;IACbf,QAAQ,EAAEA,QAAQ;IAClBN,WAAW;IACXkC,KAAK,EAAElD,IAAI,CAAC6B,GAAG,CAACM;IAClB,IACF,IAAI,CACP;AAEb,CAAC,CAA2E;;;;"}

package/dist/esm/packages/taco/src/{components/Report/components → primitives/Table/Core/components/Columns}/Cell/Cell.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns.js';
+import { isInternalColumn } from '../../../../useTableManager/util/columns.js';
 import { useSearchHighlighting } from './util.js';
-import { GroupedCell } from './GroupedCell.js';
-import { DisplayCell } from './DisplayCell.js';
+import { GroupedCell } from './BuiltIns/GroupedCell.js';
 
 function Cell(props) {
   const {
     cell,
-    index
+    index,
+    renderer: CellRenderer
   } = props;
   const cellRef = React__default.useRef(null);
   const isHighlighted = useSearchHighlighting(cell, index, cellRef);
@@ -20,12 +20,13 @@ function Cell(props) {
   const cellProps = {
     cell,
     cellRef,
+    index,
     isHighlighted
   };
   if (cell.getIsGrouped()) {
     return /*#__PURE__*/React__default.createElement(GroupedCell, Object.assign({}, cellProps));
   }
-  return /*#__PURE__*/React__default.createElement(DisplayCell, Object.assign({}, cellProps));
+  return /*#__PURE__*/React__default.createElement(CellRenderer, Object.assign({}, cellProps));
 }
 
 export { Cell };

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/Cell.js.map

@@ -0,0 +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":["Cell","props","cell","index","renderer","CellRenderer","cellRef","React","useRef","isHighlighted","useSearchHighlighting","getIsAggregated","getIsPlaceholder","isInternalColumn","column","id","cellProps","getIsGrouped","GroupedCell"],"mappings":";;;;;SAagBA,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ,EAAEC;GAAc,GAAGJ,KAAK;EACrD,MAAMK,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC;EACxD,MAAMC,aAAa,GAAGC,qBAAqB,CAACR,IAAI,EAAEC,KAAK,EAAEG,OAAO,CAAC;EAEjE,IAAI,CAACJ,IAAI,CAACS,eAAe,EAAE,IAAIT,IAAI,CAACU,gBAAgB,EAAE,KAAK,CAACC,gBAAgB,CAACX,IAAI,CAACY,MAAM,CAACC,EAAE,CAAC,EAAE;;;;IAI1F,OAAO,IAAI;;EAGf,MAAMC,SAAS,GAAkC;IAC7Cd,IAAI;IACJI,OAAO;IACPH,KAAK;IACLM;GACH;EAED,IAAIP,IAAI,CAACe,YAAY,EAAE,EAAE;IACrB,oBAAOV,6BAACW,WAAW,oBAAYF,SAAS,EAAI;;EAGhD,oBAAOT,6BAACF,YAAY,oBAAYW,SAAS,EAAI;AACjD;;;;"}

package/dist/esm/packages/taco/src/{components/Report/components → primitives/Table/Core/components/Columns}/Cell/util.js

@@ -1,14 +1,15 @@
 import React__default from 'react';
-import { isInternalColumn, isCellHighlighted } from '../../../../primitives/Table/useTableManager/util/columns.js';
-import { RowContext } from '../Row/RowContext.js';
+import { isInternalColumn, isCellHighlighted } from '../../../../useTableManager/util/columns.js';
+import { RowContext } from '../../Row/RowContext.js';
 
-function getCellAttributes(cell, isHighlighted) {
+function getCellAttributes(cell, index, isHighlighted) {
   const columnMeta = cell.column.columnDef.meta;
   const isPinned = cell.column.getIsPinned();
   const attributes = {
     'data-cell-align': columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.align,
     'data-cell-highlighted': isHighlighted,
     'data-cell-id': cell.column.id,
+    'data-cell-index': index,
     'data-cell-pinned': isPinned ? true : undefined,
     'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,
     className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,
@@ -51,7 +52,7 @@ function useSearchHighlighting(cell, cellIndex, ref) {
       });
       setTimeout(() => {
         if (ref.current) {
-          const tableEl = ref.current.closest('table[data-taco="report"]');
+          const tableEl = ref.current.closest('table[data-taco^="table"]');
           setTimeout(() => {
             const pinnedColumns = tableEl === null || tableEl === void 0 ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
             if (pinnedColumns !== null && pinnedColumns !== void 0 && pinnedColumns.length) {

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/util.js.map

@@ -0,0 +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';\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\n    const isPinned = cell.column.getIsPinned();\n    const attributes = {\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        style: {},\n    };\n\n    if (isPinned) {\n        attributes.style[isPinned] = `${cell.column.getStart(isPinned)}px`;\n    }\n\n    return attributes;\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\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(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType);\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":["getCellAttributes","cell","index","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","attributes","align","id","undefined","enableTruncate","className","row","original","style","getStart","useSearchHighlighting","cellIndex","ref","rowIndex","React","useContext","RowContext","context","getContext","tableMeta","table","options","useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","rowActiveIndex","currentColumnIndex","highlightedColumnIndexes","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","right","scrollTo","scrollTop"],"mappings":"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"}

package/dist/esm/packages/taco/src/{components/Report/components → primitives/Table/Core/components/Columns}/Internal/Actions.js

@@ -1,27 +1,25 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { IconButton } from '../../../IconButton/IconButton.js';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Shortcut } from '../../../Shortcut/Shortcut.js';
-import { Menu } from '../../../Menu/Menu.js';
-import { FontSizes } from '../../../../types.js';
-import { RowContext } from '../Row/RowContext.js';
+import { IconButton } from '../../../../../../components/IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
+import { Shortcut } from '../../../../../../components/Shortcut/Shortcut.js';
+import { Menu } from '../../../../../../components/Menu/Menu.js';
+import { FontSizes } from '../../../../../../types.js';
+import { RowContext } from '../../Row/RowContext.js';
 
-function Header() {
-  return null;
-}
 function Actions(props) {
   const {
     actions,
     actionsLength,
     data,
     fontSize,
-    isActiveRow
+    isActiveRow,
+    rowId
   } = props;
   const {
     texts
   } = useLocalization();
-  const visibleActions = actions.map(action => action(data)).filter(action => !!action);
+  const visibleActions = actions.map(action => action(data, rowId)).filter(action => !!action);
   const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
   const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
   const className = cn('-mb-2 flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden', {
@@ -45,7 +43,7 @@ function Actions(props) {
     });
   }), actionsInMenu.length ? ( /*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "transparent",
-    "aria-label": texts.table3.columns.actions.tooltip,
+    "aria-label": texts.table.columns.actions.tooltip,
     icon: "more",
     tabIndex: isActiveRow ? 0 : -1,
     menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, actionsInMenu.map((action, i) => ( /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
@@ -55,12 +53,16 @@ function Actions(props) {
     }), action.props['aria-label']))))))
   })) : null);
 }
+function Header() {
+  return null;
+}
 const Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
   const {
     row,
     table
   } = context;
   const {
+    isHovered,
     rowIndex
   } = React__default.useContext(RowContext);
   const tableMeta = table.options.meta;
@@ -69,9 +71,6 @@ const Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
   const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
   const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
-  const {
-    isHovered
-  } = React__default.useContext(RowContext);
   // We don't want to show actions in edit mode, since we have editing actions,
   // which is shown in edit mode instead.
   if (actions !== null && actions !== void 0 && actions.length && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
@@ -80,11 +79,23 @@ const Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
       actionsLength: actionsLength,
       data: row.original,
       fontSize: tableMeta.fontSize.size,
-      isActiveRow: isActiveRow
+      isActiveRow: isActiveRow,
+      rowId: row.id
     });
   }
   return null;
 });
+const renderer = {
+  header: Header,
+  renderer: Cell,
+  meta: {
+    align: 'right',
+    className: /*#__PURE__*/cn('print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active="true"]]/row:sticky [table[data-table-pause-hover="false"]_&]:group-hover/row:sticky right-0', 'group-[[data-row-active="true"][data-selected="false"]]/row:text-grey-200', 'group-[[data-row-selected="true"]]/row:text-blue-100', 'group-[[data-row-selected="false"]:hover]/row:text-grey-100'),
+    // TODO: remove when table3 is migrated, this satisfies the legacy table3 type
+    enableSearch: false,
+    header: ''
+  }
+};
 
-export { Actions, Cell, Header };
+export { Actions, renderer };
 //# sourceMappingURL=Actions.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { TableFontSize, TableRowActionRenderer } from '../../../../types';\nimport { FontSizes } from '../../../../../../types';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    fontSize: TableFontSize;\n    isActiveRow: boolean;\n    rowId: string;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, fontSize, isActiveRow, rowId } = props;\n    const { texts } = useLocalization();\n    const visibleActions = actions.map(action => action(data, rowId)).filter(action => !!action) as JSX.Element[];\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    const className = cn(\n        '-mb-2 flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden',\n        {\n            // Adjust negative margin on row actions cell to ensure that the cell aligns vertically.\n            '-mt-2': fontSize === FontSizes.small,\n            '-mt-1.5': fontSize !== FontSizes.small,\n        }\n    );\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                <IconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.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 { 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\n    // We don't want to show actions in edit mode, since we have editing actions,\n    // which is shown in edit mode instead.\n    if (actions?.length && (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))) {\n        return (\n            <Actions\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                fontSize={tableMeta.fontSize.size}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\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 [table[data-table-pause-hover=\"false\"]_&]:group-hover/row:sticky right-0',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-grey-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-grey-100'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["Actions","props","actions","actionsLength","data","fontSize","isActiveRow","rowId","texts","useLocalization","visibleActions","map","action","filter","actionsOnRow","length","slice","actionsInMenu","className","cn","FontSizes","small","React","button","index","tooltip","String","_ref","_button$props$tooltip","cloneElement","appearance","key","tabIndex","shortcut","Shortcut","keys","IconButton","table","columns","icon","menu","menuProps","Menu","Content","i","Item","Header","Cell","memo","MemoedCell","context","row","isHovered","rowIndex","useContext","RowContext","tableMeta","options","meta","rowActions","rowActionsLength","rowActive","rowActiveIndex","isResizingColumn","getState","columnSizingInfo","isHoverStatePaused","original","size","id","renderer","header","align","enableSearch"],"mappings":"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"}