@mlw-packages/react-components 1.10.26 → 1.10.27

package/dist/index.js

@@ -22490,7 +22490,7 @@ function useCommandPalette({
   const [selectedItemIds, setSelectedItemIds] = React32__namespace.useState(
     /* @__PURE__ */ new Set()
   );
-  const toggleSelection = React32__namespace.useCallback((id) => {
+  const toggleSelection = React32.useCallback((id) => {
     setSelectedItemIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -22498,11 +22498,8 @@ function useCommandPalette({
       return next;
     });
   }, []);
-  const clearSelection = React32__namespace.useCallback(
-    () => setSelectedItemIds(/* @__PURE__ */ new Set()),
-    []
-  );
-  const baseGroups = React32__namespace.useMemo(
+  const clearSelection = React32.useCallback(() => setSelectedItemIds(/* @__PURE__ */ new Set()), []);
+  const baseGroups = React32.useMemo(
     () => normaliseGroups(items, groups),
     [items, groups]
   );
@@ -22514,12 +22511,12 @@ function useCommandPalette({
       clearSelection();
     }
   }, [open, clearSelection]);
-  const searchTerms = React32__namespace.useMemo(() => {
+  const searchTerms = React32.useMemo(() => {
     const parts = query.split(",");
     if (parts.length <= 1 && !multiSearch) return [];
     return parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
   }, [query, multiSearch]);
-  const allMatchedGroups = React32__namespace.useMemo(() => {
+  const allMatchedGroups = React32.useMemo(() => {
     if (!query.trim()) {
       if (recentItems.length > 0) {
         return [
@@ -22584,37 +22581,49 @@ function useCommandPalette({
   React32.useEffect(() => {
     setActiveIndex((i) => Math.min(i, Math.max(pageItemCount - 1, 0)));
   }, [pageItemCount]);
-  function executeBulkAction() {
+  const executeBulkAction = React32.useCallback(() => {
     if (!onSelectMultiple || selectedItems.length === 0) return;
     onSelectMultiple(selectedItems);
     onOpenChange?.(false);
-  }
-  function handleSelect(item, event) {
-    if (!item) return;
-    if (multiSelect) {
-      if (event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey)) {
-        toggleSelection(item.id);
-        return;
-      }
-      if (selectedItems.length > 0) {
-        const itemsToSubmit = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
-        if (onSelectMultiple) {
-          onSelectMultiple(itemsToSubmit);
+  }, [onSelectMultiple, selectedItems, onOpenChange]);
+  const handleSelect = React32.useCallback(
+    (item, event) => {
+      if (!item) return;
+      if (multiSelect) {
+        const isCmdKey = event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey);
+        if (isCmdKey) {
+          toggleSelection(item.id);
+          return;
+        }
+        if (selectedItems.length > 0) {
+          const finalItems = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
+          onSelectMultiple?.(finalItems);
+          onOpenChange?.(false);
+          return;
         }
-        onOpenChange?.(false);
-        return;
       }
-    }
-    item.onSelect();
-    onOpenChange?.(false);
-    if (onRecentItemsChange) {
-      const next = [item, ...recentItems.filter((r) => r.id !== item.id)].slice(
-        0,
-        maxRecentItems
-      );
-      onRecentItemsChange(next);
-    }
-  }
+      item.onSelect();
+      onOpenChange?.(false);
+      if (onRecentItemsChange) {
+        const next = [
+          item,
+          ...recentItems.filter((r) => r.id !== item.id)
+        ].slice(0, maxRecentItems);
+        onRecentItemsChange(next);
+      }
+    },
+    [
+      multiSelect,
+      selectedItems,
+      selectedItemIds,
+      onSelectMultiple,
+      onOpenChange,
+      onRecentItemsChange,
+      recentItems,
+      maxRecentItems,
+      toggleSelection
+    ]
+  );
   React32.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
@@ -22637,6 +22646,9 @@ function useCommandPalette({
         }
       } else if (e.key === "Enter") {
         e.preventDefault();
+        if (multiSearch && query.includes(",")) {
+          return;
+        }
         if (multiSelect && (e.ctrlKey || e.metaKey)) {
           executeBulkAction();
           return;
@@ -22653,9 +22665,11 @@ function useCommandPalette({
     pageItemCount,
     page,
     totalPages,
+    query,
+    multiSearch,
+    multiSelect,
     executeBulkAction,
-    handleSelect,
-    multiSelect
+    handleSelect
   ]);
   return {
     query,

package/dist/index.mjs

@@ -22448,7 +22448,7 @@ function useCommandPalette({
   const [selectedItemIds, setSelectedItemIds] = React32.useState(
     /* @__PURE__ */ new Set()
   );
-  const toggleSelection = React32.useCallback((id) => {
+  const toggleSelection = useCallback((id) => {
     setSelectedItemIds((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -22456,11 +22456,8 @@ function useCommandPalette({
       return next;
     });
   }, []);
-  const clearSelection = React32.useCallback(
-    () => setSelectedItemIds(/* @__PURE__ */ new Set()),
-    []
-  );
-  const baseGroups = React32.useMemo(
+  const clearSelection = useCallback(() => setSelectedItemIds(/* @__PURE__ */ new Set()), []);
+  const baseGroups = useMemo(
     () => normaliseGroups(items, groups),
     [items, groups]
   );
@@ -22472,12 +22469,12 @@ function useCommandPalette({
       clearSelection();
     }
   }, [open, clearSelection]);
-  const searchTerms = React32.useMemo(() => {
+  const searchTerms = useMemo(() => {
     const parts = query.split(",");
     if (parts.length <= 1 && !multiSearch) return [];
     return parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
   }, [query, multiSearch]);
-  const allMatchedGroups = React32.useMemo(() => {
+  const allMatchedGroups = useMemo(() => {
     if (!query.trim()) {
       if (recentItems.length > 0) {
         return [
@@ -22542,37 +22539,49 @@ function useCommandPalette({
   useEffect(() => {
     setActiveIndex((i) => Math.min(i, Math.max(pageItemCount - 1, 0)));
   }, [pageItemCount]);
-  function executeBulkAction() {
+  const executeBulkAction = useCallback(() => {
     if (!onSelectMultiple || selectedItems.length === 0) return;
     onSelectMultiple(selectedItems);
     onOpenChange?.(false);
-  }
-  function handleSelect(item, event) {
-    if (!item) return;
-    if (multiSelect) {
-      if (event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey)) {
-        toggleSelection(item.id);
-        return;
-      }
-      if (selectedItems.length > 0) {
-        const itemsToSubmit = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
-        if (onSelectMultiple) {
-          onSelectMultiple(itemsToSubmit);
+  }, [onSelectMultiple, selectedItems, onOpenChange]);
+  const handleSelect = useCallback(
+    (item, event) => {
+      if (!item) return;
+      if (multiSelect) {
+        const isCmdKey = event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey);
+        if (isCmdKey) {
+          toggleSelection(item.id);
+          return;
+        }
+        if (selectedItems.length > 0) {
+          const finalItems = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
+          onSelectMultiple?.(finalItems);
+          onOpenChange?.(false);
+          return;
         }
-        onOpenChange?.(false);
-        return;
       }
-    }
-    item.onSelect();
-    onOpenChange?.(false);
-    if (onRecentItemsChange) {
-      const next = [item, ...recentItems.filter((r) => r.id !== item.id)].slice(
-        0,
-        maxRecentItems
-      );
-      onRecentItemsChange(next);
-    }
-  }
+      item.onSelect();
+      onOpenChange?.(false);
+      if (onRecentItemsChange) {
+        const next = [
+          item,
+          ...recentItems.filter((r) => r.id !== item.id)
+        ].slice(0, maxRecentItems);
+        onRecentItemsChange(next);
+      }
+    },
+    [
+      multiSelect,
+      selectedItems,
+      selectedItemIds,
+      onSelectMultiple,
+      onOpenChange,
+      onRecentItemsChange,
+      recentItems,
+      maxRecentItems,
+      toggleSelection
+    ]
+  );
   useEffect(() => {
     if (!open) return;
     const handler = (e) => {
@@ -22595,6 +22604,9 @@ function useCommandPalette({
         }
       } else if (e.key === "Enter") {
         e.preventDefault();
+        if (multiSearch && query.includes(",")) {
+          return;
+        }
         if (multiSelect && (e.ctrlKey || e.metaKey)) {
           executeBulkAction();
           return;
@@ -22611,9 +22623,11 @@ function useCommandPalette({
     pageItemCount,
     page,
     totalPages,
+    query,
+    multiSearch,
+    multiSelect,
     executeBulkAction,
-    handleSelect,
-    multiSelect
+    handleSelect
   ]);
   return {
     query,

package/package.json

@@ -5,7 +5,7 @@
     "access": "public",
     "type": "module"
   },
-  "version": "1.10.26",
+  "version": "1.10.27",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",