@rafal.lemieszewski/tide-ui 0.29.1 → 0.31.0

package/dist/components/index.d.ts

@@ -63,8 +63,12 @@ export { Popover, PopoverTrigger, PopoverContent } from './ui/popover';
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableSortHeader, TableGroupHeader, tableVariants, tableRowVariants, tableCellVariants, tableHeaderVariants, } from './ui/table';
 export type { TableProps, TableRowProps, TableHeadProps, TableCellProps, TableSortHeaderProps, } from './ui/table';
 export { DataTable } from './ui/data-table';
+export { DataTableSettingsMenu } from './ui/data-table-settings-menu';
+export type { DataTableSettingsMenuProps, ColumnOption } from './ui/data-table-settings-menu';
 export { Filters, FilterPanelContent, FilterDropdownMenu } from './ui/filters';
-export type { FiltersProps, FilterDefinition, FilterOption, FilterOptionGroup, FilterValue, } from './ui/filters';
+export type { FiltersProps, FilterDefinition, FilterOption, FilterOptionGroup, FilterValue, GlobalSearchTerm, } from './ui/filters';
+export { Bookmarks } from './ui/bookmarks';
+export type { Bookmark, BookmarksProps, FiltersState, TableState, } from './ui/bookmarks';
 export { LinkedChart, createLinkedChartColumns } from './ui/linked-chart';
 export type { LinkedChartProps, LinkedChartColumn } from './ui/linked-chart';
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './ui/resizable';

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

@@ -0,0 +1,41 @@
+import { FilterValue } from './filters';
+import { SortingState, VisibilityState, GroupingState, ColumnOrderState } from '@tanstack/react-table';
+export interface FiltersState {
+    activeFilters: Record<string, FilterValue>;
+    pinnedFilters?: string[];
+    globalSearchTerms: string[];
+}
+export interface TableState {
+    sorting: SortingState;
+    columnVisibility: VisibilityState;
+    grouping: GroupingState;
+    columnOrder: ColumnOrderState;
+    columnSizing: Record<string, number>;
+}
+export interface Bookmark {
+    id: string;
+    name: string;
+    type: "system" | "user";
+    isDefault?: boolean;
+    createdAt: Date;
+    updatedAt: Date;
+    count?: number;
+    filtersState?: FiltersState;
+    tableState?: TableState;
+}
+export interface BookmarksProps {
+    variant: "list" | "tabs";
+    bookmarks: Bookmark[];
+    systemBookmarks: Bookmark[];
+    activeBookmarkId?: string;
+    defaultBookmarkId?: string;
+    isDirty: boolean;
+    hideActions?: boolean;
+    onSelect: (bookmark: Bookmark) => void;
+    onRevert: () => void;
+    onSave: (action: "update" | "create", name?: string) => Promise<void>;
+    onRename: (id: string, newName: string) => Promise<void>;
+    onDelete: (id: string) => Promise<void>;
+    onSetDefault: (id: string) => Promise<void>;
+}
+export declare function Bookmarks({ variant, bookmarks, systemBookmarks, activeBookmarkId, isDirty, hideActions, onSelect, onRevert, onSave, onRename, onDelete, onSetDefault, }: BookmarksProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+interface ColumnOption {
+    id: string;
+    label: string;
+}
+interface DataTableSettingsMenuProps {
+    sortableColumns: ColumnOption[];
+    selectedSortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+    onSortChange?: (columnId: string) => void;
+    onSortDirectionChange?: (direction: 'asc' | 'desc') => void;
+    groupableColumns: ColumnOption[];
+    selectedGroupColumn?: string;
+    onGroupChange?: (columnId: string) => void;
+    columns: ColumnOption[];
+    visibleColumns: string[];
+    onColumnVisibilityChange?: (columnId: string, visible: boolean) => void;
+    align?: "start" | "end";
+    triggerClassName?: string;
+}
+export declare function DataTableSettingsMenu({ sortableColumns, selectedSortColumn, sortDirection, onSortChange, onSortDirectionChange, groupableColumns, selectedGroupColumn, onGroupChange, columns, visibleColumns, onColumnVisibilityChange, align, triggerClassName, }: DataTableSettingsMenuProps): import("react/jsx-runtime").JSX.Element;
+export type { DataTableSettingsMenuProps, ColumnOption };

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

@@ -1,4 +1,4 @@
-import { ColumnDef, ExpandedState, GroupingState, FilterFn, ColumnResizeMode } from '@tanstack/react-table';
+import { ColumnDef, SortingState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode } from '@tanstack/react-table';
 import * as React from "react";
 export type FilterVariant = "text" | "select" | "multiselect" | "number" | "date" | "boolean";
 export interface NestedHeaderConfig {
@@ -32,23 +32,19 @@ interface DataTableToolbarProps<_TData = any> {
     table: any;
     searchKey?: string;
     searchPlaceholder?: string;
-    showViewOptions?: boolean;
     enableGlobalSearch?: boolean;
     globalSearchPlaceholder?: string;
     globalFilter?: string;
     onGlobalFilterChange?: (value: string) => void;
     enableGlobalFaceting?: boolean;
     enableGrouping?: boolean;
+    showSettingsMenu?: boolean;
 }
-declare function DataTableToolbar<TData>({ table, searchKey, searchPlaceholder, showViewOptions, enableGlobalSearch, globalSearchPlaceholder, globalFilter, onGlobalFilterChange, enableGlobalFaceting, enableGrouping }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableToolbar<TData>({ table, searchKey, searchPlaceholder, enableGlobalSearch, globalSearchPlaceholder, globalFilter, onGlobalFilterChange, enableGlobalFaceting, enableGrouping, showSettingsMenu, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
 interface DataTableFilterProps {
     column: any;
 }
 declare function DataTableFilter({ column }: DataTableFilterProps): import("react/jsx-runtime").JSX.Element;
-interface DataTableViewOptionsProps<_TData = any> {
-    table: any;
-}
-declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): import("react/jsx-runtime").JSX.Element;
 interface DataTableColumnHeaderProps<_TData = any, _TValue = any> extends React.HTMLAttributes<HTMLDivElement> {
     column: any;
     title: string;
@@ -109,10 +105,20 @@ export interface DataTableProps<TData, TValue> {
             bottom?: string[];
         };
     };
+    sorting?: SortingState;
+    onSortingChange?: (updaterOrValue: SortingState | ((old: SortingState) => SortingState)) => void;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: (updaterOrValue: VisibilityState | ((old: VisibilityState) => VisibilityState)) => void;
+    grouping?: GroupingState;
+    onGroupingChange?: (updaterOrValue: GroupingState | ((old: GroupingState) => GroupingState)) => void;
+    columnOrder?: ColumnOrderState;
+    onColumnOrderChange?: (updaterOrValue: ColumnOrderState | ((old: ColumnOrderState) => ColumnOrderState)) => void;
+    columnSizing?: Record<string, number>;
+    onColumnSizingChange?: (updaterOrValue: Record<string, number> | ((old: Record<string, number>) => Record<string, number>)) => void;
     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, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, renderSectionHeaderRow, autoExpandChildren, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, DataTableViewOptions, 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, enableGrouping, groupedColumnMode, enableManualGrouping, 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';

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

@@ -21,6 +21,15 @@ export interface FilterDefinition {
     searchPlaceholder?: string;
     formatValue?: (values: string[], count: number) => string;
 }
+export interface GlobalSearchTerm {
+    value: string;
+    matchedFilter?: {
+        filterId: string;
+        icon: React.ComponentType<{
+            className?: string;
+        }>;
+    };
+}
 export interface FiltersProps {
     filters: FilterDefinition[];
     pinnedFilters: string[];
@@ -29,6 +38,12 @@ export interface FiltersProps {
     onFilterChange: (filterId: string, value: FilterValue) => void;
     onFilterClear: (filterId: string) => void;
     onFilterReset: () => void;
+    enableGlobalSearch?: boolean;
+    globalSearchTerms?: string[];
+    onGlobalSearchChange?: (terms: string[]) => void;
+    globalSearchPlaceholder?: string;
+    hideReset?: boolean;
+    actionButtons?: React.ReactNode;
 }
 interface FilterPanelContentProps {
     filter: FilterDefinition;
@@ -45,5 +60,5 @@ interface FilterDropdownMenuProps {
     onFilterChange: (filterId: string, value: FilterValue) => void;
 }
 export declare function FilterDropdownMenu({ filters, pinnedFilters, activeFilters, onPinnedFiltersChange, onFilterChange, }: FilterDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-export declare function Filters({ filters, pinnedFilters, activeFilters, onPinnedFiltersChange, onFilterChange, onFilterClear, onFilterReset, }: FiltersProps): import("react/jsx-runtime").JSX.Element;
+export declare function Filters({ filters, pinnedFilters, activeFilters, onPinnedFiltersChange, onFilterChange, onFilterClear, onFilterReset, enableGlobalSearch, globalSearchTerms, onGlobalSearchChange, globalSearchPlaceholder, hideReset, actionButtons, }: FiltersProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,10 +2,14 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 declare const tabsListVariants: (props?: ({
+    variant?: "line" | "pill" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tabsTriggerVariants: (props?: ({
+    variant?: "line" | "pill" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
 }
@@ -14,6 +18,7 @@ interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimit
 }
 declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
 interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
+    icon?: React.ReactNode;
 }
 declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;