@rafal.lemieszewski/tide-ui 0.28.0 → 0.29.0

package/dist/components/index.d.ts

@@ -63,6 +63,8 @@ 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 { Filters, FilterPanelContent, FilterDropdownMenu } from './ui/filters';
+export type { FiltersProps, FilterDefinition, FilterOption, FilterOptionGroup, FilterValue, } from './ui/filters';
 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/filters.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+export interface FilterOption {
+    value: string;
+    label: string;
+    children?: FilterOption[];
+}
+export interface FilterOptionGroup {
+    label: string;
+    options: FilterOption[];
+}
+export type FilterValue = string | string[] | number | [number, number] | Date | [Date, Date];
+export interface FilterDefinition {
+    id: string;
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    type: 'multiselect' | 'select' | 'combobox' | 'number' | 'date';
+    options?: FilterOption[];
+    groups?: FilterOptionGroup[];
+    searchPlaceholder?: string;
+    formatValue?: (values: string[], count: number) => string;
+}
+export interface FiltersProps {
+    filters: FilterDefinition[];
+    pinnedFilters: string[];
+    activeFilters: Record<string, FilterValue>;
+    onPinnedFiltersChange: (pinnedFilters: string[]) => void;
+    onFilterChange: (filterId: string, value: FilterValue) => void;
+    onFilterClear: (filterId: string) => void;
+    onFilterReset: () => void;
+}
+interface FilterPanelContentProps {
+    filter: FilterDefinition;
+    value: FilterValue;
+    onChange: (value: FilterValue) => void;
+    onReset?: () => void;
+}
+export declare function FilterPanelContent({ filter, value, onChange, onReset }: FilterPanelContentProps): import("react/jsx-runtime").JSX.Element;
+interface FilterDropdownMenuProps {
+    filters: FilterDefinition[];
+    pinnedFilters: string[];
+    activeFilters: Record<string, FilterValue>;
+    onPinnedFiltersChange: (pinnedFilters: string[]) => void;
+    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 {};