dawn-ui-react 1.0.0-alpha.9 → 1.0.0-beta.2

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

@@ -1,9 +1,12 @@
+import { default as z } from 'zod';
+import { MenuTrigger } from '../menu';
+import { BadgeProps } from '../badge';
 import { Button } from '../button';
+import { Checkbox } from '../checkbox';
 import { inputVariants } from '../input/input.types';
-import { TableView } from './table';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
+import { features } from './table-context';
+import { Column, RowData } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
-export type TableFilterProps = React.ComponentProps<typeof Button>;
 export type TableFirstPageProps = React.ComponentProps<typeof Button>;
 export type TableFooterProps = React.ComponentProps<'tfoot'>;
 export type TableHeaderProps = React.ComponentProps<'thead'>;
@@ -19,21 +22,130 @@ 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'> & {
-    defaultView?: TableView;
-    table: TanstackTable<any>;
+export type TableColumnToggleProps = React.ComponentProps<typeof MenuTrigger>;
+export type TableRowProps = React.ComponentProps<'tr'>;
+export type TableBodyProps = React.ComponentProps<'tbody'> & {
+    showDivider?: boolean;
 };
-export type TableSortProps = React.ComponentProps<typeof Button>;
-export type TableRowListProps = React.ComponentProps<'tr'> & {
-    row: Row<any>;
+export type TableNavProps = React.ComponentProps<'div'> & {
+    sticky?: boolean;
 };
-export type TableBodyProps = Omit<React.ComponentProps<'tbody'>, 'children'> & {
-    children?: (row: Row<any>) => React.ReactNode;
-    rowGridOverride?: React.ComponentType<TableRowGridProps>;
-    rowListOverride?: React.ComponentType<TableRowListProps>;
+export type TableContentProps = React.ComponentProps<'div'>;
+export type TablePagingProps = React.ComponentProps<'div'> & {
+    min?: number;
+    max?: number;
 };
-export type TableRowGridProps = React.ComponentProps<'tr'> & {
-    row: Row<any>;
+export type TableContainerProps = React.ComponentProps<'div'>;
+export type TableToolbarProps = React.ComponentProps<'div'> & {
+    sticky?: boolean;
 };
-export type TableNavProps = React.ComponentProps<'div'>;
-export type TableContentProps = React.ComponentProps<'table'>;
+export type TableFilterMenuProps = React.ComponentProps<'button'>;
+export type TableFilterListProps = React.ComponentProps<'ul'>;
+export type TableDateFilterFormProps<TData extends RowData> = React.ComponentProps<'form'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableDateFilterChipProps<TData extends RowData> = React.ComponentProps<'button'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableStringFilterFormProps<TData extends RowData> = React.ComponentProps<'form'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableStringFilterChipProps<TData extends RowData> = React.ComponentProps<'button'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableNumberFilterFormProps<TData extends RowData> = React.ComponentProps<'form'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableNumberFilterChipProps<TData extends RowData> = React.ComponentProps<'button'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableSelectFilterFormProps<TData extends RowData> = React.ComponentProps<'form'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableSelectFilterChipProps<TData extends RowData> = React.ComponentProps<'button'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableSelectFilterOption = string | number | boolean;
+export type TableSelectFilterValue = TableSelectFilterOption[];
+export type TableSortChipProps<TData extends RowData> = React.ComponentProps<'button'> & {
+    column: Column<typeof features, TData, unknown>;
+};
+export type TableSortMenuProps = React.ComponentProps<typeof MenuTrigger>;
+export type TableChangeViewProps = React.ComponentProps<typeof Button>;
+export type TableCheckboxCellProps = React.ComponentProps<typeof Checkbox>;
+export type TableSelectHeaderProps = React.ComponentProps<typeof Checkbox>;
+export type TableTextCellProps = React.ComponentProps<'span'>;
+export type TableDateCellProps = React.ComponentProps<'span'>;
+export type TableNumberCellProps = React.ComponentProps<'span'>;
+export type TableImageCellProps = React.ComponentProps<'img'>;
+export type TableViewportProps = React.ComponentProps<'table'>;
+export type TableSortListProps = React.ComponentProps<'ul'>;
+export type TableBadgeCellProps = Omit<BadgeProps, 'tone'> & {
+    tone?: BadgeProps['tone'] | ((value: string) => BadgeProps['tone']);
+};
+export declare const stringFilterOperators: readonly ["equals", "notEquals", "contains", "notContains", "startsWith", "endsWith"];
+export declare const numberFilterOperators: readonly ["equals", "notEquals", "greaterThan", "lessThan", "between"];
+export declare const dateFilterOperators: readonly ["equals", "notEquals", "greaterThan", "lessThan", "between"];
+export type DateFilterOperator = (typeof dateFilterOperators)[number];
+export type StringFilterOperator = (typeof stringFilterOperators)[number];
+export type NumberFilterOperator = (typeof numberFilterOperators)[number];
+export type FilterOperator = StringFilterOperator | NumberFilterOperator;
+export declare const defaultFilterOperatorLabels: {
+    equals: string;
+    notEquals: string;
+    contains: string;
+    notContains: string;
+    startsWith: string;
+    endsWith: string;
+    greaterThan: string;
+    lessThan: string;
+    between: string;
+};
+export interface TableColumnMeta {
+    filterVariant?: 'range' | 'select' | 'date' | 'string' | 'number';
+}
+export interface TableMeta {
+    viewMode?: 'table' | 'grid';
+    translations?: {
+        filterOperatorLabels?: Partial<Record<FilterOperator, string>>;
+        buttonLabels?: {
+            reset?: string;
+            apply?: string;
+            ascending?: string;
+            descending?: string;
+        };
+    };
+}
+export declare const dateFilterSchema: z.ZodObject<{
+    filterOperator: z.ZodEnum<{
+        equals: "equals";
+        between: "between";
+        notEquals: "notEquals";
+        greaterThan: "greaterThan";
+        lessThan: "lessThan";
+    }>;
+    filterValueFrom: z.ZodUnion<readonly [z.ZodLiteral<"">, z.ZodISODate]>;
+    filterValueTo: z.ZodUnion<readonly [z.ZodLiteral<"">, z.ZodISODate]>;
+}, z.core.$strip>;
+export declare const stringFilterSchema: z.ZodObject<{
+    filterOperator: z.ZodEnum<{
+        endsWith: "endsWith";
+        startsWith: "startsWith";
+        equals: "equals";
+        notEquals: "notEquals";
+        contains: "contains";
+        notContains: "notContains";
+    }>;
+    filterValue: z.ZodString;
+}, z.core.$strip>;
+export declare const numberFilterSchema: z.ZodObject<{
+    filterOperator: z.ZodEnum<{
+        equals: "equals";
+        between: "between";
+        notEquals: "notEquals";
+        greaterThan: "greaterThan";
+        lessThan: "lessThan";
+    }>;
+    filterValueFrom: z.ZodString;
+    filterValueTo: z.ZodString;
+}, z.core.$strip>;

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

@@ -0,0 +1,17 @@
+import { DateFilterOperator, NumberFilterOperator, StringFilterOperator } from './table.types';
+export type DateFilterValue = {
+    operator: DateFilterOperator;
+    date: [string, string];
+};
+export type StringFilterValue = {
+    operator: StringFilterOperator;
+    value: string;
+};
+export type NumberFilterValue = {
+    operator: NumberFilterOperator;
+    number: [string, string];
+};
+export declare const selectFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+export declare const dateFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+export declare const stringFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+export declare const numberFilterFn: import('@tanstack/react-table').CreatedFilterFn<any, 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

@@ -7,6 +7,9 @@ export type TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>;
 export type TabsListProps = ComponentProps<typeof BaseTabs.List>;
 export declare const tabsVariants: (props?: ({
     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;