@machinemetrics/mm-react-components 0.2.3-19 → 0.2.3-20

package/dist/mm-react-components.es.js

@@ -26055,7 +26055,23 @@ function DataTableToolbar({
             "aria-label": "Search",
             placeholder: "Search",
             value: globalFilter,
-            onChange: (event) => onGlobalFilterChange(event.target.value),
+            onChange: (event) => {
+              const value = event.target.value;
+              onGlobalFilterChange(value);
+              if (opts.onSearchChange) {
+                opts.onSearchChange(value);
+              }
+            },
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.keyCode === 13) {
+                event.preventDefault();
+                event.stopPropagation();
+                const value = event.currentTarget.value.trim();
+                if (opts.onSearchSubmit && value) {
+                  opts.onSearchSubmit(value);
+                }
+              }
+            },
             className: "h-10 min-w-[16rem] flex-1 mmc-input--search"
           }
         ) }) : null
@@ -26089,7 +26105,12 @@ function DataTableToolbar({
         ) : null
       ] })
     ] }),
-    opts.belowControls ?? null
+    typeof opts.belowControls === "function" ? opts.belowControls({
+      globalFilter,
+      onSearchChange: opts.onSearchChange,
+      onSearchSubmit: opts.onSearchSubmit,
+      loading
+    }) : opts.belowControls ?? null
   ] });
 }
 /**
@@ -29795,6 +29816,40 @@ function TableBody({
     row.id
   )) : /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: resolvedColumns.length, className: "h-24 text-center", children: "No results." }) }) });
 }
+function BatchActionsToolbar({
+  selectedCount,
+  onDeleteSelected
+}) {
+  if (selectedCount <= 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm", children: [
+      selectedCount,
+      " selected"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        variant: "destructive",
+        size: "sm",
+        onClick: () => {
+          if (onDeleteSelected) {
+            onDeleteSelected(selectedCount);
+            return;
+          }
+          alert(`Delete ${selectedCount} row(s)`);
+        },
+        children: "Delete"
+      }
+    )
+  ] });
+}
+function ColGroup({ columns, debug: debug2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("colgroup", { children: columns.map((col) => {
+    const width = col.id === "select" ? TABLE_TOKENS.selectionColumnWidth : col.id === "actions" ? TABLE_TOKENS.actionsColumnWidth : col.getSize();
+    if (debug2) debug2("colgroup width", String(col.id), width);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("col", { style: { width } }, String(col.id));
+  }) });
+}
 function DataTable({
   columns,
   data,
@@ -29929,25 +29984,12 @@ function DataTable({
         options: toolbar
       }
     ),
-    table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm", children: [
-        table.getFilteredSelectedRowModel().rows.length,
-        " selected"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button$1,
-        {
-          variant: "destructive",
-          size: "sm",
-          onClick: () => {
-            alert(
-              `Delete ${table.getFilteredSelectedRowModel().rows.length} row(s)`
-            );
-          },
-          children: "Delete"
-        }
-      )
-    ] }),
+    table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      BatchActionsToolbar,
+      {
+        selectedCount: table.getFilteredSelectedRowModel().rows.length
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -29981,11 +30023,13 @@ function DataTable({
                 ref: tableRef,
                 className: "w-full caption-bottom text-sm table-fixed",
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("colgroup", { children: table.getVisibleLeafColumns().map((col) => {
-                    const width = col.id === "select" ? TABLE_TOKENS.selectionColumnWidth : col.id === "actions" ? TABLE_TOKENS.actionsColumnWidth : col.getSize();
-                    debug2("colgroup width", String(col.id), width);
-                    return /* @__PURE__ */ jsxRuntimeExports.jsx("col", { style: { width } }, String(col.id));
-                  }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    ColGroup,
+                    {
+                      columns: table.getVisibleLeafColumns(),
+                      debug: debug2
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     TableHeader,
                     {