@economic/taco 2.25.1 → 2.26.1

package/dist/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/primitives/Table/Core/Table.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTableReturnValue } 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<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {
+    'data-taco': string;
+    enableHorizontalArrowKeyNavigation?: boolean;
+    table: useTableReturnValue<TType>;
+};
+export declare function TableGrid<TType = unknown>(props: TableGridProps<TType>): JSX.Element;
+export {};

package/dist/{components/Report → 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 → 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/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/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 → 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 → 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;

package/dist/{components/Report/components → primitives/Table/Core/components/Columns}/Internal/Actions.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { CellContext as ReactTableCellContext } from '@tanstack/react-table';
-import { TableFontSize, TableRowActionRenderer } from '../../../../primitives/Table/types';
-export declare function Header(): null;
+import { TableFontSize, TableRowActionRenderer } from '../../../../types';
+import { useTableManagerInternalColumn } from '../../../../useTableManager/types';
 export declare type ActionsProps<TType = unknown> = {
     actions: TableRowActionRenderer<TType>[];
     actionsLength: number;
     data: any;
     fontSize: TableFontSize;
     isActiveRow: boolean;
+    rowId: string;
 };
 export declare function Actions<TType = unknown>(props: ActionsProps<TType>): JSX.Element;
-export declare const Cell: <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;
+export declare const renderer: useTableManagerInternalColumn;

package/dist/primitives/Table/Core/components/Columns/Internal/Drag.d.ts

@@ -0,0 +1,2 @@
+import { useTableManagerInternalColumn } from '../../../../useTableManager/types';
+export declare const renderer: useTableManagerInternalColumn;

package/dist/primitives/Table/Core/components/Columns/Internal/Expansion.d.ts

@@ -0,0 +1,2 @@
+import { useTableManagerInternalColumn } from '../../../../useTableManager/types';
+export declare const renderer: useTableManagerInternalColumn;

package/dist/primitives/Table/Core/components/Columns/Internal/Selection.d.ts

@@ -0,0 +1,2 @@
+import { useTableManagerInternalColumn } from '../../../../useTableManager/types';
+export declare const renderer: useTableManagerInternalColumn;

package/dist/{components/Report → primitives/Table/Core}/components/Header/Header.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';
-import { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../../primitives/Table/types';
-export declare function Header<TType = unknown>(header: ReactTableHeader<TType, unknown>): JSX.Element | null;
+import { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../types';
+export declare type HeaderProps<TType = unknown> = {
+    header: ReactTableHeader<TType, unknown>;
+    scrollToIndex: (index: number) => void;
+};
+export declare function Header<TType = unknown>(props: HeaderProps<TType>): JSX.Element | null;
 export declare type MemoedHeaderProps = {
     align?: TableColumnAlignment;
     canFilter: boolean;
@@ -32,6 +36,7 @@ export declare type MemoedHeaderProps = {
     onResize?: (event: unknown) => void;
     onSort?: (event: unknown) => void;
     onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;
+    scrollToIndex: (index: number) => void;
     setRowActiveIndex: (index: number) => void;
     setColumnSizing: any;
     sortDirection?: TableColumnSortDirection | false;

package/dist/{components/Table3/components/columns/header → primitives/Table/Core/components/Header/components}/Goto.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PopoverProps } from '../../../../Popover/Popover';
+import { PopoverProps } from '../../../../../../components/Popover/Popover';
 export declare type GotoProps = PopoverProps & {
     onGoto: (query: string) => Promise<void>;
 };

package/dist/{components/Report → primitives/Table/Core}/components/Header/components/Menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableColumnMenu, TableColumnSortDirection } from '../../../../../primitives/Table/types';
+import { TableColumnMenu, TableColumnSortDirection } from '../../../../types';
 export declare type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     canFilter: boolean;
     canGoto: boolean;
@@ -14,6 +14,7 @@ export declare type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonEleme
     onHide?: (event: unknown) => void;
     onPin?: (index: number | undefined) => void;
     onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;
+    scrollToIndex: (index: number) => void;
     setRowActiveIndex: (index: number) => void;
     sortDirection?: TableColumnSortDirection | false;
 };

package/dist/{components/Report → primitives/Table/Core}/components/Header/components/Resizer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableColumnWidth } from '../../../../../primitives/Table/types';
+import { TableColumnWidth } from '../../../../types';
 declare type ResizerProps = {
     headerRef: HTMLTableCellElement | null;
     id: string;

package/dist/{components/Report → primitives/Table/Core}/components/Header/components/SortIndicator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableColumnSortDirection } from '../../../../../primitives/Table/types';
+import { TableColumnSortDirection } from '../../../../types';
 declare type SortIndicatorProps = {
     direction: false | TableColumnSortDirection;
 };

package/dist/primitives/Table/Core/components/Header/util.d.ts

@@ -0,0 +1,4 @@
+import { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';
+import { TableColumnWidth } from '../../../types';
+export declare function useSetInitialColumnSizing(id: string, width: TableColumnWidth | undefined, element: HTMLTableCellElement | null, canMeasureSize: boolean, setColumnSizing: any): void;
+export declare function getIsPinned<TType = unknown>(header: ReactTableHeader<TType, unknown>): ReactTableColumnPinningPosition | undefined;

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowRendererProps } from '../../../types';
+export declare type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & TableRowRendererProps<TType>;
+export declare const DisplayRow: <TType = unknown>(props: TableRowRendererProps<TType>) => JSX.Element;

package/dist/primitives/Table/Core/components/Row/Row.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TableRowRenderer, TableRowRendererProps } from '../../types';
+export declare type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & TableRowRendererProps<TType> & {
+    renderer: TableRowRenderer<TType>;
+};
+export declare function Row<TType = unknown>(props: RowProps<TType>): JSX.Element;

package/dist/{components/Report → primitives/Table/Core}/components/Row/RowContext.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 declare type RowContextValue = {
     isHovered: boolean;
-    setIsHovered: (value: boolean) => void;
     rowIndex: number;
 };
 export declare const RowContext: React.Context<RowContextValue>;

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { useTableReturnValue } from '../../useTable';
+export declare type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element | null;
+    table: useTableReturnValue<TType>;
+};
+export declare function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>): JSX.Element | null;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Filters/components/Filter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column as ReactTableColumn } from '@tanstack/react-table';
-import { TableFilter } from '../../../../../../../primitives/Table/types';
+import { TableFilter } from '../../../../../../types';
 export declare type FilterProps<TType = unknown> = {
     allColumns: ReactTableColumn<TType, unknown>[];
     filter: TableFilter;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Filters/components/FilterColumn.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Column as ReactTableColumn } from '@tanstack/react-table';
-import { Select2Props } from '../../../../../../Select2/Select2';
-import { TableFilter } from '../../../../../../../primitives/Table/types';
+import { Select2Props } from '../../../../../../../../components/Select2/Select2';
+import { TableFilter } from '../../../../../../types';
 export declare type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     allColumns: ReactTableColumn<TType, unknown>[];
     filters: TableFilter[];

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Filters/components/FilterComparator.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column as ReactTableColumn } from '@tanstack/react-table';
-import { Select2Props } from '../../../../../../Select2/Select2';
+import { Select2Props } from '../../../../../../../../components/Select2/Select2';
 export declare type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     column?: ReactTableColumn<TType, unknown>;
 };

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Filters/components/FilterValue.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column as ReactTableColumn } from '@tanstack/react-table';
-import { TableFilterComparator } from '../../../../../../../primitives/Table/types';
+import { TableFilterComparator } from '../../../../../../types';
 export declare type FilterValueProps<TType = unknown> = {
     column?: ReactTableColumn<TType, unknown>;
     comparator: TableFilterComparator;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Filters/util.d.ts

@@ -1,4 +1,4 @@
 import { Column as ReactTableColumn } from '@tanstack/react-table';
-import { TableFilter } from '../../../../../../primitives/Table/types';
+import { TableFilter } from '../../../../../types';
 export declare function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>): number;
 export declare function isEmptyFilter(filter: TableFilter): boolean;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Print/Print.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
-import { TableRef } from '../../../../../../primitives/Table/types';
+import { TableRef } from '../../../../../types';
 export declare type PrintProps<TType = unknown> = {
     table: ReactTable<TType>;
     tableId: string;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Print/PrintDialog.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Table as ReactTable } from '@tanstack/react-table';
-import { Select2Value } from '../../../../../Select2/Select2';
-import { RadioGroupItemValue } from '../../../../../RadioGroup/RadioGroup';
+import { Select2Value } from '../../../../../../../components/Select2/Select2';
+import { RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';
 export declare type PrintDialogProps<TType = unknown> = {
     table: ReactTable<TType>;
     onAccept: () => void;

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Search/Search.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
+import { TableRef } from '../../../../../types';
 declare type SearchProps<TType = unknown> = {
     scrollToIndex: any;
     table: ReactTable<TType>;
+    tableRef: React.RefObject<TableRef>;
 };
 export declare function Search<TType = unknown>(props: SearchProps<TType>): JSX.Element;
 export {};

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Settings/HideOrOrderPopover.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Table as ReactTable } from '@tanstack/react-table';
-import { PopoverProps } from '../../../../../Popover/Popover';
+import { PopoverProps } from '../../../../../../../components/Popover/Popover';
 export declare type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {
     table: ReactTable<TType>;
 };

package/dist/{components/Report → primitives/Table/Core}/components/Toolbar/components/Settings/Settings.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Table as ReactTable } from '@tanstack/react-table';
-import { ReportCustomSettingsRenderer } from '../../../../types';
+import { TableCustomSettingsRenderer } from '../../../../../types';
 export declare type SettingsProps<TType = unknown> = {
-    customSettings?: ReportCustomSettingsRenderer;
+    customSettings?: TableCustomSettingsRenderer;
     table: ReactTable<TType>;
 };
 export declare function Settings<TType = unknown>(props: SettingsProps<TType>): JSX.Element;

package/dist/primitives/Table/Core/features/useStylesheetColumnFreezing.d.ts

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

package/dist/{components/Report/styles/useCssGridStylesheet.d.ts → primitives/Table/Core/features/useStylesheetCssGrid.d.ts}

@@ -1,3 +1,3 @@
 import { Table as ReactTable } from '@tanstack/react-table';
-import { TableFontSize } from '../../../primitives/Table/types';
-export declare function useCssGridStylesheet<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize): string;
+import { TableFontSize } from '../../types';
+export declare function useStylesheetCssGrid<TType = unknown>(tableId: string, table: ReactTable<TType>, fontSize: TableFontSize): string;

package/dist/{components/Report/util → primitives/Table/Core/features}/useTableGlobalShortcuts.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
-import { TableRef } from '../../../primitives/Table/types';
+import { TableRef } from '../../types';
 export declare function useTableGlobalShortcuts<TType = unknown>(table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, scrollToIndex: (index: number) => void): void;

package/dist/{components/Report/util → primitives/Table/Core/features}/useTableRenderer.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
 import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
-import { TableRef } from '../../../primitives/Table/types';
-export declare function useTableRenderer<TType = unknown>(table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, defaultRowActiveIndex?: number | undefined): {
+import { useTableRenderers } from '../types';
+import { TableRef } from '../../types';
+export declare function useTableRenderer<TType = unknown>(renderers: useTableRenderers<TType>, table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, defaultRowActiveIndex?: number | undefined): {
     rows: JSX.Element[] | null;
     style: React.CSSProperties;
     scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;

package/dist/primitives/Table/Core/types.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Table as ReactTable, Row as ReactTableRow, Cell as ReactTableCell } from '@tanstack/react-table';
+export declare type useTableRenderers<TType = unknown> = {
+    row: TableRowRenderer<TType>;
+    cell: TableCellRenderer<TType>;
+};
+export declare type TableRowRendererProps<TType = unknown> = {
+    cellRenderer: TableCellRenderer<TType>;
+    index: number;
+    measureRow: (size: number, expansionHeight?: number) => void;
+    row: ReactTableRow<TType>;
+    table: ReactTable<TType>;
+};
+export declare type TableRowRenderer<TType = unknown> = <T = TType>(props: TableRowRendererProps<T>) => JSX.Element;
+export declare type TableCellRendererProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {
+    cell: ReactTableCell<TType, unknown>;
+    cellRef: React.RefObject<HTMLTableCellElement>;
+    index: number;
+    isHighlighted: true | 'current' | undefined;
+};
+export declare type TableCellRenderer<TType = unknown> = <T = TType>(props: TableCellRendererProps<T>) => JSX.Element;

package/dist/primitives/Table/Core/useTable.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';
+import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
+import { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';
+import { TableRef } from '../types';
+import { useTableRenderers } from './types';
+export declare type useTableReturnValue<TType = unknown> = {
+    id: string;
+    instance: ReactTable<TType>;
+    meta: ReactTableMeta<TType>;
+    props: {
+        customSettings: TableCustomSettingsRenderer | undefined;
+        emptyState: TableEmptyStateRenderer | undefined;
+        toolbarLeft: JSX.Element | undefined;
+        toolbarPanel: JSX.Element | undefined;
+        toolbarRight: JSX.Element | undefined;
+    };
+    ref: React.RefObject<TableRef>;
+    renderer: {
+        rows: JSX.Element[] | null;
+        style: React.CSSProperties;
+        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;
+    };
+    stylesheet: JSX.Element;
+    state: ReactTableState;
+};
+export declare function useTable<TType = unknown, TMeta = {}>(props: TableProps<TType>, externalRef: React.Ref<TableRef>, renderers: useTableRenderers<TType>, meta?: Partial<ReactTableMeta<TType>> & TMeta): useTableReturnValue<TType>;