@douglasneuroinformatics/libui 3.1.1 → 3.1.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "packageManager": "pnpm@9.3.0",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",

package/src/components/ClientTable/ClientTable.tsx

@@ -53,6 +53,7 @@ export type ClientTableColumnProps<T extends ClientTableEntry> = {
 };
 
 export type ClientTableProps<T extends ClientTableEntry> = {
+  [key: `data-${string}`]: unknown;
   className?: string;
   columnDropdownOptions?: ClientTableDropdownOptions<T>;
   columns: ClientTableColumn<T>[];
@@ -71,7 +72,8 @@ export const ClientTable = <T extends ClientTableEntry>({
   entriesPerPage = 10,
   minRows,
   noWrap,
-  onEntryClick
+  onEntryClick,
+  ...props
 }: ClientTableProps<T>) => {
   const [currentPage, setCurrentPage] = useState(1);
 
@@ -83,7 +85,7 @@ export const ClientTable = <T extends ClientTableEntry>({
   const nRows = Math.max(currentEntries.length, minRows ?? -1);
 
   return (
-    <div className={className}>
+    <div className={className} {...props}>
       <div className="rounded-md border bg-card tracking-tight text-muted-foreground shadow-sm">
         <Table>
           <Table.Header>

package/src/components/Form/NumberField/NumberFieldSelect.tsx

@@ -42,7 +42,7 @@ export const NumberFieldSelect = <T extends number = number>({
             // Option needs to be type number (this was a design flaw), but is actually always coerced to string anyways
             const text = (disableAutoPrefix ? '' : `${option} - `) + options[option as any as T];
             return (
-              <Select.Item data-cy={`${name}-select-item`} key={option} value={option}>
+              <Select.Item data-cy={`${name}-select-item-${option}`} key={option} value={option}>
                 {text}
               </Select.Item>
             );

package/src/components/Form/StringField/StringFieldSelect.tsx

@@ -38,7 +38,7 @@ export const StringFieldSelect = <T extends string = string>({
         </Select.Trigger>
         <Select.Content data-cy={`${name}-select-content`} data-testid={`${name}-select-content`}>
           {Object.keys(options).map((option) => (
-            <Select.Item data-cy={`${name}-select-item`} key={option} value={option}>
+            <Select.Item data-cy={`${name}-select-item-${option}`} key={option} value={option}>
               {options[option as T]}
             </Select.Item>
           ))}