@economic/taco 2.25.1 → 2.26.0

package/dist/{components → packages/taco/src/components}/Provider/Localization.d.ts

@@ -11,12 +11,13 @@ import { HeaderTexts } from '../Header/Header';
 import { HangerTexts } from '../Hanger/Hanger';
 import { SelectTexts } from '../Select/Select';
 import { TourTexts } from '../Tour/Tour';
-import { TableTexts } from '../Table/Table';
+import { LegacyTableTexts } from '../Table/Table';
 import { Table3Texts } from '../Table3/types';
 import { SearchInputTexts } from '../SearchInput/SearchInput';
 import { Select2Texts } from '../Select2/Select2';
 import { BannerTexts } from '../Banner/Banner';
 import { DrawerTexts } from '../Drawer/Drawer';
+import { TableTexts } from '../../primitives/Table/types';
 export declare type LocalizationTexts = {
     /** Localized texts and aria-labels for [Banner](component:banner) component */
     banner: BannerTexts;
@@ -37,6 +38,8 @@ export declare type LocalizationTexts = {
     /** Localized texts and aria-labels for [Pagination](component:pagination) component */
     pagination: PaginationTexts;
     /** Localized texts and aria-labels for [Table](component:table) component */
+    legacyTable: LegacyTableTexts;
+    /** Localized texts and aria-labels for [Table](primitive:table) component */
     table: TableTexts;
     /** Localized texts and aria-labels for [Table3](component:table3) component */
     table3: Table3Texts;
@@ -127,7 +130,7 @@ export declare const defaultLocalisationTexts: {
             pageX: string;
         };
     };
-    table: {
+    legacyTable: {
         actions: string;
         edit: string;
         copy: string;
@@ -135,7 +138,7 @@ export declare const defaultLocalisationTexts: {
         newSubRow: string;
         loading: string;
     };
-    table3: {
+    table: {
         columns: {
             actions: {
                 tooltip: string;
@@ -154,7 +157,6 @@ export declare const defaultLocalisationTexts: {
                 filter: string;
                 freezeFirstColumn: string;
                 freezeUptoColumn: string;
-                freezeColumns: (count?: number) => string;
                 gotoRow: string;
                 hideColumn: string;
                 unfreezeColumns: string;
@@ -181,36 +183,6 @@ export declare const defaultLocalisationTexts: {
             button: string;
             noResults: string;
         };
-        editing: {
-            actions: {
-                tooltip: string;
-                save: string;
-                clear: string;
-                exit: string;
-            };
-            buttons: {
-                edit: {
-                    tooltip: string;
-                };
-            };
-            rowIndicator: {
-                rowWillMove: string;
-                rowWillBeHidden: string;
-                rowWillMoveReasonSearch: string;
-                rowWillMoveReasonFilter: string;
-                rowWillMoveReasonSorting: string;
-            };
-            saving: {
-                progress: string;
-                complete: string;
-            };
-            clearChangesConfirmationDialog: {
-                title: string;
-                description: string;
-                cancel: string;
-                confirm: string;
-            };
-        };
         filters: {
             button: string;
             buttons: {
@@ -310,36 +282,56 @@ export declare const defaultLocalisationTexts: {
             excludeUnmatchedResults: string;
             placeholder: string;
         };
-        shortcuts: {
-            tooltip: string;
-            search: string;
-            filter: string;
-            previousRow: string;
-            nextRow: string;
-            editCell: string;
-            previousColumn: string;
-            nextColumn: string;
-            rowClick: string;
-            selectRow: string;
-            selectAllRows: string;
-            expandRow: string;
-            collapseRow: string;
-        };
         otherOptions: {
             tooltip: string;
         };
-        validation: {
-            index: string;
-            alert: {
-                unsavedEntries: (count?: number) => "unsaved entry:" | "unsaved entries:";
-                incompleteAndHavntBeenSaved: (count?: number) => "is incomplete and haven’t been saved." | "are incomplete and haven’t been saved.";
+    };
+    table3: {
+        editing: {
+            actions: {
+                tooltip: string;
+                save: string;
+                clear: string;
+                exit: string;
+            };
+            buttons: {
+                edit: {
+                    tooltip: string;
+                };
             };
-            resetFiltersDialog: {
+            clearChangesConfirmationDialog: {
                 title: string;
                 description: string;
                 cancel: string;
                 confirm: string;
             };
+            rowIndicator: {
+                rowWillMove: string;
+                rowWillBeHidden: string;
+                rowWillMoveReasonSearch: string;
+                rowWillMoveReasonFilter: string;
+                rowWillMoveReasonSorting: string;
+            };
+            saving: {
+                progress: string;
+                complete: string;
+            };
+            validation: {
+                alert: {
+                    titleOne: string;
+                    titlePlural: string;
+                    messageOne: string;
+                    messagePlural: string;
+                    messageRow: string;
+                    messageAnd: string;
+                };
+                resetFiltersDialog: {
+                    title: string;
+                    description: string;
+                    cancel: string;
+                    confirm: string;
+                };
+            };
         };
     };
     searchInput: {

package/dist/packages/taco/src/components/Report/Report.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { TableColumnProps, TableGroupProps, TableProps } from '../../primitives/Table/types';
+declare function Column<TType = unknown>(_: TableColumnProps<TType>): null;
+declare function Group(_: TableGroupProps): null;
+export declare const Report: (<TType = unknown>(props: (import("../../primitives/Table/types").TableClientProps<TType> & React.RefAttributes<TableRef>) | (import("../../primitives/Table/types").TableServerProps<TType> & React.RefAttributes<TableRef>)) => JSX.Element) & {
+    Column: typeof Column;
+    Group: typeof Group;
+};
+export {};

package/dist/packages/taco/src/components/Report/__stories__/util.d.ts

@@ -0,0 +1,19 @@
+export declare function createFakeData(length: number, options?: {
+    textMultiplier: number;
+}): {
+    year: any;
+    accountNumber: number;
+    name: any;
+    total: number;
+    random: any;
+    date: any;
+    barred: any;
+}[];
+export declare type Entry = {
+    year: number;
+    accountNumber: number;
+    name: string;
+    total: number;
+    date?: Date;
+    barred?: boolean;
+};

package/dist/packages/taco/src/components/Report/useReport.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { TableProps } from '../../primitives/Table/types';
+export declare function useReport<TType>(props: TableProps<TType>, ref: React.Ref<TableRef>): {
+    props: {
+        customSettings: import("../../primitives/Table/types").TableCustomSettingsRenderer | undefined;
+        emptyState: import("../../primitives/Table/types").TableEmptyStateRenderer | undefined;
+        toolbarLeft: JSX.Element | undefined;
+        toolbarPanel: JSX.Element | undefined;
+        toolbarRight: JSX.Element | undefined;
+    };
+    renderer: {
+        rows: JSX.Element[] | null;
+        style: React.CSSProperties;
+        scrollToIndex: (index: number, options?: import("@tanstack/virtual-core").ScrollToOptions) => void;
+    };
+    stylesheet: JSX.Element;
+    ref: React.RefObject<TableRef>;
+    id: string;
+    instance: import("@tanstack/table-core").Table<TType>;
+    meta: import("@tanstack/table-core").TableMeta<TType>;
+    state: import("@tanstack/table-core").TableState;
+};

package/dist/{components → packages/taco/src/components}/Select2/hooks/useChildren.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Select2OptionProps } from '../components/Option';
+import { Select2GroupProps } from '../Select2';
 import { Select2Children, Select2OptionValue, Select2Value } from '../types';
-export declare const isGroup: (child: React.ReactElement) => boolean;
+export declare const isGroup: (child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>) => child is React.ReactElement<Select2GroupProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
 export declare type useChildrenArgs = {
     children: Select2Children;
     emptyValue?: Select2OptionValue;

package/dist/{components → packages/taco/src/components}/Table/Table.d.ts

@@ -1,10 +1,10 @@
 export * from './components/Table';
 export * from './components/PaginatedTable';
 export * from './components/WindowedTable';
-export type { PaginationHandler, Row, RowIndexPath, RowClickHandler, RowDragHandler, RowCreateHandler, RowCopyHandler, RowDeleteHandler, RowActionHandler, SelectedRowsHandler, SelectedRowsState, SortDirection, SortHandler, SortRule, SortTypes, LegacyTableCell as TableCell, LegacyTableColumnProps as TableColumnProps, LegacyTableGroupProps as TableGroupProps, LegacyTableProps as TableProps, LegacyTableRow as TableRow, LegacyTableRef as TableRef, } from './types';
+export type { PaginationHandler, Row, RowIndexPath, RowClickHandler, RowDragHandler, RowCreateHandler, RowCopyHandler, RowDeleteHandler, RowActionHandler, SelectedRowsHandler, SelectedRowsState, SortDirection, SortHandler, SortRule, SortTypes, LegacyTableCell, LegacyTableColumnProps, LegacyTableGroupProps, LegacyTableProps, LegacyTableRow, LegacyTableRef, } from './types';
 export * from './util/rowIndexPath';
 export * from './hooks/useRowCreation';
-export declare type TableTexts = {
+export declare type LegacyTableTexts = {
     actions: string;
     edit: string;
     copy: string;

package/dist/packages/taco/src/components/Table3/Table3.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { TableColumnProps, TableGroupProps } from '../../primitives/Table/types';
+import { Table3Props } from './types';
+import './style.css';
+declare function Column<TType = unknown>(_: TableColumnProps<TType>): null;
+declare function Group(_: TableGroupProps): null;
+export declare const Table3: (<TType = unknown>(props: (import("../../primitives/Table/types").TableClientProps<TType> & {
+    enableEditing?: boolean | undefined;
+    onSave?: import("./types").TableEditingSaveHandler<TType> | undefined;
+    validator?: import("./types").TableEditingValidatorFn<TType> | undefined;
+} & React.RefAttributes<TableRef>) | (import("../../primitives/Table/types").TableServerProps<TType> & {
+    enableEditing?: boolean | undefined;
+    onSave?: import("./types").TableEditingSaveHandler<TType> | undefined;
+    validator?: import("./types").TableEditingValidatorFn<TType> | undefined;
+} & React.RefAttributes<TableRef>)) => JSX.Element) & {
+    Column: typeof Column;
+    Group: typeof Group;
+};
+export {};

package/dist/packages/taco/src/components/Table3/__stories__/util.d.ts

@@ -0,0 +1,35 @@
+export declare const vatCodes: string[];
+export declare type Entry = {
+    date: Date;
+    entryNumber: number;
+    text: string;
+    amount: number;
+    accountNumber: number;
+    vatCode?: string;
+    contraAccountNumber: number;
+    currency?: string;
+};
+export declare function createFakeEntryData(length: number, options?: {
+    textMultiplier: number;
+}): Entry[];
+export declare type Account = {
+    number: number;
+    name: string;
+    type: 'Heading' | 'Profit and loss' | 'Totalfrom';
+    vatCode: string;
+    totalFrom: number;
+    balance: number;
+};
+export declare const accountsData: Account[];
+export declare type InboxDocument = {
+    date: Date;
+    name: string;
+    sender: string;
+    note: string;
+    amount: number;
+    approved: number;
+    analysed: number;
+    read: boolean;
+    ready: boolean;
+};
+export declare function createFakeInboxData(length: number): InboxDocument[];

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/Cell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
+export declare function Cell<TType = unknown>(props: TableCellRendererProps<TType>): JSX.Element;

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+declare type TableRowMoveIndicatorProps<TType = unknown> = {
+    cell: ReactTableCell<TType, unknown>;
+    cellRef: React.RefObject<HTMLTableCellElement>;
+    isActiveRow: boolean;
+};
+export declare function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>): JSX.Element | null;
+export {};

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TableFontSize } from '../../../../../../primitives/Table/types';
+export declare const TextareaWithAutosizing: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    highlighted?: boolean | undefined;
+    invalid?: boolean | undefined;
+    value?: string | undefined;
+} & {
+    fontSize: TableFontSize;
+    isTruncated: boolean;
+} & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/EditingControlCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
+export declare function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>): JSX.Element;

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/EditingDisplayCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
+export declare const EditingDisplayCell: <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;

package/dist/packages/taco/src/components/Table3/components/Columns/Cell/util.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
+export declare function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>): (event: React.FocusEvent<HTMLTableCellElement>) => void;

package/dist/packages/taco/src/components/Table3/components/Columns/Internal/EditingActionsMenu.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type EditingActionMenuProps = {
+    hasChanges: boolean;
+    hasErrors: boolean;
+    onClear: () => void;
+    onExit: () => void;
+    onSave: () => Promise<void>;
+};
+export declare function EditingActionMenu(props: EditingActionMenuProps): JSX.Element;
+export {};

package/dist/packages/taco/src/components/Table3/components/Editing/Alert.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
+import { AlertProps as BaseAlertProps } from '../../../Alert/Alert';
+import { TableRef } from '../../../../primitives/Table/types';
+declare type AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {
+    scrollToIndex: (index: number, options: ReactVirtualScrollToOptions) => void;
+    table: ReactTable<TType>;
+    tableRef: React.RefObject<TableRef>;
+};
+export declare function Alert<TType = unknown>(props: AlertProps<TType>): JSX.Element;
+export {};

package/dist/packages/taco/src/components/Table3/components/Row/Editing/SaveStatus.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Table as ReactTable } from '@tanstack/react-table';
+declare type SaveStatusProps<TType = unknown> = {
+    rowId: string;
+    table: ReactTable<TType>;
+};
+export declare function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>): JSX.Element;
+export {};

package/dist/packages/taco/src/components/Table3/components/Row/Row.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DisplayRowProps } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';
+export declare function Row<TType = unknown>(props: DisplayRowProps<TType>): JSX.Element;

package/dist/packages/taco/src/components/Table3/components/Toolbar/Editing/Editing.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+declare type EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {
+    scrollToIndex: any;
+    table: ReactTable<TType>;
+};
+export declare function Editing<TType = unknown>(props: EditingProps<TType>): JSX.Element;
+export {};

package/dist/packages/taco/src/components/Table3/features/useTableEditing.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Cell as ReactTableCell, Table as ReactTable } from '@tanstack/react-table';
+import { TableEditingSaveHandler, TableEditingValidatorFn } from '../types';
+import { TableRef } from '../../../primitives/Table/types';
+export declare function useTableEditing<TType = unknown>(isEnabled: boolean | undefined, handleSave: TableEditingSaveHandler<TType> | undefined, validator: TableEditingValidatorFn<TType> | undefined): {
+    handleBlur: (event: React.FocusEvent<HTMLTableElement>) => void;
+    getCellValue: <T extends TType>(cell: ReactTableCell<T, unknown>) => unknown;
+    getCellError: <T_1 extends TType>(cell: ReactTableCell<T_1, unknown>) => string | undefined;
+    setCellValue: <T_2 extends TType>(cell: ReactTableCell<T_2, unknown>, change: unknown, rowIndex: number) => void;
+    validateCell: <T_3 extends TType>(cell: ReactTableCell<T_3, unknown>) => Promise<void>;
+    hasChanges: (rowId?: string | undefined) => boolean;
+    hasErrors: <T_4 extends TType>(table: ReactTable<T_4>, tableRef: React.RefObject<TableRef>) => number | false;
+    getErrors: <T_5 extends TType>() => {
+        rowId: string;
+        pendingChange: PendingChange<T_5>;
+    }[];
+    saveChanges: (rowId?: string | undefined) => Promise<void>;
+    resetChanges: (rowId: string) => void;
+    hasRowErrors: (rowId: string) => boolean;
+    hasRowErrorsSeen: (rowId: string) => boolean;
+    setRowErrorsSeen: (rowId: string) => void;
+    getRowSaveStatus: (rowId: string) => false | "pending" | "complete";
+    setRowSaveStatus: (rowId: string, status: "pending" | "complete" | undefined) => void;
+    getRowMoveReason: (rowId: string) => "search" | "sorting" | "filter" | undefined;
+    isEnabled: boolean;
+    isEditing: boolean;
+    isDetailedMode: boolean;
+    toggleDetailedMode: React.Dispatch<React.SetStateAction<boolean>>;
+    toggleEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    lastFocusedCellIndex: number | undefined;
+    setLastFocusedCellIndex: (index: number | undefined) => void;
+};
+declare type SaveState = 'pending' | 'complete';
+declare type PendingChange<TType = unknown> = Partial<TType> & {
+    _meta: {
+        original: TType;
+        moveReason: Record<string, 'search' | 'sorting' | 'filter'>;
+        errors: {
+            row: string;
+            cells: Record<string, string>;
+            hasShownErrorAlert: boolean;
+        };
+        status?: SaveState;
+    };
+};
+export {};

package/dist/packages/taco/src/components/Table3/listeners/useTableEditingListener.d.ts

@@ -0,0 +1,2 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+export declare function useTableEditingListener<TType = unknown>(table: ReactTable<TType>): void;

package/dist/packages/taco/src/components/Table3/types.d.ts

@@ -0,0 +1,56 @@
+import { TableProps } from '../../primitives/Table/types';
+export declare type TableEditingSaveHandler<TType = unknown> = (row: TType) => Promise<void>;
+export declare type TableEditingValidatorFn<TType = unknown> = (row: TType) => Promise<Partial<Record<keyof TType, string>> | undefined> | Partial<Record<keyof TType, string>> | undefined;
+export declare type Table3Props<TType = unknown> = TableProps<TType> & {
+    enableEditing?: boolean;
+    onSave?: TableEditingSaveHandler<TType>;
+    validator?: TableEditingValidatorFn<TType>;
+};
+export declare type Table3Texts = {
+    editing: {
+        actions: {
+            tooltip: string;
+            save: string;
+            clear: string;
+            exit: string;
+        };
+        buttons: {
+            edit: {
+                tooltip: string;
+            };
+        };
+        clearChangesConfirmationDialog: {
+            title: string;
+            description: string;
+            cancel: string;
+            confirm: string;
+        };
+        rowIndicator: {
+            rowWillMove: string;
+            rowWillBeHidden: string;
+            rowWillMoveReasonSearch: string;
+            rowWillMoveReasonFilter: string;
+            rowWillMoveReasonSorting: string;
+        };
+        saving: {
+            progress: string;
+            complete: string;
+        };
+        validation: {
+            alert: {
+                titleOne: string;
+                titlePlural: string;
+                messageOne: string;
+                messagePlural: string;
+                messageRow: string;
+                messageAnd: string;
+            };
+            resetFiltersDialog: {
+                title: string;
+                description: string;
+                cancel: string;
+                confirm: string;
+            };
+        };
+    };
+};

package/dist/packages/taco/src/components/Table3/useTable3.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { RowData } from '@tanstack/react-table';
+import { TableRef } from '../../primitives/Table/types';
+import { useTableEditing } from './features/useTableEditing';
+import { Table3Props } from './types';
+declare module '@tanstack/table-core' {
+    interface TableMeta<TData extends RowData> {
+        editing: ReturnType<typeof useTableEditing>;
+    }
+}
+export declare function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<TableRef>): {
+    props: {
+        customSettings: import("../../primitives/Table/types").TableCustomSettingsRenderer | undefined;
+        emptyState: import("../../primitives/Table/types").TableEmptyStateRenderer | undefined;
+        toolbarLeft: JSX.Element | undefined;
+        toolbarPanel: JSX.Element | undefined;
+        toolbarRight: JSX.Element | undefined;
+    };
+    renderer: {
+        rows: JSX.Element[] | null;
+        style: React.CSSProperties;
+        scrollToIndex: (index: number, options?: import("@tanstack/virtual-core").ScrollToOptions) => void;
+    };
+    stylesheet: JSX.Element;
+    ref: React.RefObject<TableRef>;
+    id: string;
+    instance: import("@tanstack/react-table").Table<TType>;
+    meta: import("@tanstack/table-core").TableMeta<TType>;
+    state: import("@tanstack/react-table").TableState;
+};

package/dist/packages/taco/src/components/Table3/util/editing.d.ts

@@ -0,0 +1,2 @@
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+export declare function willRowMove<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number): "search" | "filter" | "sorting" | undefined;

package/dist/{index.d.ts → packages/taco/src/index.d.ts}

@@ -55,6 +55,7 @@ export * from './components/Header/Header';
 export * from './components/Layout/Layout';
 export * from './components/Navigation2/Navigation2';
 export * as CollectionPrimitive from './primitives/Collection/Collection';
+export * from './primitives/Table/types';
 export * from './primitives/Table/useTableDataLoader';
 export * from './utils/date';
 export * from './utils/keyboard';

package/dist/packages/taco/src/primitives/Table/Core/Table.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTable } from './useTable';
+import { TableToolbar } from './components/Toolbar/Toolbar';
+import './style.css';
+declare type TableProps = {
+    children: JSX.Element | Array<JSX.Element | null>;
+};
+export declare function Table(props: TableProps): JSX.Element;
+export declare namespace Table {
+    var Toolbar: typeof TableToolbar;
+    var Grid: typeof TableGrid;
+}
+export declare type TableGridProps = React.TableHTMLAttributes<HTMLTableElement> & {
+    'data-taco': string;
+    enableHorizontalArrowKeyNavigation?: boolean;
+    table: ReturnType<typeof useTable>;
+};
+export declare function TableGrid(props: TableGridProps): JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
 declare type BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {
-    enableArrowKeyFocusing?: boolean;
+    enableHorizontalArrowKeyNavigation?: boolean;
     table: ReactTable<TType>;
 };
 export declare function Body<TType = unknown>(props: BodyProps<TType>): JSX.Element;

package/dist/{components/Report → packages/taco/src/primitives/Table/Core}/components/Body/EmptyStateBody.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ReportEmptyStateRenderer } from '../../types';
+import { TableEmptyStateRenderer } from '../../../types';
 declare type EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {
-    emptyState?: ReportEmptyStateRenderer;
+    emptyState?: TableEmptyStateRenderer;
 };
 export declare function EmptyStateBody(props: EmptyStateProps): JSX.Element;
 export {};

package/dist/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from '../../../../types';
+export declare const DisplayCell: <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;

package/dist/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from '../../../../types';
+export declare function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>): JSX.Element;

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

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Cell as ReactTableCell } from '@tanstack/react-table';
-declare type CellProps<TType = unknown> = {
+import { TableCellRenderer } from '../../../types';
+declare type CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {
     cell: ReactTableCell<TType, unknown>;
     index: number;
+    renderer: TableCellRenderer<TType>;
 };
 export declare function Cell<TType = unknown>(props: CellProps<TType>): JSX.Element | null;
 export {};

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

@@ -4,10 +4,11 @@ export declare type DisplayCellProps<TType = unknown> = {
     index: number;
     cell: ReactTableCell<TType, unknown>;
 };
-export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<TType, unknown>, isHighlighted: true | 'current' | undefined): {
+export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<TType, unknown>, index: number, isHighlighted: true | 'current' | undefined): {
     'data-cell-align': "left" | "right" | "center" | undefined;
     'data-cell-highlighted': true | "current" | undefined;
     'data-cell-id': string;
+    'data-cell-index': number;
     'data-cell-pinned': boolean | undefined;
     'data-cell-truncate': boolean | undefined;
     className: string | undefined;