@economic/taco 2.25.1 → 2.26.1

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

@@ -2,6 +2,7 @@
 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 } from '@tanstack/react-table';
 import { FontSize, FontSizes, ValueOf } from '../../types';
 import { MenuProps } from '../../components/Menu/Menu';
+import { MenuItemProps } from '../../components/Menu/components/Item';
 declare type TODO = any;
 export declare type TableRef = HTMLTableElement & {
     instance: {
@@ -61,12 +62,19 @@ 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 TableRowActionRenderer<TType = unknown> = (row: TType, internalRowId: string) => 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 TableRowDragHandler<TType = unknown> = (rows: TType[], showPlaceholder: (string: any) => void, setDataTransfer: (data: string) => void) => void;
+export declare type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, 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 TableRowWithMetaData<TType = unknown> = TType & {
+    _meta?: {
+        layout?: 'heading' | 'summary' | 'item';
+    };
+};
 export declare type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;
 export declare type TableShortcutHandlerObject<TType = unknown> = {
     handler: TableShortcutHandlerFn<TType>;
@@ -75,7 +83,7 @@ export declare type TableShortcutHandlerObject<TType = unknown> = {
 };
 export declare type TableFilterHandler = (filters: TableColumnFilter[]) => void;
 export declare type TableFontSize = keyof typeof FontSizes;
-export declare type TablePreset = 'lite' | 'complex';
+export declare type TablePreset = 'complex' | 'list' | 'simple';
 export declare type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
 export declare type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
@@ -90,6 +98,8 @@ export declare enum TableServerLoadAllState {
 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 TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];
+export declare type TableEmptyStateRenderer = () => JSX.Element | null;
 export declare type TableSettings = {
     columnFilters?: ReactTableColumnFilterState;
     columnOrder?: ReactTableColumnOrderState;
@@ -131,25 +141,35 @@ export declare type TableFeatureProps = {
     enableRowActions?: boolean;
     enableRowActive?: boolean;
     enableRowClick?: boolean;
+    enableRowDrag?: boolean;
+    enableRowDrop?: boolean;
     enableRowGoto?: boolean;
     enableRowHeight?: boolean;
     enableSaveSettings?: boolean | Partial<EnableSettingsOptions>;
 };
-declare type TableCommonProps<TType = unknown> = TableFeatureProps & {
+export declare type TableCommonProps<TType = unknown> = TableFeatureProps & {
     children: (JSX.Element | boolean | null | undefined)[];
     data: TType[];
     id: string;
+    customSettings?: TableCustomSettingsRenderer;
     defaultColumnFreezingIndex?: number;
     defaultRowActiveIndex?: number;
     defaultRowGroupColumnId?: keyof TType;
     defaultSettings?: TableSettings;
+    emptyState?: TableEmptyStateRenderer;
     preset?: TablePreset;
     rowActions?: TableRowActionRenderer<TType>[];
     rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];
     rowActionsLength?: number;
     rowExpansionRenderer?: TableRowExpansionRenderer<TType>;
+    rowIdentityColumnId?: string;
     shortcuts?: TableShortcuts<TType>;
+    toolbarLeft?: JSX.Element;
+    toolbarRight?: JSX.Element;
+    toolbarPanel?: JSX.Element;
     onRowClick?: TableRowClickHandler<TType>;
+    onRowDrag?: TableRowDragHandler<TType>;
+    onRowDrop?: TableRowDropHandler<TType>;
     onRowGoto?: TableRowGotoHandler;
     onRowSelect?: TableRowSelectHandler<TType>;
     onChangeFilter?: TableFilterHandler;
@@ -211,4 +231,149 @@ export declare type TableGroupProps = {
     header: string;
     id: string;
 };
+export declare type TableTexts = {
+    columns: {
+        actions: {
+            tooltip: string;
+        };
+        drag: {
+            tooltip: string;
+        };
+        expansion: {
+            collapse: string;
+            collapseAll: string;
+            expand: string;
+            expandAll: string;
+        };
+        menu: {
+            editFilter: string;
+            filter: string;
+            freezeFirstColumn: string;
+            freezeUptoColumn: string;
+            gotoRow: string;
+            hideColumn: string;
+            unfreezeColumns: string;
+            sorting: string;
+            sortingOrder: {
+                ascending: string;
+                descending: string;
+                unsorted: string;
+            };
+        };
+        resize: {
+            tooltip: string;
+        };
+        select: {
+            deselect: string;
+            deselectAll: string;
+            select: string;
+            selectAll: string;
+        };
+    };
+    columnSettings: {
+        button: string;
+        noResults: string;
+        search: string;
+        tooltip: string;
+    };
+    filters: {
+        button: string;
+        buttons: {
+            addFilter: string;
+            clearFilters: string;
+        };
+        comparators: {
+            contains: string;
+            doesNotContain: string;
+            isEqualTo: string;
+            isNotEqualTo: string;
+            isGreaterThan: string;
+            isLessThan: string;
+            isBetween: string;
+            isEmpty: string;
+            isNotEmpty: string;
+            isBefore: string;
+            isAfter: string;
+            isLessThanOrEqualTo: string;
+            isGreaterThanOrEqualTo: string;
+            isOnOrBefore: string;
+            isOnOrAfter: string;
+            hasAnyOf: string;
+            hasAllOf: string;
+            hasNoneOf: string;
+        };
+        conditions: {
+            and: string;
+            where: string;
+        };
+        emptyFilter: {
+            condition: string;
+            value: string;
+        };
+        hiddenColumn: string;
+        hiddenGroupedColumn: string;
+        tooltip: string;
+        total: string;
+    };
+    fontSize: {
+        tooltip: string;
+        sizes: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    };
+    footer: {
+        summary: {
+            count: string;
+            records: string;
+            selected: string;
+        };
+    };
+    print: {
+        error: string;
+        loading: string;
+        tooltip: string;
+        warningDialog: {
+            title: string;
+            description: string;
+            checkboxVisibilityLabel: string;
+            cancelButtonText: string;
+            printButtonText: string;
+        };
+        settingsDialog: {
+            title: string;
+            size: string;
+            sizeA5: string;
+            sizeA4: string;
+            sizeA3: string;
+            sizeLetter: string;
+            sizeLegal: string;
+            orientation: string;
+            orientationLandscape: string;
+            orientationPortrait: string;
+            rows: string;
+            rowsAll: string;
+            rowsSelected: string;
+            layout: string;
+            layoutSplitGroups: string;
+        };
+    };
+    rowHeight: {
+        tooltip: string;
+        sizes: {
+            short: string;
+            medium: string;
+            tall: string;
+            extraTall: string;
+        };
+    };
+    search: {
+        excludeUnmatchedResults: string;
+        placeholder: string;
+    };
+    otherOptions: {
+        tooltip: string;
+    };
+};
 export {};

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

@@ -1,11 +1,13 @@
 import React from 'react';
-import { TableRef, TableScrollToIndexHandler } from '../../types';
+import { TableScrollToIndexHandler } from '../../types';
 export declare function useTableRowActive(isEnabled?: boolean, initialRowActiveIndex?: number): {
     isEnabled: boolean;
     rowActiveIndex: number | undefined;
     setRowActiveIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
+    rowHoverIndex: number | undefined;
+    setRowHoverIndex: 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;
+    handleKeyDown: (event: KeyboardEvent, length: number, scrollToIndex: TableScrollToIndexHandler) => void;
 };

package/dist/primitives/Table/useTableManager/features/useTableRowDrag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TableRowDragHandler } from '../../types';
+export declare function useTableRowDrag<TType = unknown>(isEnabled?: boolean, onRowDrag?: TableRowDragHandler<TType>): {
+    isEnabled: boolean;
+    dragging: Record<string, boolean>;
+    setDragging: React.Dispatch<React.SetStateAction<Record<string, boolean>>> | undefined;
+    handleRowDrag: TableRowDragHandler<TType> | undefined;
+};

package/dist/primitives/Table/useTableManager/features/useTableRowDrop.d.ts

@@ -0,0 +1,5 @@
+import { TableRowDropHandler } from '../../types';
+export declare function useTableRowDrop<TType = unknown>(isEnabled: boolean | undefined, onRowDrop: TableRowDropHandler<TType> | undefined): {
+    isEnabled: boolean;
+    handleDrop: TableRowDropHandler<TType> | undefined;
+};

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

@@ -8,6 +8,7 @@ export declare type useTableManagerInternalColumn<TType = unknown> = {
 };
 export declare type useTableManagerInternalColumns<TType = unknown> = {
     rowActions?: useTableManagerInternalColumn<TType>;
+    rowDrag?: useTableManagerInternalColumn<TType>;
     rowExpansion?: useTableManagerInternalColumn<TType>;
     rowSelection?: useTableManagerInternalColumn<TType>;
 };

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { TableMeta as ReactTableMeta, RowData } from '@tanstack/react-table';
-import { TableColumnAlignment, TableColumnClassNameHandler, TableColumnDataType, TableColumnMenu, TableColumnRendererControl, TableFilterComparator, TableRef, TableProps } from '../types';
+import { TableColumnAlignment, TableColumnClassNameHandler, TableColumnDataType, TableColumnMenu, TableColumnRendererControl, TableFilterComparator, TableProps } from '../types';
 import { useTableColumnFreezing } from './features/useTableColumnFreezing';
 import { useTableColumnOrdering } from './features/useTableColumnOrdering';
 import { useTableFooter } from './features/useTableFooter';
@@ -17,6 +16,8 @@ import { useTableRowSelection } from './features/useTableRowSelection';
 import { useTableSearch } from './features/useTableSearch';
 import { useTableServerLoading } from './features/useTableServerLoading';
 import { useTableManagerInternalColumns } from './types';
+import { useTableRowDrag } from './features/useTableRowDrag';
+import { useTableRowDrop } from './features/useTableRowDrop';
 declare module '@tanstack/table-core' {
     interface TableMeta<TData extends RowData> {
         columnFreezing: ReturnType<typeof useTableColumnFreezing>;
@@ -28,10 +29,13 @@ declare module '@tanstack/table-core' {
         rowActions: ReturnType<typeof useTableRowActions>;
         rowActive: ReturnType<typeof useTableRowActive>;
         rowClick: ReturnType<typeof useTableRowClick>;
+        rowDrag: ReturnType<typeof useTableRowDrag>;
+        rowDrop: ReturnType<typeof useTableRowDrop>;
         rowExpansion: ReturnType<typeof useTableRowExpansion>;
         rowGoto: ReturnType<typeof useTableRowGoto>;
         rowGroups: ReturnType<typeof useTableRowGroups>;
         rowHeight: ReturnType<typeof useTableRowHeight>;
+        rowIdentityColumnId?: string;
         rowSelection: ReturnType<typeof useTableRowSelection>;
         search: ReturnType<typeof useTableSearch>;
         server: ReturnType<typeof useTableServerLoading>;
@@ -41,8 +45,10 @@ declare module '@tanstack/table-core' {
         className?: TableColumnClassNameHandler<TData>;
         control?: TableColumnRendererControl<TData>;
         dataType?: TableColumnDataType;
+        defaultWidth?: number;
         enableOrdering?: boolean;
         enablePrinting?: boolean;
+        enableSearch?: boolean;
         enableTruncate?: boolean;
         filters?: TableFilterComparator[];
         header: string;
@@ -51,7 +57,7 @@ declare module '@tanstack/table-core' {
         tooltip?: string;
     }
 }
-export declare function useTableManager<TType = unknown, TMeta = {}>(props: TableProps<TType>, ref: React.RefObject<TableRef>, meta?: Partial<ReactTableMeta<TType>> & TMeta, internalColumns?: useTableManagerInternalColumns<TType>): {
+export declare function useTableManager<TType = unknown, TMeta = {}>(props: TableProps<TType>, meta?: Partial<ReactTableMeta<TType>> & TMeta, internalColumns?: useTableManagerInternalColumns<TType>): {
     id: string;
     instance: import("@tanstack/react-table").Table<TType>;
     meta: ReactTableMeta<TType> & TMeta;

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

@@ -4,7 +4,7 @@ export declare function getSettings<TType = unknown>(table: ReactTable<TType>):
     columnPinning: import("@tanstack/react-table").ColumnPinningState;
     columnSizing: Record<string, number>;
     columnVisibility: Record<string, boolean> | undefined;
-    excludeUnmatchedRecordsInSearch: any;
+    excludeUnmatchedRecordsInSearch: boolean | undefined;
     fontSize: "small" | "medium" | "large" | undefined;
     grouping: import("@tanstack/react-table").GroupingState | undefined;
     rowHeight: "medium" | "short" | "tall" | "extra-tall" | undefined;