@douglasneuroinformatics/libui 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/components/index.d.ts

@@ -135,7 +135,7 @@ declare const Button: react__default.ForwardRefExoticComponent<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -352,6 +352,7 @@ type ArrowToggleProps = Simplify<react__default.HTMLAttributes<HTMLButtonElement
     position: 'down' | 'left' | 'right' | 'up';
     /** The clockwise rotation of the arrow when toggled (e.g., if the position is 'right' and rotation is 90, the arrow will point down) */
     rotation?: number;
+    size?: ButtonProps['size'];
     /** The variant of button to use */
     variant?: Extract<ButtonProps['variant'], 'ghost' | 'outline'>;
 }>;
@@ -417,7 +418,7 @@ declare const ArrowToggle: react__default.ForwardRefExoticComponent<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -624,6 +625,7 @@ declare const ArrowToggle: react__default.ForwardRefExoticComponent<{
     isToggled?: boolean | undefined;
     position: 'down' | 'left' | 'right' | 'up';
     rotation?: number | undefined;
+    size?: ButtonProps['size'];
     variant?: "ghost" | "outline" | undefined;
 } & react__default.RefAttributes<HTMLButtonElement>>;
 
@@ -633,10 +635,9 @@ declare const Avatar: react.ForwardRefExoticComponent<Omit<_radix_ui_react_avata
 };
 
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "secondary" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "outline" | "secondary" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends react__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
+type BadgeProps = react__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
 declare const Badge: ({ className, variant, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
 declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
@@ -697,7 +698,7 @@ declare const Command: react__default.ForwardRefExoticComponent<Omit<{
         ref?: react__default.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | keyof react__default.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    }, "key" | keyof react__default.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
         heading?: react__default.ReactNode;
         value?: string | undefined;
         forceMount?: boolean | undefined;
@@ -706,7 +707,7 @@ declare const Command: react__default.ForwardRefExoticComponent<Omit<{
         ref?: react__default.Ref<HTMLInputElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof react__default.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    }, "key" | "asChild" | keyof react__default.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
         value?: string | undefined;
         onValueChange?: ((search: string) => void) | undefined;
     } & react__default.RefAttributes<HTMLInputElement>, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
@@ -865,14 +866,80 @@ declare const Label: react__default.ForwardRefExoticComponent<Omit<LabelPrimitiv
 
 type LanguageToggleProps = {
     align?: 'center' | 'end' | 'start';
+    options: {
+        [key: string]: string;
+    };
+    variant?: ButtonProps['variant'];
+};
+declare const LanguageToggle: ({ align, options, variant }: LanguageToggleProps) => react_jsx_runtime.JSX.Element;
+
+type LegacyDropdownOptions = {
+    [key: string]: string;
+} | readonly string[];
+type LegacyDropdownOptionKey<T> = T extends readonly string[] ? T[number] : T extends {
+    [key: string]: string;
+} ? Extract<keyof T, string> : never;
+/** @deprecated */
+type LegacyDropdownProps<T extends LegacyDropdownOptions> = {
+    className?: string;
+    /** Callback function invoked when user clicks an option */
+    onSelection: (option: LegacyDropdownOptionKey<T>) => void;
+    /** Either a list of options for the dropdown, or an object with options mapped to custom labels  */
+    options: T;
+    /** The text content for the dropdown toggle */
+    title: string;
+};
+/** @deprecated */
+declare function LegacyDropdown<const T extends LegacyDropdownOptions>({ className, onSelection, options, title }: LegacyDropdownProps<T>): react_jsx_runtime.JSX.Element;
+
+/** @deprecated */
+type LegacyModalProps = {
+    children: react__default.ReactNode;
+    onClose: () => void;
+    open: boolean;
+    showCloseButton?: boolean;
+    title: string;
+    width?: 'lg' | 'md' | 'sm' | 'xl';
+};
+/** @deprecated */
+declare const LegacyModal: ({ children, onClose, open, showCloseButton, title, width }: LegacyModalProps) => react_jsx_runtime.JSX.Element;
+
+/** @deprecated */
+type LegacySelectOption = {
+    key: string;
+    label: string;
+};
+/** @deprecated */
+type LegacySelectDropdownProps<T extends LegacySelectOption> = {
+    checkPosition?: 'left' | 'right';
+    className?: string;
+    options: T[];
+    selected: T[];
+    setSelected: (selected: T[]) => void;
+    title: string;
+    /** The button variant to use for the dropdown toggle */
+    variant?: ButtonProps['variant'];
 };
-declare const LanguageToggle: ({ align }?: LanguageToggleProps) => react_jsx_runtime.JSX.Element;
+/** @deprecated */
+declare const LegacySelectDropdown: <T extends LegacySelectOption>({ checkPosition, className, options, selected, setSelected, title }: LegacySelectDropdownProps<T>) => react_jsx_runtime.JSX.Element;
+
+/** @deprecated */
+type LegacySliderProps = {
+    children: react__default.ReactNode;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    title: react__default.ReactNode;
+};
+/** @deprecated */
+declare const LegacySlider: ({ children, isOpen, setIsOpen, title }: LegacySliderProps) => react_jsx_runtime.JSX.Element;
 
+/** @deprecated */
 type Step = {
     element: react__default.ReactElement;
     icon: react__default.ReactElement;
     label: string;
 };
+/** @deprecated */
 type LegacyStepperProps = {
     className?: string;
     steps: Step[];
@@ -880,11 +947,52 @@ type LegacyStepperProps = {
 /** @deprecated */
 declare const LegacyStepper: ({ className, steps }: LegacyStepperProps) => react_jsx_runtime.JSX.Element;
 
+/** @deprecated */
+type LegacyColumnDropdownOptions<T extends LegacyTableEntry> = {
+    icon?: react__default.ComponentType<Omit<react__default.SVGProps<SVGSVGElement>, 'ref'>>;
+    label: string;
+    onSelection: (column: LegacyTableColumn<T>) => void;
+}[];
+
+/** @deprecated */
+type LegacyTableEntry = {
+    [key: string]: unknown;
+};
+/** @deprecated */
+type LegacyFieldFactory<T extends LegacyTableEntry = LegacyTableEntry> = (entry: T) => string;
+/** @deprecated */
+type LegacyTableColumn<T extends LegacyTableEntry> = {
+    /** How to determine the values for column */
+    field: LegacyFieldFactory<T> | keyof T;
+    /** Override the default formatter for this field */
+    formatter?: (value: any) => string;
+    /** The label to be displayed on the header */
+    label: string;
+};
+/** @deprecated */
+type LegacyTableProps<T extends LegacyTableEntry> = {
+    className?: string;
+    columnDropdownOptions?: LegacyColumnDropdownOptions<T>;
+    columns: LegacyTableColumn<T>[];
+    data: T[];
+    minRows?: number;
+    onEntryClick?: (entry: T) => void;
+};
+/** @deprecated */
+declare const LegacyTable: <T extends LegacyTableEntry>({ className, columnDropdownOptions, columns, data, minRows, onEntryClick }: LegacyTableProps<T>) => react_jsx_runtime.JSX.Element;
+
+/** @deprecated */
+declare const LegacyClientTable: <T extends LegacyTableEntry>({ data, ...props }: LegacyTableProps<T>) => react_jsx_runtime.JSX.Element;
+
 /** An array of arbitrary objects with data to graph  */
-type LineGraphData = readonly Record<string, any>[];
+type LineGraphData = readonly {
+    [key: string]: any;
+}[];
 /** Extract string keys from items in `T` where the value of `T[K]` extends `K` */
 type ExtractValidKeys<T extends LineGraphData, K> = Extract<ConditionalKeys<T[number], K>, string>;
-type LineGraphLine<T extends LineGraphData = Record<string, any>[]> = Pick<LineProps, 'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'> & {
+type LineGraphLine<T extends LineGraphData = {
+    [key: string]: any;
+}[]> = Pick<LineProps, 'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'> & {
     err?: ExtractValidKeys<T, number>;
     name: string;
     val: ExtractValidKeys<T, number>;
@@ -1010,7 +1118,7 @@ declare const Pagination: (({ className, ...props }: react.DetailedHTMLProps<rea
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -1289,7 +1397,7 @@ declare const Pagination: (({ className, ...props }: react.DetailedHTMLProps<rea
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -1568,7 +1676,7 @@ declare const Pagination: (({ className, ...props }: react.DetailedHTMLProps<rea
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -1823,17 +1931,26 @@ declare const Resizable: ResizableType;
 
 declare const ScrollArea: react__default.ForwardRefExoticComponent<Omit<_radix_ui_react_scroll_area.ScrollAreaProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
 
-type SearchBarProps = {
+type BaseSearchBarProps = {
     /** Additional CSS classes to add to the wrapper form component, potentially overriding default styling */
     className?: string;
-    /** Event handler called when the value changes */
-    onValueChange: (value: string) => void;
+    /** An optional callback invoked when the user clicks the search bar */
+    onClick?: () => void;
     /** Custom placeholder to use instead of the default */
     placeholder?: string;
+};
+type ControlledSearchBarProps = BaseSearchBarProps & {
+    /** Event handler called when the value changes */
+    onValueChange: (value: string) => void;
     /** The controlled value of the search bar, which should be used in conjunction with onValueChange */
     value: string;
 };
-declare const SearchBar: ({ className, onValueChange, placeholder, value }: SearchBarProps) => react_jsx_runtime.JSX.Element;
+type UncontrolledSearchBarProps = BaseSearchBarProps & {
+    onValueChange?: never;
+    value?: never;
+};
+type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
+declare const SearchBar: ({ className, onClick, onValueChange, placeholder, value }: SearchBarProps) => react_jsx_runtime.JSX.Element;
 
 declare const Select: react.FC<SelectPrimitive.SelectProps> & {
     Content: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
@@ -1924,4 +2041,4 @@ declare const Tooltip: (({ children, delayDuration, skipDelayDuration }: Tooltip
     Trigger: react.ForwardRefExoticComponent<TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { Accordion, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, Breadcrumb, Button, type ButtonProps, Card, Checkbox, Collapsible, Command, ContextMenu, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LegacyStepper, type LegacyStepperProps, LineGraph, type LineGraphData, type LineGraphLine, MenuBar, NotificationHub, type NotificationHubProps, Pagination, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, type Step, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };
+export { Accordion, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Checkbox, Collapsible, Command, ContextMenu, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LegacyClientTable, LegacyDropdown, type LegacyDropdownProps, type LegacyFieldFactory, LegacyModal, type LegacyModalProps, LegacySelectDropdown, type LegacySelectDropdownProps, type LegacySelectOption, LegacySlider, type LegacySliderProps, LegacyStepper, type LegacyStepperProps, LegacyTable, type LegacyTableColumn, type LegacyTableEntry, type LegacyTableProps, LineGraph, type LineGraphData, type LineGraphLine, MenuBar, NotificationHub, type NotificationHubProps, Pagination, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, type Step, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };