feat(components/commandList): add 'selectCurrent' imperative handle

sanity-io · Sep 26, 2023 · 28d35f0 · 28d35f0
1 parent b436358
commit 28d35f0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/sanity/src/core/components/commandList/CommandList.tsx b/packages/sanity/src/core/components/commandList/CommandList.tsx
@@ -463,13 +463,29 @@ export const CommandList = forwardRef<CommandListHandle, CommandListProps>(funct
           setActiveIndex({index})
           enableChildContainerPointerEvents(true)
         },
+        selectCurrent() {
+          const childElements = Array.from(childContainerElement?.children || []) as HTMLElement[]
+          const currentElement = childElements.find(
+            (el) =>
+              Number(el.dataset.index) ===
+              itemIndices.findIndex((i) => i.activeIndex === activeIndexRef.current),
+          )
+          if (currentElement) {
+            const clickableElement = currentElement?.querySelector<HTMLElement>(
+              LIST_ITEM_INTERACTIVE_SELECTOR,
+            )
+            clickableElement?.click()
+          }
+        },
       }
     },
     [
+      childContainerElement?.children,
       enableChildContainerPointerEvents,
       focusInputElement,
       focusListElement,
       handleGetTopIndex,
+      itemIndices,
       setActiveIndex,
     ],
   )

diff --git a/packages/sanity/src/core/components/commandList/types.ts b/packages/sanity/src/core/components/commandList/types.ts
@@ -34,6 +34,7 @@ export interface CommandListHandle {
   focusListElement: () => void
   getTopIndex: () => number
   scrollToIndex: (index: number) => void
+  selectCurrent: () => void
 }
 
 /** @internal */