@economic/taco 2.24.0 → 2.25.1-alpha.13

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

@@ -1,225 +0,0 @@
-/// <reference types="react" />
-import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, GroupingState as ReactTableGroupingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn, HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';
-import { FontSize, FontSizes, ValueOf } from '../../types';
-import { MenuProps } from '../../components/Menu/Menu';
-declare type TODO = any;
-export declare type TableRef = HTMLTableElement & {
-    instance: {
-        resetFiltering: () => void;
-        resetRowExpansion: () => void;
-        resetRowSelection: () => void;
-        resetSorting: () => void;
-    };
-};
-export declare enum TableFilterComparator {
-    Contains = 0,
-    DoesNotContain = 1,
-    IsEqualTo = 2,
-    IsNotEqualTo = 3,
-    IsGreaterThan = 4,
-    IsLessThan = 5,
-    IsBetween = 6,
-    IsEmpty = 7,
-    IsNotEmpty = 8,
-    IsLessThanOrEqualTo = 9,
-    IsGreaterThanOrEqualTo = 10,
-    HasAnyOf = 11,
-    HasAllOf = 12,
-    HasNoneOf = 13
-}
-export declare type TableFilterValue = {
-    comparator: TableFilterComparator;
-    value: any;
-};
-export declare type TableFilter = {
-    id: string;
-    value: TableFilterValue;
-};
-export declare type TableColumnAlignment = 'left' | 'center' | 'right';
-export declare type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);
-export declare type TableColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';
-export declare type TableColumnFilter = ReactTableColumnFilter;
-export declare type TableColumnMenu = (props: Partial<MenuProps>) => JSX.Element;
-export declare type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
-export declare type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
-export declare type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'switch' | 'textarea';
-export declare type TableColumnRendererControlProps = {
-    className?: string;
-    disabled?: boolean;
-    fontSize?: FontSize;
-    invalid?: boolean;
-    onBlur?: (value: any) => void;
-    onFocus?: React.FocusEventHandler;
-    readOnly?: boolean;
-    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);
-    setValue: (value: any) => void;
-    value: any;
-};
-export declare type TableColumnRendererHeader = string;
-export declare type TableColumnRendererFooter<TValue> = (values: TValue[]) => JSX.Element | string | number | null;
-export declare type TableColumnSort = ReactTableColumnSort;
-export declare type TableColumnSortDirection = 'asc' | 'desc';
-export declare type TableColumnSortFn<TType = unknown> = ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';
-export declare type TableColumnWidth = number | 'grow';
-export declare type TableRowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;
-export declare type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;
-export declare type TableRowClickHandler<TType = unknown> = (row: TType) => void;
-export declare type TableRowGotoHandler = (column: string, query: string, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<number>;
-export declare type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';
-export declare type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;
-export declare type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;
-export declare type TableShortcutHandlerObject<TType = unknown> = {
-    handler: TableShortcutHandlerFn<TType>;
-    meta?: boolean;
-    shift?: boolean;
-};
-export declare type TableFilterHandler = (filters: TableColumnFilter[]) => void;
-export declare type TableFontSize = keyof typeof FontSizes;
-export declare type TablePreset = 'lite' | 'complex';
-export declare type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
-export declare type TableScrollToIndexHandler = (index: number, options?: {
-    align: 'start' | 'center' | 'end' | 'auto';
-}) => void;
-export declare type TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<void>;
-export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<void>;
-export declare enum TableServerLoadAllState {
-    Incomplete = 0,
-    Loading = 1,
-    Completed = 2
-}
-export declare type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;
-export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
-export declare type TableSortHandler = (sorting: TableColumnSort[]) => void;
-export declare type TableSettings = {
-    columnFilters?: ReactTableColumnFilterState;
-    columnOrder?: ReactTableColumnOrderState;
-    columnPinning?: ReactTableColumnPinningState;
-    columnSizing?: ReactTableColumnSizingState;
-    columnVisibility?: ReactTableColumnVisibilityState;
-    excludeUnmatchedRecordsInSearch?: boolean;
-    fontSize?: TableFontSize;
-    grouping?: ReactTableGroupingState;
-    rowHeight?: TableRowHeight;
-    searchQuery?: string;
-    sorting?: ReactTableSortingState;
-};
-export declare type EnableSettingsOptions = {
-    columnOrder: boolean;
-    columnPinning: boolean;
-    columnSizing: boolean;
-    columnVisibility: boolean;
-    excludeUnmatchedRecordsInSearch: boolean;
-    fontSize: boolean;
-    grouping: boolean;
-    rowHeight: boolean;
-    sorting: boolean;
-};
-export declare type TableFeatureProps = {
-    enableFiltering?: boolean;
-    enableSearch?: boolean;
-    enableSorting?: boolean;
-    enableColumnFreezing?: boolean;
-    enableColumnHiding?: boolean;
-    enableColumnResizing?: boolean;
-    enableRowExpansion?: boolean;
-    enableRowSelection?: boolean;
-    enableRowSelectionSingle?: boolean;
-    enableColumnOrdering?: boolean;
-    enableFontSize?: boolean;
-    enableFooter?: boolean;
-    enablePrinting?: boolean;
-    enableRowActions?: boolean;
-    enableRowActive?: boolean;
-    enableRowClick?: boolean;
-    enableRowGoto?: boolean;
-    enableRowHeight?: boolean;
-    enableSaveSettings?: boolean | Partial<EnableSettingsOptions>;
-};
-export declare type useTableInternalColumn<TType = unknown> = {
-    header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;
-    renderer: (info: ReactTableCellContext<TType, unknown>) => JSX.Element | string | null;
-    meta?: ReactTableColumnMeta<TType, unknown>;
-    size?: number;
-};
-export declare type useTableInternalColumns<TType = unknown> = {
-    rowActions?: useTableInternalColumn<TType>;
-    rowExpansion?: useTableInternalColumn<TType>;
-    rowSelection?: useTableInternalColumn<TType>;
-};
-declare type useTableCommonProps<TType = unknown> = TableFeatureProps & {
-    children: (JSX.Element | boolean | null | undefined)[];
-    data: TType[];
-    id: string;
-    defaultColumnFreezingIndex?: number;
-    defaultRowActiveIndex?: number;
-    defaultRowGroupColumnId?: keyof TType;
-    defaultSettings?: TableSettings;
-    preset?: TablePreset;
-    rowActions?: TableRowActionRenderer<TType>[];
-    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];
-    rowActionsLength?: number;
-    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;
-    shortcuts?: TableShortcuts<TType>;
-    onRowClick?: TableRowClickHandler<TType>;
-    onRowGoto?: TableRowGotoHandler;
-    onRowSelect?: TableRowSelectHandler<TType>;
-    onChangeFilter?: TableFilterHandler;
-    onChangeSearch?: TODO;
-    onChangeSettings?: TableSettingsHandler;
-    onChangeSort?: TableSortHandler;
-};
-export interface useTableClientProps<TType = unknown> extends useTableCommonProps<TType> {
-    length?: never;
-    loadAll?: never;
-    loadPage?: never;
-    pageSize?: never;
-}
-export interface useTableServerProps<TType = unknown> extends useTableCommonProps<TType> {
-    length: number | undefined;
-    loadAll: TableServerLoadAllHandler;
-    loadPage: TableServerLoadPageHandler;
-    pageSize?: number;
-}
-export declare type useTableProps<TType = unknown> = useTableClientProps<TType> | useTableServerProps<TType>;
-export declare type TableColumnProps<TType = unknown> = ValueOf<{
-    [Key in keyof TType]: {
-        accessor?: Key;
-        id: string;
-    } & {
-        renderer?: TableColumnRenderer<TType, TType[Key]>;
-        /** Renderer to use if the cell is an aggregate cell and part of a grouped row */
-        aggregate?: TableColumnRendererAggregate<TType, TType[Key]>;
-        control?: TableColumnRendererControl<TType>;
-        footer?: TableColumnRendererFooter<TType[Key]>;
-        header: TableColumnRendererHeader;
-        /** Aggregation function to be used when the column is part of a grouped row */
-        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;
-        align?: TableColumnAlignment;
-        className?: TableColumnClassNameHandler<TType>;
-        dataType?: TableColumnDataType;
-        defaultHidden?: boolean;
-        defaultWidth?: TableColumnWidth;
-        enableFiltering?: boolean;
-        enableGrouping?: boolean;
-        enableHiding?: boolean;
-        enableOrdering?: boolean;
-        enablePrinting?: boolean;
-        enableResizing?: boolean;
-        enableSearch?: boolean;
-        enableSorting?: boolean;
-        enableTruncate?: boolean;
-        filters?: TableFilterComparator[];
-        headerClassName?: string;
-        menu?: TableColumnMenu;
-        minWidth?: number;
-        sort?: TableColumnSortDirection;
-        sortFn?: TableColumnSortFn<TType>;
-        tooltip?: string;
-    };
-}>;
-export declare type TableGroupProps = {
-    children: (JSX.Element | boolean | null | undefined)[];
-    header: string;
-    id: string;
-};
-export {};

package/dist/primitives/Table/useTable/features/useTableRowActive.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { TableRef, TableScrollToIndexHandler } from '../../types';
-export declare function useTableRowActive(isEnabled?: boolean, initialRowActiveIndex?: number): {
-    isEnabled: boolean;
-    rowActiveIndex: number | undefined;
-    setRowActiveIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
-    isHoverStatePaused: boolean;
-    setHoverStatePaused: React.Dispatch<React.SetStateAction<boolean>>;
-    handleFocus: (event: React.FocusEvent, length: number, scrollToIndex: TableScrollToIndexHandler) => void;
-    handleKeyDown: (event: KeyboardEvent, length: number, scrollToIndex: TableScrollToIndexHandler, tableRef?: React.RefObject<TableRef> | undefined) => void;
-};

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

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import { TableMeta as ReactTableMeta, RowData } from '@tanstack/react-table';
-import { TableColumnAlignment, TableColumnClassNameHandler, TableColumnDataType, TableColumnMenu, TableColumnRendererControl, TableFilterComparator, TableRef, useTableInternalColumns, useTableProps } from '../types';
-import { useTableColumnFreezing } from './features/useTableColumnFreezing';
-import { useTableColumnOrdering } from './features/useTableColumnOrdering';
-import { useTableFooter } from './features/useTableFooter';
-import { useTableFontSize } from './features/useTableFontSize';
-import { useTablePrinting } from './features/useTablePrinting';
-import { useTableRowActions } from './features/useTableRowActions';
-import { useTableRowActive } from './features/useTableRowActive';
-import { useTableRowClick } from './features/useTableRowClick';
-import { useTableRowExpansion } from './features/useTableRowExpansion';
-import { useTableRowGoto } from './features/useTableRowGoto';
-import { useTableRowGroups } from './features/useTableRowGroups';
-import { useTableRowHeight } from './features/useTableRowHeight';
-import { useTableRowSelection } from './features/useTableRowSelection';
-import { useTableSearch } from './features/useTableSearch';
-import { useTableServerLoading } from './features/useTableServerLoading';
-declare module '@tanstack/table-core' {
-    interface TableMeta<TData extends RowData> {
-        columnFreezing: ReturnType<typeof useTableColumnFreezing>;
-        columnOrdering: ReturnType<typeof useTableColumnOrdering>;
-        fontSize: ReturnType<typeof useTableFontSize>;
-        footer: ReturnType<typeof useTableFooter>;
-        length: number;
-        printing: ReturnType<typeof useTablePrinting>;
-        rowActions: ReturnType<typeof useTableRowActions>;
-        rowActive: ReturnType<typeof useTableRowActive>;
-        rowClick: ReturnType<typeof useTableRowClick>;
-        rowExpansion: ReturnType<typeof useTableRowExpansion>;
-        rowGoto: ReturnType<typeof useTableRowGoto>;
-        rowGroups: ReturnType<typeof useTableRowGroups>;
-        rowHeight: ReturnType<typeof useTableRowHeight>;
-        rowSelection: ReturnType<typeof useTableRowSelection>;
-        search: ReturnType<typeof useTableSearch>;
-        server: ReturnType<typeof useTableServerLoading>;
-    }
-    interface ColumnMeta<TData extends RowData, TValue> {
-        align?: TableColumnAlignment;
-        className?: TableColumnClassNameHandler<TData>;
-        control?: TableColumnRendererControl<TData>;
-        dataType?: TableColumnDataType;
-        enableOrdering?: boolean;
-        enablePrinting?: boolean;
-        enableTruncate?: boolean;
-        filters?: TableFilterComparator[];
-        header: string;
-        headerClassName?: string;
-        menu?: TableColumnMenu;
-        tooltip?: string;
-    }
-}
-export declare function useTable<TType = unknown, TMeta = {}>(props: useTableProps<TType>, ref: React.RefObject<TableRef>, meta?: Partial<ReactTableMeta<TType>> & TMeta, internalColumns?: useTableInternalColumns<TType>): {
-    id: string;
-    instance: import("@tanstack/react-table").Table<TType>;
-    meta: ReactTableMeta<TType> & TMeta;
-    state: import("@tanstack/react-table").TableState;
-};

package/dist/primitives/Table/useTable/util/presets.d.ts

@@ -1,2 +0,0 @@
-import { TableFeatureProps, useTableProps } from '../../types';
-export declare function useTableFeaturePreset<TType = unknown>(props: useTableProps<TType>): TableFeatureProps;

package/dist/primitives/Table/useTable/util/settings.d.ts

@@ -1,12 +0,0 @@
-import { Table as ReactTable } from '@tanstack/react-table';
-export declare function getSettings<TType = unknown>(table: ReactTable<TType>): {
-    columnOrder: import("@tanstack/react-table").ColumnOrderState | undefined;
-    columnPinning: import("@tanstack/react-table").ColumnPinningState;
-    columnSizing: Record<string, number>;
-    columnVisibility: Record<string, boolean> | undefined;
-    excludeUnmatchedRecordsInSearch: any;
-    fontSize: "small" | "medium" | "large" | undefined;
-    grouping: import("@tanstack/react-table").GroupingState | undefined;
-    rowHeight: "medium" | "short" | "tall" | "extra-tall" | undefined;
-    sorting: import("@tanstack/react-table").SortingState;
-};

package/dist/primitives/Table/useTable/util/setup.d.ts

@@ -1,14 +0,0 @@
-import { TableOptions as ReactTableOptions, ColumnDef as ReactTableColumnDef, ColumnSizingState as ReactTableColumnSizingState, ColumnSort as ReactTableColumnSort, TableState as ReactTableState, VisibilityState as ReactTableVisibilityState } from '@tanstack/react-table';
-import { TableFeatureProps, useTableProps, TableSettings, useTableInternalColumns } from '../../types';
-export declare function mapTableChildrenToColumns<TType = unknown>(props: useTableProps<TType>, settings: TableSettings, options: TableFeatureProps, internalColumns?: useTableInternalColumns<TType>): {
-    columns: ReactTableColumnDef<TType, unknown>[];
-    defaultSizing: Record<string, number>;
-    defaultSorting: ReactTableColumnSort[];
-    defaultVisibility: Record<string, boolean>;
-};
-export declare function configureReactTableOptions<TType = unknown>(options: TableFeatureProps, props: useTableProps<TType>): Partial<ReactTableOptions<TType>>;
-export declare function useReactTableInitialState<TType = unknown>(props: useTableProps<TType>, columns: ReactTableColumnDef<TType>[], persistedSettings: TableSettings, defaults: {
-    defaultSizing: ReactTableColumnSizingState;
-    defaultSorting: ReactTableColumnSort[];
-    defaultVisibility: ReactTableVisibilityState;
-}): Partial<ReactTableState>;

package/dist/utils/dom.d.ts

@@ -1,7 +0,0 @@
-export declare const isOverflowing: (element: HTMLElement | null) => boolean;
-export declare const getIndexOfFirstChildOverflowingParent: (element: HTMLElement, overscan?: number) => number | null;
-export declare const getNextFocussableElement: (currentElement: HTMLElement | null) => HTMLElement | null;
-export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): boolean;
-export declare function isElementInsideOverlay(element: Element | null): boolean;
-export declare function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null): boolean;
-export declare function isElementInteractive(element: Element | null): boolean;