@douglasneuroinformatics/libui 3.1.3 → 3.1.5

package/dist/components.d.ts

@@ -50,7 +50,9 @@ type ActionDropdownOptionKey<T> = T extends readonly string[] ? T[number] : T ex
     [key: string]: string;
 } ? Extract<keyof T, string> : never;
 type ActionDropdownProps<T extends ActionDropdownOptions> = {
+    [key: `data-${string}`]: unknown;
     align?: DropdownMenuContentProps['align'];
+    className?: string;
     contentClassName?: string;
     disabled?: boolean;
     /** Callback function invoked when user clicks an option */
@@ -62,7 +64,7 @@ type ActionDropdownProps<T extends ActionDropdownOptions> = {
     triggerClassName?: string;
     widthFull?: boolean;
 };
-declare function ActionDropdown<const T extends ActionDropdownOptions>({ align, contentClassName, disabled, onSelection, options, title, triggerClassName, widthFull }: ActionDropdownProps<T>): react_jsx_runtime.JSX.Element;
+declare function ActionDropdown<const T extends ActionDropdownOptions>({ align, className, contentClassName, disabled, onSelection, options, title, triggerClassName, widthFull, ...props }: ActionDropdownProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const AlertDialog: React$1.FC<_radix_ui_react_alert_dialog.AlertDialogProps> & {
     Action: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_alert_dialog.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/components.js

@@ -280,16 +280,18 @@ var DropdownMenu = Object.assign(DropdownMenuPrimitive9.Root.bind(null), {
 import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 function ActionDropdown({
   align = "start",
+  className,
   contentClassName,
   disabled,
   onSelection,
   options,
   title,
   triggerClassName,
-  widthFull
+  widthFull,
+  ...props
 }) {
   const optionKeys = options instanceof Array ? options : Object.keys(options);
-  return /* @__PURE__ */ jsx15(DropdownMenu, { children: /* @__PURE__ */ jsxs6("div", { className: "w-full", children: [
+  return /* @__PURE__ */ jsx15(DropdownMenu, { children: /* @__PURE__ */ jsxs6("div", { className: cn("w-full", className), ...props, children: [
     /* @__PURE__ */ jsx15(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx15(DropdownButton, { className: triggerClassName, disabled, children: title }) }),
     /* @__PURE__ */ jsx15(DropdownMenu.Content, { align, className: contentClassName, widthFull, children: /* @__PURE__ */ jsx15(DropdownMenu.Group, { children: optionKeys.map((option) => /* @__PURE__ */ jsx15(
       DropdownMenu.Item,
@@ -2231,18 +2233,10 @@ var NumberFieldSelect = ({
       /* @__PURE__ */ jsx107(FieldGroup.Description, { description })
     ] }),
     /* @__PURE__ */ jsxs28(Select, { name, value: value?.toString() ?? "", onValueChange: (value2) => setValue(parseFloat(value2)), children: [
-      /* @__PURE__ */ jsx107(
-        Select.Trigger,
-        {
-          "data-cy": `${name}-select-trigger`,
-          "data-testid": `${name}-select-trigger`,
-          disabled: disabled || readOnly,
-          children: /* @__PURE__ */ jsx107(Select.Value, {})
-        }
-      ),
-      /* @__PURE__ */ jsx107(Select.Content, { "data-cy": `${name}-select-content`, "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => {
+      /* @__PURE__ */ jsx107(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx107(Select.Value, {}) }),
+      /* @__PURE__ */ jsx107(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => {
         const text = (disableAutoPrefix ? "" : `${option} - `) + options[option];
-        return /* @__PURE__ */ jsx107(Select.Item, { "data-cy": `${name}-select-item-${option}`, value: option, children: text }, option);
+        return /* @__PURE__ */ jsx107(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: text }, option);
       }) })
     ] }),
     /* @__PURE__ */ jsx107(FieldGroup.Error, { error })
@@ -2268,6 +2262,7 @@ var Slider = forwardRef79(
             {
               "aria-disabled": disabled,
               className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary opacity-15 aria-disabled:cursor-not-allowed aria-disabled:opacity-10",
+              "data-testid": "slider-track",
               children: /* @__PURE__ */ jsx108(Range, { className: "absolute h-full bg-primary" })
             }
           ),
@@ -2275,7 +2270,8 @@ var Slider = forwardRef79(
             Thumb,
             {
               "aria-disabled": disabled,
-              className: "block h-4 w-4 rounded-full border border-slate-500 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring aria-disabled:cursor-not-allowed"
+              className: "block h-4 w-4 rounded-full border border-slate-500 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring aria-disabled:cursor-not-allowed",
+              "data-testid": "slider-thumb"
             }
           )
         ]
@@ -2508,7 +2504,6 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
         Input,
         {
           autoComplete: "off",
-          "data-cy": "date-input",
           "data-testid": "date-input",
           disabled: disabled || readOnly,
           name,
@@ -2833,16 +2828,8 @@ var StringFieldSelect = ({
       /* @__PURE__ */ jsx123(FieldGroup.Description, { description })
     ] }),
     /* @__PURE__ */ jsxs40(Select, { name, value: value ?? "", onValueChange: (value2) => setValue(value2), children: [
-      /* @__PURE__ */ jsx123(
-        Select.Trigger,
-        {
-          "data-cy": `${name}-select-trigger`,
-          "data-testid": `${name}-select-trigger`,
-          disabled: disabled || readOnly,
-          children: /* @__PURE__ */ jsx123(Select.Value, {})
-        }
-      ),
-      /* @__PURE__ */ jsx123(Select.Content, { "data-cy": `${name}-select-content`, "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx123(Select.Item, { "data-cy": `${name}-select-item-${option}`, value: option, children: options[option] }, option)) })
+      /* @__PURE__ */ jsx123(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx123(Select.Value, {}) }),
+      /* @__PURE__ */ jsx123(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx123(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: options[option] }, option)) })
     ] }),
     /* @__PURE__ */ jsx123(FieldGroup.Error, { error })
   ] });
@@ -3240,22 +3227,11 @@ var Form = ({
           }
         ),
         /* @__PURE__ */ jsxs43("div", { className: "flex w-full gap-3", children: [
-          /* @__PURE__ */ jsx131(
-            Button,
-            {
-              "aria-label": "Submit Button",
-              className: "block w-full",
-              "data-cy": "submit-form",
-              disabled: readOnly,
-              type: "submit",
-              variant: "primary",
-              children: submitBtnLabel ?? t("form.submit")
-            }
-          ),
+          /* @__PURE__ */ jsx131(Button, { "aria-label": "Submit", className: "block w-full", disabled: readOnly, type: "submit", variant: "primary", children: submitBtnLabel ?? t("form.submit") }),
           resetBtn && /* @__PURE__ */ jsx131(
             Button,
             {
-              "aria-label": "Reset Button",
+              "aria-label": "Reset",
               className: "block w-full",
               disabled: readOnly,
               type: "button",
@@ -3454,7 +3430,7 @@ var ListboxDropdown = ({
         {
           checked,
           className: "flex w-full items-center whitespace-nowrap bg-slate-50 p-2 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700",
-          "data-cy": "select-dropdown-option",
+          "data-testid": "select-dropdown-option",
           onSelect: (event) => {
             event.preventDefault();
             if (checked) {