@douglasneuroinformatics/libui 4.4.0 → 4.4.1

package/dist/components.d.ts

@@ -21,6 +21,7 @@ import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
 import * as _radix_ui_react_context_menu from '@radix-ui/react-context-menu';
 import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
+import { ZodTypeLike, ZodErrorLike } from '@douglasneuroinformatics/libjs';
 import { FormDataType, FormContent, PartialNullableFormDataType } from '@douglasneuroinformatics/libui-form-types';
 import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -1196,6 +1197,53 @@ declare const CopyButton: React__default.FC<{
     variant?: ButtonProps['variant'];
 }>;
 
+type RowAction<TData extends {
+    [key: string]: unknown;
+}> = {
+    destructive?: boolean;
+    label: string;
+    onSelect: (row: TData) => Promisable<void>;
+};
+
+type StaticDataTableColumn<TData extends {
+    [key: string]: unknown;
+}> = {
+    [K in Extract<keyof TData, string>]: {
+        format?: 'email' | ((val: TData[K]) => unknown);
+        key: K;
+        label: string;
+        sortable?: boolean;
+    };
+}[Extract<keyof TData, string>];
+type DynamicDataTableColumn<TData extends {
+    [key: string]: unknown;
+}> = {
+    compute: (row: TData) => unknown;
+    key?: never;
+    label: string;
+};
+type DataTableColumn<TData extends {
+    [key: string]: unknown;
+}> = DynamicDataTableColumn<TData> | StaticDataTableColumn<TData>;
+type DataTableProps<TData extends {
+    [key: string]: unknown;
+}> = {
+    columns: DataTableColumn<TData>[];
+    data: TData[];
+    headerActions?: {
+        label: string;
+        onClick: () => void;
+    }[];
+    rowActions?: RowAction<TData>[];
+    search?: {
+        key: Extract<keyof TData, string>;
+        placeholder?: string;
+    };
+};
+declare const DataTable: <TData extends {
+    [key: string]: unknown;
+}>({ columns, data, headerActions, rowActions, search }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+
 type DatePickerProps = {
     onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement>;
@@ -1276,35 +1324,7 @@ type FileDropzoneProps = {
 };
 declare const FileDropzone: ({ acceptedFileTypes, className, description, file, setFile, titles }: FileDropzoneProps) => react_jsx_runtime.JSX.Element;
 
-type ZodIssueLike = {
-    [key: string]: any;
-    readonly code: string;
-    readonly message: string;
-    readonly path: PropertyKey[];
-};
-type ZodErrorLike = {
-    cause?: unknown;
-    issues: ZodIssueLike[];
-    name: string;
-};
-type ZodSafeParseResultLike<T> = ZodSafeParseErrorLike | ZodSafeParseSuccessLike<T>;
-type ZodSafeParseSuccessLike<TOutput> = {
-    data: TOutput;
-    error?: never;
-    success: true;
-};
-type ZodSafeParseErrorLike = {
-    data?: never;
-    error: ZodErrorLike;
-    success: false;
-};
-type ZodTypeLike<TOutput, TInput = TOutput> = {
-    readonly _input: TInput;
-    readonly _output: TOutput;
-    safeParseAsync: (data: unknown) => Promise<ZodSafeParseResultLike<TOutput>>;
-};
-
-type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_input'] = TSchema['_input']> = {
+type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_output'] = TSchema['_output']> = {
     [key: `data-${string}`]: unknown;
     additionalButtons?: {
         left?: React.ReactNode;
@@ -1335,7 +1355,7 @@ type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema[
     suspendWhileSubmitting?: boolean;
     validationSchema: ZodTypeLike<TData>;
 };
-declare const Form: <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema["_input"] = TSchema["_input"]>({ additionalButtons, className, content, customStyles, fieldsFooter, id, initialValues, onBeforeSubmit, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, suspendWhileSubmitting, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
+declare const Form: <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema["_output"] = TSchema["_output"]>({ additionalButtons, className, content, customStyles, fieldsFooter, id, initialValues, onBeforeSubmit, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, suspendWhileSubmitting, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
 
 type HeadingProps = {
     children: string;
@@ -1622,4 +1642,4 @@ declare const Tooltip: (({ children, delayDuration, onOpenChange, open, skipDela
     Trigger: React$1.ForwardRefExoticComponent<TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
-export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, type NotificationHubProps, OneTimePasswordInput, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, StatisticCard, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };
+export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DataTable, type DataTableColumn, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, type NotificationHubProps, OneTimePasswordInput, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, StatisticCard, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };