@rafal.lemieszewski/tide-ui 0.38.2 → 0.40.0

package/dist/components/ui/data-table.d.ts

@@ -127,15 +127,27 @@ export interface DataTableProps<TData, TValue> {
      * only a single item. This flattens single-item groups to show only
      * the parent row, reducing visual redundancy.
      *
-     * When enabled:
+     * Per-column configuration using column ID as key:
      * - Groups with 1 item: Only parent row shown (not expandable)
      * - Groups with 2+ items: Parent + expandable children shown normally
      *
-     * @default false
      * @example
-     * hideChildrenForSingleItemGroups={true}
+     * hideChildrenForSingleItemGroups={{ category: true, status: false }}
      */
-    hideChildrenForSingleItemGroups?: boolean;
+    hideChildrenForSingleItemGroups?: Record<string, boolean>;
+    /**
+     * When both this and hideChildrenForSingleItemGroups are enabled for a column,
+     * removes the expander button spacer for groups without expandable children.
+     * This eliminates the left padding for single-item groups, improving visual alignment.
+     *
+     * Per-column configuration using column ID as key.
+     * Only takes effect when hideChildrenForSingleItemGroups is also enabled for that column.
+     *
+     * @example
+     * hideChildrenForSingleItemGroups={{ category: true, status: true }}
+     * hideExpanderForSingleItemGroups={{ category: true, status: true }}
+     */
+    hideExpanderForSingleItemGroups?: Record<string, boolean>;
     enableRowPinning?: boolean;
     keepPinnedRows?: boolean;
     enableVirtualization?: boolean;
@@ -171,7 +183,7 @@ export interface DataTableProps<TData, TValue> {
     renderSectionHeaderRow?: (row: any) => React.ReactNode | null;
     autoExpandChildren?: boolean;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';