dawn-ui-react 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/components/table/table-row-grid.d.ts

@@ -1,2 +1,2 @@
 import { TableRowGridProps } from './table.types';
-export declare const TableRowGrid: ({ row, className, children, ref, ...props }: TableRowGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowGrid: <TData>({ row, className, children, ref, ...props }: TableRowGridProps<TData>) => import("react").JSX.Element;

package/dist/components/table/table-row-list.d.ts

@@ -1,2 +1,2 @@
 import { TableRowListProps } from './table.types';
-export declare const TableRowList: ({ row, className, children, ref, ...props }: TableRowListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowList: <TData>({ row, className, children, ref, ...props }: TableRowListProps<TData>) => import("react").JSX.Element;

package/dist/components/table/table-search.d.ts

@@ -1,2 +1,3 @@
 import { TableSearchProps } from './table.types';
-export declare const TableSearch: ({ className, children, ref, ...props }: TableSearchProps) => import("react/jsx-runtime").JSX.Element;
+import type * as React from 'react';
+export declare const TableSearch: ({ className, children, ref, ...props }: TableSearchProps) => React.JSX.Element;

package/dist/components/table/table-sort.d.ts

@@ -1,2 +1,2 @@
 import { TableSortProps } from './table.types';
-export declare const TableSort: ({ className, children, ref, ...props }: TableSortProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableSort: ({ className, children, ref, ascendingLabel, descendingLabel, ...props }: TableSortProps) => import("react").JSX.Element;

package/dist/components/table/table-toolbar.d.ts

@@ -0,0 +1,2 @@
+import { TableToolbarProps } from './table.types';
+export declare const TableToolbar: ({ sticky, className, children, ref, ...props }: TableToolbarProps) => import("react").JSX.Element;

package/dist/components/table/table.constants.d.ts

@@ -0,0 +1,64 @@
+import { z } from 'zod';
+import { FilterOperator, NumberOperator, SelectOperator, TextOperator } from './table.types';
+export declare const textFilterOperators: Record<TextOperator, {
+    fn: (rowValue: string, filterValue: string) => boolean;
+}>;
+export declare const selectFilterOperators: Record<SelectOperator, {
+    fn: (rowValue: string, filterValue: string | string[]) => boolean;
+}>;
+export declare const numberFilterOperators: Record<NumberOperator, {
+    fn: (rowValue: number, filterValue: number | [number, number]) => boolean;
+}>;
+export declare const textOperatorKeys: [TextOperator, ...TextOperator[]];
+export declare const selectOperatorKeys: [SelectOperator, ...SelectOperator[]];
+export declare const numberOperatorKeys: [NumberOperator, ...NumberOperator[]];
+export declare const filterDefinitions: {
+    text: {
+        operators: [TextOperator, ...TextOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                endsWith: "endsWith";
+                startsWith: "startsWith";
+                equals: "equals";
+                notEquals: "notEquals";
+                contains: "contains";
+                notContains: "notContains";
+            }>;
+            filterValue: z.ZodString;
+        }, z.core.$strip>;
+        defaultOperator: "contains";
+        defaultValue: string;
+    };
+    select: {
+        operators: [SelectOperator, ...SelectOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                equals: "equals";
+                notEquals: "notEquals";
+                anyOf: "anyOf";
+                noneOf: "noneOf";
+            }>;
+            filterValue: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+        }, z.core.$strip>;
+        defaultOperator: "equals";
+        defaultValue: string;
+    };
+    number: {
+        operators: [NumberOperator, ...NumberOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                equals: "equals";
+                notEquals: "notEquals";
+                greaterThan: "greaterThan";
+                greaterThanOrEqual: "greaterThanOrEqual";
+                lessThan: "lessThan";
+                lessThanOrEqual: "lessThanOrEqual";
+                between: "between";
+            }>;
+            filterValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>]>;
+        }, z.core.$strip>;
+        defaultOperator: "equals";
+        defaultValue: number;
+    };
+};
+export declare const defaultOperatorLabels: Record<FilterOperator, string>;

package/dist/components/table/table.d.ts

@@ -1,10 +1,19 @@
-import { TableProps } from './table.types';
+import { FilterType, TableDataSet, TableProps, TableView } from './table.types';
+import { RowData } from '@tanstack/react-table';
 import * as React from 'react';
-type TableContextType = TableProps & {
+type TableContextType<TData, TValue> = {
+    table: TableProps<TData, TValue>['table'];
+    dataSets?: TableDataSet<TData, TValue>[];
+    currentDataSet?: TableDataSet<TData, TValue>;
+    setCurrentDataSet?: React.Dispatch<React.SetStateAction<TableDataSet<TData, TValue>>>;
     view: TableView;
     setView: React.Dispatch<React.SetStateAction<TableView>>;
 };
-export type TableView = 'grid' | 'list';
-export declare const Table: ({ defaultView, table, className, children, ref, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useTable: () => TableContextType;
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        filterType?: FilterType;
+    }
+}
+export declare const Table: <TData, TValue>({ currentDataSet, setCurrentDataSet, dataSets, defaultView, table, className, children, ref, ...props }: TableProps<TData, TValue>) => React.JSX.Element;
+export declare const useTable: () => TableContextType<any, any>;
 export {};

package/dist/components/table/table.types.d.ts

@@ -1,9 +1,32 @@
+import { MenuTrigger } from '../menu';
+import { SelectTrigger } from '../select';
+import { Tabs } from '../tabs';
 import { Button } from '../button';
 import { inputVariants } from '../input/input.types';
-import { TableView } from './table';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
+import { filterDefinitions } from './table.constants';
+import { Column, ColumnDef, Row, Table as TanstackTable } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
-export type TableFilterProps = React.ComponentProps<typeof Button>;
+import { z } from 'zod';
+export type FilterOperator = 'equals' | 'notEquals' | 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'before' | 'after' | 'between' | 'anyOf' | 'noneOf' | 'empty' | 'notEmpty';
+export type TextOperator = Extract<FilterOperator, 'equals' | 'notEquals' | 'contains' | 'notContains' | 'startsWith' | 'endsWith'>;
+export type SelectOperator = Extract<FilterOperator, 'equals' | 'notEquals' | 'anyOf' | 'noneOf'>;
+export type NumberOperator = Extract<FilterOperator, 'equals' | 'notEquals' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'between'>;
+export type FilterType = 'text' | 'select' | 'number';
+export type TextFilterValue = {
+    filterOperator: TextOperator;
+    filterValue: string;
+};
+export type SelectFilterValue = {
+    filterOperator: SelectOperator;
+    filterValue: string | string[];
+};
+export type NumberFilterValue = {
+    filterOperator: NumberOperator;
+    filterValue: number | [number, number];
+};
+export type TableFilterProps = React.ComponentProps<typeof MenuTrigger> & {
+    operatorLabels?: Partial<Record<FilterOperator, string>>;
+};
 export type TableFirstPageProps = React.ComponentProps<typeof Button>;
 export type TableFooterProps = React.ComponentProps<'tfoot'>;
 export type TableHeaderProps = React.ComponentProps<'thead'>;
@@ -19,21 +42,63 @@ export type TableResultsProps = Omit<React.ComponentProps<'div'>, 'children'> &
 export type TablePreviousPageProps = React.ComponentProps<typeof Button>;
 export type TableRefreshProps = React.ComponentProps<typeof Button>;
 export type TableSearchProps = React.ComponentProps<'input'> & VariantProps<typeof inputVariants>;
-export type TableProps = React.ComponentProps<'div'> & {
+export type TableProps<TData, TValue> = React.ComponentProps<'div'> & {
+    table: TanstackTable<TData>;
+    dataSets?: TableDataSet<TData, TValue>[];
+    currentDataSet?: TableDataSet<TData, TValue>;
+    setCurrentDataSet?: React.Dispatch<React.SetStateAction<TableDataSet<TData, TValue>>>;
     defaultView?: TableView;
-    table: TanstackTable<any>;
 };
-export type TableSortProps = React.ComponentProps<typeof Button>;
-export type TableRowListProps = React.ComponentProps<'tr'> & {
-    row: Row<any>;
+export type TableColumnToggleProps = React.ComponentProps<typeof MenuTrigger>;
+export type TableRowListProps<TData> = React.ComponentProps<'tr'> & {
+    row: Row<TData>;
+};
+export type TableBodyListProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
+    showDivider?: boolean;
+    children: (row: Row<TData>) => React.ReactNode;
+};
+export type TableBodyGridProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
+    children?: (row: Row<TData>) => React.ReactNode;
+};
+export type TableRowGridProps<TData> = React.ComponentProps<'tr'> & {
+    row: Row<TData>;
+};
+export type TableNavProps = React.ComponentProps<'div'> & {
+    sticky?: boolean;
+};
+export type TableContentProps = React.ComponentProps<'div'>;
+export type TablePagingProps = React.ComponentProps<'div'> & {
+    min?: number;
+    max?: number;
+};
+export type TableContainerProps = React.ComponentProps<'table'>;
+export type TableToolbarProps = React.ComponentProps<'div'> & {
+    sticky?: boolean;
+};
+export type TableFiltersProps = React.ComponentProps<'ul'> & {
+    operatorLabels?: Partial<Record<FilterOperator, string>>;
+};
+export type TableFilterFormProps<TData, TValue, TFilterType extends keyof typeof filterDefinitions> = React.ComponentProps<'form'> & {
+    column: Column<TData, TValue>;
+    filterType: TFilterType;
+    operatorLabels?: Partial<Record<FilterOperator, string>>;
+    clearLabel?: React.ReactNode;
+    submitLabel?: React.ReactNode;
+    renderClearButton?: (defaultButton: React.ReactNode) => React.ReactNode;
+    renderSubmitButton?: (defaultButton: React.ReactNode) => React.ReactNode;
 };
-export type TableBodyProps = Omit<React.ComponentProps<'tbody'>, 'children'> & {
-    children?: (row: Row<any>) => React.ReactNode;
-    rowGridOverride?: React.ComponentType<TableRowGridProps>;
-    rowListOverride?: React.ComponentType<TableRowListProps>;
+export type FilterValue<T extends keyof typeof filterDefinitions> = z.infer<(typeof filterDefinitions)[T]['schema']>;
+export type TableSortProps = React.ComponentProps<typeof MenuTrigger> & {
+    ascendingLabel?: string;
+    descendingLabel?: string;
 };
-export type TableRowGridProps = React.ComponentProps<'tr'> & {
-    row: Row<any>;
+export type TableDataSet<TData, TValue> = {
+    id: string;
+    label: string;
+    data: TData[];
+    columns: ColumnDef<TData, TValue>[];
 };
-export type TableNavProps = React.ComponentProps<'div'>;
-export type TableContentProps = React.ComponentProps<'table'>;
+export type TableView = 'grid' | 'list';
+export type TableDataSetSelectProps = React.ComponentProps<typeof SelectTrigger>;
+export type TableDataSetTabsProps = React.ComponentProps<typeof Tabs>;
+export type TableChangeViewProps = React.ComponentProps<typeof Button>;

package/dist/components/table/table.utils.d.ts

@@ -0,0 +1,4 @@
+import { FilterFn } from '@tanstack/react-table';
+export declare const textFilterFn: FilterFn<any>;
+export declare const selectFilterFn: FilterFn<any>;
+export declare const numberFilterFn: FilterFn<any>;

package/dist/components/tabs/tabs-indicator.d.ts

@@ -1,2 +1,2 @@
 import { TabsIndicatorProps } from './tabs.types';
-export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => import("react").JSX.Element;

package/dist/components/tabs/tabs-list.d.ts

@@ -1,2 +1,2 @@
 import { TabsListProps } from './tabs.types';
-export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react").JSX.Element;

package/dist/components/tabs/tabs-panel.d.ts

@@ -1,2 +1,2 @@
 import { TabsPanelProps } from './tabs.types';
-export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => import("react").JSX.Element;

package/dist/components/tabs/tabs-tab.d.ts

@@ -1,2 +1,2 @@
 import { TabsTabProps } from './tabs.types';
-export declare const TabsTab: ({ className, ...props }: TabsTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsTab: ({ className, ...props }: TabsTabProps) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TabsProps } from '.';
-export declare const Tabs: ({ variant, fill, className, ref, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ size, tone, variant, fill, className, ref, ...props }: TabsProps) => import("react").JSX.Element;

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

@@ -6,7 +6,10 @@ export type TabsTabProps = ComponentProps<typeof BaseTabs.Tab>;
 export type TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>;
 export type TabsListProps = ComponentProps<typeof BaseTabs.List>;
 export declare const tabsVariants: (props?: ({
-    variant?: "default" | "underline" | null | undefined;
+    variant?: "ghost" | "default" | "underline" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     fill?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TabsProps = React.ComponentProps<typeof BaseTabs.Root> & VariantProps<typeof tabsVariants>;
+export type TabsTabValue = TabsTabProps['value'];

package/dist/components/text-area/text-area.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { TextAreaProps } from './text-area.types';
-export declare const TextArea: ({ variant, className, ref, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextArea: ({ variant, className, ref, ...props }: TextAreaProps) => React.JSX.Element;

package/dist/components/toast/anchored-toast-item.d.ts

@@ -1,2 +1,2 @@
 import { AnchoredToastItemProps } from './toast.types';
-export declare const AnchoredToastItem: ({ className, ref, toast, ...props }: AnchoredToastItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnchoredToastItem: ({ className, ref, toast, ...props }: AnchoredToastItemProps) => import("react").JSX.Element;

package/dist/components/toast/anchored-toasts.d.ts

@@ -1,2 +1,2 @@
 import { AnchoredToastProps } from './toast.types';
-export declare const AnchoredToasts: ({ className, ref, ...props }: AnchoredToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnchoredToasts: ({ className, ref, ...props }: AnchoredToastProps) => import("react").JSX.Element;

package/dist/components/toast/stack-toast-item.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { StackToastItemProps } from './toast.types';
-export declare const StackToastItem: ({ className, ref, toast, ...props }: StackToastItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StackToastItem: ({ className, ref, toast, ...props }: StackToastItemProps) => React.JSX.Element;

package/dist/components/toast/stack-toasts.d.ts

@@ -1,2 +1,2 @@
 import { StackToastProps } from './toast.types';
-export declare const StackToasts: ({ className, ref, ...props }: StackToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StackToasts: ({ className, ref, ...props }: StackToastProps) => import("react").JSX.Element;

package/dist/components/toast/toast-provider.d.ts

@@ -1,2 +1,2 @@
 import { ToastProviderProps } from './toast.types';
-export declare const ToastProvider: ({ className, children, ref, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToastProvider: ({ children }: ToastProviderProps) => import("react").JSX.Element;

package/dist/components/toggle/toggle.d.ts

@@ -1,2 +1,2 @@
 import { ToggleProps } from './toggle.types';
-export declare const Toggle: ({ size, tone, className, children, ref, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toggle: ({ size, tone, className, children, ref, ...props }: ToggleProps) => import("react").JSX.Element;

package/dist/components/toggle-group/toggle-group.d.ts

@@ -1,2 +1,2 @@
 import { ToggleGroupProps } from './toggle-group.types';
-export declare const ToggleGroup: ({ size, className, children, ref, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroup: ({ size, variant, className, children, ref, ...props }: ToggleGroupProps) => import("react").JSX.Element;

package/dist/components/toggle-group/toggle-group.types.d.ts

@@ -2,5 +2,6 @@ import { VariantProps } from 'class-variance-authority';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 export declare const toggleGroupVariants: (props?: ({
     size?: "small" | "large" | "medium" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup> & VariantProps<typeof toggleGroupVariants>;

package/dist/components/tooltip/tooltip-context.d.ts

@@ -1,2 +1,2 @@
 import { TooltipContentProps } from './tooltip.types';
-export declare const TooltipContent: ({ side, alignOffset, sideOffset, className, children, ...props }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipContent: ({ side, alignOffset, sideOffset, className, children, ...props }: TooltipContentProps) => import("react").JSX.Element;

package/dist/components/tooltip/tooltip-trigger.d.ts

@@ -1,2 +1,2 @@
 import { TooltipTriggerProps } from './tooltip.types';
-export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => import("react").JSX.Element;

package/dist/components/tooltip/tooltip.d.ts

@@ -1,2 +1,2 @@
 import { TooltipProps } from './tooltip.types';
-export declare const Tooltip: ({ children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, ...props }: TooltipProps) => import("react").JSX.Element;