@rafal.lemieszewski/tide-ui 0.43.0 → 0.44.1

package/dist/components/ui/badge.d.ts

@@ -1,9 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
     intent?: "success" | "warning" | "destructive" | "magenta" | "violet" | "information" | "neutral" | "brand" | null | undefined;
-    appearance?: "solid" | "outline" | "subtle" | null | undefined;
+    appearance?: "solid" | "subtle" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { IconType } from './icon';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "success" | "destructive" | "secondary" | "primary" | "ghost" | null | undefined;
+    variant?: "default" | "success" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     iconPosition?: "none" | "left" | "right" | "only" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -40,9 +40,35 @@ declare module '@tanstack/react-table' {
         align?: 'left' | 'right';
         truncate?: boolean;
     }
+    interface ColumnDefBase<TData extends unknown, TValue = unknown> {
+        /**
+         * Custom cell renderer for section header rows.
+         * Similar to aggregatedCell for grouped rows, this allows rendering
+         * custom content for rows that act as section headers.
+         *
+         * When this returns non-null content, the row is treated as a section header:
+         * - The cell spans the full table width (colSpan = all columns)
+         * - Appropriate section header styling is applied
+         * - Other cells in the row are not rendered
+         *
+         * @example
+         * {
+         *   id: 'broker',
+         *   accessorKey: 'broker',
+         *   sectionHeaderCell: ({ row }) => {
+         *     if (row.original.isSectionHeader) {
+         *       return <div>Section: {row.original.name}</div>
+         *     }
+         *     return null
+         *   }
+         * }
+         */
+        sectionHeaderCell?: (info: any) => React.ReactNode;
+    }
 }
 declare const fuzzyFilter: FilterFn<any>;
 declare const multiSelectFilter: FilterFn<any>;
+declare const groupPreservingGlobalFilter: FilterFn<any>;
 interface DataTableSkeletonProps {
     columns: number;
     rows: number;
@@ -76,8 +102,9 @@ interface DataTablePaginationProps<_TData = any> {
     table: any;
     enableGrouping?: boolean;
     hideChildrenForSingleItemGroups?: Record<string, boolean>;
+    footerLabel?: React.ReactNode;
 }
-declare function DataTablePagination<TData>({ table, enableGrouping, hideChildrenForSingleItemGroups }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTablePagination<TData>({ table, enableGrouping, hideChildrenForSingleItemGroups, footerLabel }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
 export type BorderStyle = "vertical" | "horizontal" | "both" | "none";
 export interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -104,6 +131,22 @@ export interface DataTableProps<TData, TValue> {
     globalSearchPlaceholder?: string;
     enableExpanding?: boolean;
     getSubRows?: (row: TData) => TData[] | undefined;
+    /**
+     * Custom color overrides for expanding rows at different depths and states.
+     * If not provided, uses smart context-aware defaults that match grouping colors.
+     *
+     * @example
+     * expandingRowColors={{
+     *   expandedParent: 'var(--blue-50)',
+     *   collapsedParent: 'var(--color-background-neutral-subtle)',
+     *   children: 'var(--blue-25)'
+     * }}
+     */
+    expandingRowColors?: {
+        expandedParent?: string;
+        collapsedParent?: string;
+        children?: string;
+    };
     enableGrouping?: boolean;
     groupedColumnMode?: 'reorder' | 'remove' | false;
     enableManualGrouping?: boolean;
@@ -162,6 +205,8 @@ export interface DataTableProps<TData, TValue> {
     enableRowSelection?: boolean;
     showHeader?: boolean;
     showPagination?: boolean;
+    /** Custom content to display in the table footer, useful for showing filtered item counts or other status information */
+    footerLabel?: React.ReactNode;
     onTableReady?: (table: any) => void;
     initialState?: {
         grouping?: GroupingState;
@@ -219,8 +264,14 @@ export interface DataTableProps<TData, TValue> {
      * Default: applies cursor-pointer and hover background if onRowClick is provided
      */
     clickableRowClassName?: string;
+    /**
+     * When enabled with grouping, preserves entire groups during global search.
+     * If any row in a group matches, the entire group is shown and auto-expanded.
+     * Also enables highlighting of matched search terms.
+     */
+    groupPreservingSearch?: 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, 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, onRowClick, isRowClickable, clickableRowClassName, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };
+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, expandingRowColors, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, footerLabel, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, onRowClick, isRowClickable, clickableRowClassName, groupPreservingSearch, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter, groupPreservingGlobalFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';

package/dist/components/ui/spinner.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const spinnerVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-    variant?: "default" | "success" | "warning" | "error" | "secondary" | "primary" | "tertiary" | "disabled" | "inverse" | null | undefined;
+    variant?: "default" | "success" | "warning" | "error" | "primary" | "secondary" | "tertiary" | "disabled" | "inverse" | null | undefined;
     speed?: "normal" | "slow" | "fast" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {