@economic/taco 2.0.0-alpha.173 → 2.0.0-alpha.6

package/dist/components/Provider/Localization.d.ts

@@ -12,11 +12,12 @@ import { HangerTexts } from '../Hanger/Hanger';
 import { SelectTexts } from '../Select/Select';
 import { TourTexts } from '../Tour/Tour';
 import { TableTexts } from '../Table/Table';
+import { Table2Texts } from '../Table2/Table2';
+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 { Table3Texts } from '../Table3/types';
 export declare type LocalizationTexts = {
     /** Localized texts and aria-labels for [Banner](component:banner) component */
     banner: BannerTexts;
@@ -39,6 +40,8 @@ export declare type LocalizationTexts = {
     /** Localized texts and aria-labels for [Table](component:table) component */
     table: TableTexts;
     /** Localized texts and aria-labels for [Table2](component:table2) component */
+    table2: Table2Texts;
+    /** Localized texts and aria-labels for [Table3](component:table3) component */
     table3: Table3Texts;
     /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */
     searchInput: SearchInputTexts;
@@ -135,6 +138,116 @@ export declare const defaultLocalisationTexts: {
         newSubRow: string;
         loading: string;
     };
+    table2: {
+        columns: {
+            resize: {
+                tooltip: string;
+            };
+            actions: {
+                tooltip: string;
+            };
+            drag: {
+                tooltip: string;
+            };
+            expansion: {
+                collapse: string;
+                collapseAll: string;
+                expand: string;
+                expandAll: string;
+            };
+            select: {
+                deselect: string;
+                deselectAll: string;
+                select: string;
+                selectAll: string;
+            };
+            menu: {
+                hideColumn: string;
+                freezeColumns: (count?: number) => string;
+                unfreezeColumns: string;
+            };
+        };
+        columnSettings: {
+            search: string;
+            tooltip: string;
+            button: string;
+            noResults: string;
+        };
+        editing: {
+            button: string;
+            tooltip: string;
+            tooltipDisabled: string;
+            rowIndicator: {
+                rowWillMove: string;
+                rowWillBeHidden: string;
+                rowWillMoveReasonSearch: string;
+                rowWillMoveReasonFilter: string;
+                rowWillMoveReasonSorting: string;
+            };
+        };
+        filters: {
+            button: string;
+            buttons: {
+                addNewFilter: string;
+                clearFilters: string;
+            };
+            comparators: {
+                contains: string;
+                doesNotContain: string;
+                isEqualTo: string;
+                isNotEqualTo: string;
+                isGreaterThan: string;
+                isLessThan: string;
+                isBetween: string;
+                isOneOf: string;
+                isNoneOf: string;
+                isAllOf: string;
+                isEmpty: string;
+                isNotEmpty: string;
+            };
+            conditions: {
+                and: string;
+                where: string;
+            };
+            emptyFilter: {
+                condition: string;
+                value: string;
+            };
+            tooltip: string;
+            total: string;
+        };
+        footer: {
+            summary: {
+                records: string;
+                selected: string;
+            };
+        };
+        rowDensity: {
+            tooltip: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            spacious: string;
+        };
+        search: {
+            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;
+        };
+    };
     table3: {
         columns: {
             actions: {

package/dist/components/Table2/Table2.d.ts

@@ -0,0 +1,130 @@
+import React from 'react';
+import { Table2Props, Table2ColumnProps } from './types';
+export declare type Table2Texts = {
+    columns: {
+        resize: {
+            tooltip: string;
+        };
+        actions: {
+            tooltip: string;
+        };
+        drag: {
+            tooltip: string;
+        };
+        expansion: {
+            collapse: string;
+            collapseAll: string;
+            expand: string;
+            expandAll: string;
+        };
+        select: {
+            deselect: string;
+            deselectAll: string;
+            select: string;
+            selectAll: string;
+        };
+        menu: {
+            hideColumn: string;
+            freezeColumns: (count: number) => string;
+            unfreezeColumns: string;
+        };
+    };
+    columnSettings: {
+        search: string;
+        tooltip: string;
+        button: string;
+        noResults: string;
+    };
+    editing: {
+        button: string;
+        tooltip: string;
+        tooltipDisabled: string;
+        rowIndicator: {
+            rowWillMove: string;
+            rowWillBeHidden: string;
+            rowWillMoveReasonSearch: string;
+            rowWillMoveReasonFilter: string;
+            rowWillMoveReasonSorting: string;
+        };
+    };
+    filters: {
+        button: string;
+        buttons: {
+            addNewFilter: string;
+            clearFilters: string;
+        };
+        comparators: {
+            contains: string;
+            doesNotContain: string;
+            isEqualTo: string;
+            isNotEqualTo: string;
+            isGreaterThan: string;
+            isLessThan: string;
+            isBetween: string;
+            isOneOf: string;
+            isNoneOf: string;
+            isAllOf: string;
+            isEmpty: string;
+            isNotEmpty: string;
+        };
+        conditions: {
+            and: string;
+            where: string;
+        };
+        emptyFilter: {
+            condition: string;
+            value: string;
+        };
+        tooltip: string;
+        total: string;
+    };
+    footer: {
+        summary: {
+            records: string;
+            selected: string;
+        };
+    };
+    rowDensity: {
+        tooltip: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        spacious: string;
+    };
+    search: {
+        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;
+    };
+};
+export declare type Table2Ref = HTMLDivElement & {
+    instance: {
+        resetFiltering: () => void;
+        resetRowExpansion: () => void;
+        resetRowSelection: () => void;
+        resetSorting: () => void;
+        toggleEditing: () => void;
+    };
+};
+export declare type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {
+    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;
+} & (<TType>(props: Table2Props<TType> & {
+    ref?: React.Ref<Table2Ref>;
+}) => JSX.Element);
+declare const Table2: ForwardedTable2WithStatics;
+export { Table2 };
+export type { Table2Props };
+export type { Table2ColumnProps, Table2ActionProps, Table2RowActionRenderer, Table2Settings, Table2Filter, Table2FilterComparator, } from './types';

package/dist/components/Table2/components/BatchActionsMenu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Table as RTTable } from '@tanstack/react-table';
+import { Table2ActionProps } from '../types';
+declare type BatchActionsMenuProps<TType> = React.HTMLAttributes<HTMLDivElement> & {
+    actionsForTable?: Table2ActionProps<TType>[];
+    summary?: (rows: TType[]) => JSX.Element | string;
+    table: RTTable<TType>;
+};
+export declare function BatchActionsMenu<TType = any>({ actionsForTable, summary, table, ...props }: BatchActionsMenuProps<TType>): JSX.Element;
+export {};

package/dist/components/Table2/components/ColumnSettingsButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Table as RTable } from '@tanstack/react-table';
+export declare type ColumnSettingsProps<TType = unknown> = {
+    table: RTable<TType>;
+};
+export declare function ColumnSettingsButton<TType = unknown>(props: ColumnSettingsProps<TType>): JSX.Element;

package/dist/components/Table2/components/EditModeButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Table as RTTable } from '@tanstack/react-table';
+export declare type EditModeButtonProps = {
+    scrollToIndex: (index: number) => void;
+    table: RTTable<any>;
+    tableRef: React.RefObject<HTMLDivElement>;
+};
+export declare const EditModeButton: React.ForwardRefExoticComponent<EditModeButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Table2/components/RowDensityButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Table as RTTable } from '@tanstack/react-table';
+declare type RowDensityButtonProps = {
+    table: RTTable<any>;
+};
+export declare const RowDensityButton: ({ table }: RowDensityButtonProps) => JSX.Element;
+export {};

package/dist/components/Table2/components/Search.d.ts

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

package/dist/components/Table2/components/ShortcutsGuideButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Table as RTTable } from '@tanstack/react-table';
+declare type ShortcutsGuideButtonProps = {
+    table: RTTable<any>;
+};
+export declare const ShortcutsGuideButton: ({ table }: ShortcutsGuideButtonProps) => JSX.Element;
+export {};

package/dist/components/Table2/components/column/Base.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';
+export declare type ColumnBaseProps<TType = any> = React.HTMLAttributes<HTMLDivElement> & {
+    column: RTColumn<TType, any>;
+    frozenColumnIds: string[];
+    scrolled: boolean;
+    table: RTTable<TType>;
+};
+export declare const ColumnBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    column: RTColumn<any, any>;
+    frozenColumnIds: string[];
+    scrolled: boolean;
+    table: RTTable<any>;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Table2/components/column/Cell.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Cell as RTCell, Row as RTRow } from '@tanstack/react-table';
+import { ColumnBaseProps } from './Base';
+declare type CellProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {
+    cell: RTCell<TType, unknown>;
+    index: number;
+    isLastRow: boolean;
+    rowIndex: number;
+    rows: RTRow<TType>[];
+    scrollToIndex: (index: number, options?: any) => void;
+    scrollToOffset: (index: number, options?: any) => void;
+    tableRef: React.RefObject<HTMLDivElement>;
+};
+export declare const Cell: <TType = unknown>(props: CellProps<TType>) => JSX.Element;
+export {};

package/dist/components/Table2/components/column/Footer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Header as RTHeader } from '@tanstack/react-table';
+import { ColumnBaseProps } from './Base';
+declare type FooterProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {
+    footer: RTHeader<TType, unknown>;
+    index: number;
+};
+export declare const Footer: <TType = unknown>(props: FooterProps<TType>) => JSX.Element;
+export {};

package/dist/components/Table2/components/column/Header.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Header as RTHeader } from '@tanstack/react-table';
+import { ColumnBaseProps } from './Base';
+declare type HeaderProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {
+    header: RTHeader<TType, unknown>;
+    index: number;
+    isLastColumn: boolean;
+    tableRef: React.RefObject<HTMLDivElement>;
+};
+export declare const Header: <TType = unknown>(props: HeaderProps<TType>) => JSX.Element;
+export {};

package/dist/components/Table2/components/column/Indicator.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare enum IndicatorReason {
+    SEARCH = "SEARCH",
+    SORTING = "SORTING",
+    FILTER = "FILTER"
+}
+export declare const useIndicatorText: (reason: any) => {
+    title: string;
+    description: string;
+};
+export declare type IndicatorProps = {
+    reason: IndicatorReason;
+    columnName: string;
+    mountNode: Element | null;
+    validationErrors: any;
+};
+export declare const Indicator: ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => React.ReactPortal;

package/dist/components/Table2/components/column/ValidationError.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ValidationError: ({ className, ...props }: {
+    className?: string | undefined;
+    children: string;
+}) => JSX.Element;

package/dist/components/Table2/components/column/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const hasChanged: (value: any, newValue: any) => boolean;
+export declare const willRowMoveAfterSorting: (value: any, cell: any, rowIndex: any, rows: any, desc: any) => boolean;
+export declare const clickableNodeNames: string[];

package/dist/components/Table2/components/filters/FiltersButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Table as RTTable } from '@tanstack/react-table';
+export declare type FiltersButtonProps = {
+    length: number;
+    table: RTTable<any>;
+};
+export declare const FiltersButton: ({ length, table }: FiltersButtonProps) => JSX.Element;

package/dist/components/Table2/components/filters/components/Column.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';
+import { Select2Props } from '../../../../Select2/Select2';
+declare type ColumnProps = Omit<Select2Props, 'children'> & {
+    allColumns: RTColumn<any, any>[];
+    column: RTColumn<any, any>;
+    index: number;
+    table: RTTable<any>;
+};
+export declare const Column: ({ allColumns, column, index, table, ...props }: ColumnProps) => JSX.Element;
+export {};

package/dist/components/Table2/components/filters/components/ColumnFilter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';
+export declare type ColumnFilterProps = {
+    allColumns: RTColumn<any, any>[];
+    column: RTColumn<any, any>;
+    index: number;
+    table: RTTable<any>;
+    onRemove?: () => void;
+};
+export declare const ColumnFilter: (props: ColumnFilterProps) => JSX.Element;

package/dist/components/Table2/components/filters/components/Comparator.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Column as RTColumn } from '@tanstack/react-table';
+import { Select2Props } from '../../../../Select2/Select2';
+import { Table2FilterComparator } from '../../../types';
+declare type ComparatorProps = Omit<Select2Props, 'children'> & {
+    column: RTColumn<any, any>;
+    comparator?: Table2FilterComparator;
+    validComparators: Table2FilterComparator[];
+};
+export declare const Comparator: ({ column, comparator, validComparators, ...props }: ComparatorProps) => JSX.Element;
+export {};

package/dist/components/Table2/components/filters/components/EmptyFilter.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';
+import { Select2Value } from '../../../../Select2/Select2';
+export declare type EmptyFilterProps = {
+    allColumns: RTColumn<any, any>[];
+    table: RTTable<any>;
+    onChange?: (value: Select2Value) => void;
+    onRemove?: () => void;
+    filteredColumns: RTColumn<any, any>[];
+    emptyFilterCount: Number;
+    index: Number;
+};
+export declare const EmptyFilter: (props: EmptyFilterProps) => JSX.Element;

package/dist/components/Table2/components/filters/components/InferredControl.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Column as RTColumn } from '@tanstack/react-table';
+import { Table2FilterComparator } from '../../../types';
+declare type InferredControlProps = {
+    column: RTColumn<any, any>;
+    comparator: Table2FilterComparator;
+    value: any | any[];
+};
+export declare const InferredControl: ({ column, comparator, value }: InferredControlProps) => JSX.Element | null;
+export {};

package/dist/components/Table2/components/row/Context.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SaveHandlerErrorResponse } from '../../types';
+import { IndicatorReason } from '../column/Indicator';
+declare type RowContextValue = {
+    isActive: boolean;
+    editMode: {
+        validationErrors: SaveHandlerErrorResponse;
+        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;
+        rowMoveReason: Record<string, IndicatorReason | null>;
+        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;
+    };
+    rowIndex?: number;
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const RowContext: React.Context<RowContextValue>;
+export declare const RowContextProvider: ({ isActiveRow, children, meta, rowIndex }: {
+    isActiveRow: any;
+    children: any;
+    meta: any;
+    rowIndex: any;
+}) => JSX.Element;
+export declare const useRowContext: () => RowContextValue;
+export {};

package/dist/components/Table2/components/row/ExpandedRow.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ExpandedRow: ({ index, setSize, ...props }: {
+    [x: string]: any;
+    index: any;
+    setSize: any;
+}) => JSX.Element | null;

package/dist/components/Table2/components/row/Row.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Row: (props: any) => JSX.Element;

package/dist/components/Table2/hooks/listeners/useActiveCellStateListener.d.ts

@@ -0,0 +1,3 @@
+import { Table as RTTable, Row as TRow } from '@tanstack/react-table';
+import { useActiveCell } from '../useActiveCell';
+export declare const useActiveCellStateListener: <TType = any>(rows: TRow<any>[], table: RTTable<any>, activeCell: useActiveCell<TType>) => void;

package/dist/components/Table2/hooks/listeners/useActiveRowStateListener.d.ts

@@ -0,0 +1,3 @@
+import { Row as RTRow, Table as RTTable } from '@tanstack/react-table';
+import { useActiveRow } from '../useActiveRow';
+export declare const useActiveRowStateListener: <TType = any>(table: RTTable<any>, rows: RTRow<any>[], activeRowIndex: useActiveRow<TType>) => void;

package/dist/components/Table2/hooks/listeners/useColumnOffsetStateListener.d.ts

@@ -0,0 +1,3 @@
+import { Table as RTTable, OnChangeFn } from '@tanstack/react-table';
+import { ColumnOffsetState } from '../../types';
+export declare const useColumnOffsetStateListener: (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => void;

package/dist/components/Table2/hooks/listeners/useFilterStateListener.d.ts

@@ -0,0 +1,3 @@
+import { Table as RTTable } from '@tanstack/react-table';
+import { RowSelectionHandler } from '../../types';
+export declare const useFilterStateListener: <TType = any>(table: RTTable<TType>, onRowSelect: RowSelectionHandler | undefined) => void;

package/dist/components/Table2/hooks/listeners/useRowSelectionListener.d.ts

@@ -0,0 +1,3 @@
+import { Table as RTTable } from '@tanstack/react-table';
+import { RowSelectionHandler } from '../../types';
+export declare const useRowSelectionListener: <TType = any>(table: RTTable<any>, onRowSelect: RowSelectionHandler | undefined) => void;

package/dist/components/Table2/hooks/listeners/useSettingsStateListener.d.ts

@@ -0,0 +1,3 @@
+import { Table as RTTable } from '@tanstack/react-table';
+import { SettingsHandler } from '../../types';
+export declare const useSettingsStateListener: (table: RTTable<any>, onChangeSettings: SettingsHandler | undefined) => void;

package/dist/components/Table2/hooks/useActiveCell.d.ts

@@ -0,0 +1,26 @@
+import { Column as TColumn, Row as TRow } from '@tanstack/react-table';
+export declare type ActiveCell = {
+    rowId: string | undefined;
+    rowIndex: number;
+    columnIndex: number;
+    isEditing: boolean;
+};
+export declare type ActiveCellHandler<TType = any> = (rows: TRow<TType>[], rowIndex: number, columnIndex: number, isEditing?: boolean) => void;
+export declare type ActiveRowMoveHandler<TType = any> = (rows: TRow<TType>[], callback?: (index: number) => void) => void;
+export declare type ActiveColumnMoveHandler<TType = any> = (columns: TColumn<TType, any>[], callback?: (index: number) => void) => void;
+export declare type EditingHandler = (isEditing?: boolean) => void;
+export declare type ActiveCellEditingHandler = (isEditing?: boolean) => void;
+export declare type useActiveCell<TType = any> = {
+    activeCell: ActiveCell;
+    setActiveCell: ActiveCellHandler<TType>;
+    moveActiveRowUp: ActiveRowMoveHandler<TType>;
+    moveActiveRowDown: ActiveRowMoveHandler<TType>;
+    moveActiveColumnLeft: ActiveColumnMoveHandler<TType>;
+    moveActiveColumnRight: ActiveColumnMoveHandler<TType>;
+    toggleEditing: EditingHandler;
+    toggleActiveCellEditing: ActiveCellEditingHandler;
+    resetActiveCell: () => void;
+};
+export declare const useActiveCell: <TType = any>({ defaultActiveRowIndex }?: {
+    defaultActiveRowIndex?: number | undefined;
+}) => useActiveCell<TType>;

package/dist/components/Table2/hooks/useActiveRow.d.ts

@@ -0,0 +1,10 @@
+import { Row as TRow } from '@tanstack/react-table';
+export declare type ActiveRowHandler = (rowIndex: number) => void;
+export declare type ActiveRowMoveHandler<TType = any> = (rows: TRow<TType>[], callback?: (index: number) => void) => void;
+export declare type useActiveRow<TType = any> = {
+    activeRowIndex: number;
+    setActiveRowIndex: ActiveRowHandler;
+    moveToPreviousRow: ActiveRowMoveHandler<TType>;
+    moveToNextRow: ActiveRowMoveHandler<TType>;
+};
+export declare const useActiveRow: <TType = any>(defaultActiveRowIndex?: number) => useActiveRow<TType>;

package/dist/components/Table2/hooks/useColumnDefinitions.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ColumnSort, Row, RowData, Table } from '@tanstack/react-table';
+import { CellAlignment, ColumnDataType, RowDragHandler, RowExpansionRenderer, Table2Children, Table2ColumnControlRenderer, Table2ColumnFooterRenderer, Table2ColumnHeaderMenu, Table2RowActionRenderer } from '../types';
+declare module '@tanstack/table-core' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        align?: CellAlignment;
+        className?: string | ((row: Row<TData>, table: Table<TData>) => string);
+        control?: Table2ColumnControlRenderer;
+        dataType?: ColumnDataType;
+        disableReordering?: boolean;
+        defaultWidth?: number | 'grow';
+        headerClassName?: string;
+        menu?: Table2ColumnHeaderMenu;
+        tooltip?: string;
+    }
+}
+declare type useColumnDefinitionsOptions<TType> = {
+    actionsForRow: Table2RowActionRenderer<TType>[];
+    actionsForRowLength: number;
+    enableColumnFiltering: boolean;
+    enableColumnHiding: boolean;
+    enableColumnFreezing: boolean;
+    enableRowExpansion: boolean;
+    enableRowSelection: boolean;
+    enableMultipleRowSelection: boolean;
+    expandedRowRenderer?: RowExpansionRenderer<TType>;
+    onRowDrag?: RowDragHandler<TType>;
+};
+export declare function useColumnDefinitions<TType = any>(children: Table2Children, options: useColumnDefinitionsOptions<TType>, tableRef: React.RefObject<HTMLDivElement>): {
+    columns: any[];
+    internalFrozenColumnCount: number;
+    defaultColumnSizing: Record<string, number>;
+    defaultColumnVisibility: Record<string, boolean>;
+    defaultSorting: ColumnSort[];
+    footers: Record<string, Table2ColumnFooterRenderer>;
+};
+export {};

package/dist/components/Table2/hooks/useEditMode.d.ts

@@ -0,0 +1,28 @@
+import { SaveHandler } from '../types';
+export declare type EditModeHandler = (isEditing?: boolean) => void;
+export declare type EditModeColumnMoveHandler = (columns: number[], moveRow?: (moveDirection: MOVE_DIR) => void) => void;
+export declare type EditModeColumnHandler = (columnIndex: number) => void;
+export declare type useEditMode = {
+    enableEditMode: boolean;
+    isEditing: boolean;
+    toggleEditing: EditModeHandler;
+    onSave?: SaveHandler;
+    columnIndex: number;
+    moveToPreviousColumn: EditModeColumnMoveHandler;
+    moveToNextColumn: EditModeColumnMoveHandler;
+    moveToFirstColumn: EditModeColumnMoveHandler;
+    moveToLastColumn: EditModeColumnMoveHandler;
+    setColumn: EditModeColumnHandler;
+};
+export declare type EditMode = {
+    enableEditMode: boolean;
+    isEditing: boolean;
+    columnIndex: number;
+};
+export declare enum MOVE_DIR {
+    FIRST = 0,
+    LAST = 1,
+    PREV = 2,
+    NEXT = 3
+}
+export declare const useEditMode: (handleSave?: SaveHandler<any> | undefined) => useEditMode;

package/dist/components/Table2/hooks/useGridTemplate.d.ts

@@ -0,0 +1,2 @@
+import { Table } from '@tanstack/react-table';
+export declare const useGridTemplate: (table: Table<any>) => string;