@invopop/popui 0.1.75 → 0.1.76

package/dist/BaseTableHeaderOrderBy.svelte

@@ -34,6 +34,7 @@
 </script>
 
 <DrawerContext
+  autofocus
   {items}
   onclick={(e) => {
     if (e === 'hide') {

package/dist/DrawerContext.svelte

@@ -41,6 +41,7 @@
     widthClass = 'w-60',
     collapsibleGroups = true,
     flagPosition = 'after',
+    autofocus = false,
     onclick,
     onselect,
     onreorder,
@@ -89,6 +90,7 @@
   let groupDndItems = $state<Record<string, DndItem[]>>({})
   let ungroupedDndItems = $state<DndItem[]>([])
   let mounted = $state(false)
+  let commandRootEl = $state<HTMLElement | null>(null)
   let itemsCache = $state<DrawerOption[]>([])
   let isDragging = $state(false)
   let draggedItemId = $state<string | null>(null)
@@ -178,6 +180,12 @@
     buildListIn()
     mounted = true
 
+    if (autofocus) {
+      setTimeout(() => {
+        commandRootEl?.focus()
+      }, 10)
+    }
+
     const autoScrollCleanup = autoScrollForElements({
       element: document.documentElement
     })
@@ -452,6 +460,7 @@
   shouldFilter={false}
   loop
   class={containerClasses}
+  bind:ref={commandRootEl}
   {...rest}
 >
   {@render children?.()}

package/dist/DropdownSelect.svelte

@@ -193,6 +193,7 @@
   <DrawerContext
     data-dropdown-select-content
     widthClass="min-w-[256px]"
+    autofocus
     {multiple}
     {items}
     {flagPosition}

package/dist/data-table/data-table-helpers.js

@@ -99,8 +99,13 @@ export function handleScrollEvent(event, lastScrollLeft, columnDropdowns) {
 }
 // Keyboard navigation helpers
 export function shouldIgnoreKeyEvent(event) {
-    const targetTag = event.target.tagName;
-    return targetTag === 'INPUT' || targetTag === 'TEXTAREA';
+    const target = event.target;
+    const targetTag = target.tagName;
+    if (targetTag === 'INPUT' || targetTag === 'TEXTAREA')
+        return true;
+    if (target.closest('[data-command-root]'))
+        return true;
+    return false;
 }
 export function handleArrowDown(currentIndex, rows, shiftKey, enableSelection, onScroll) {
     if (currentIndex === -1 && rows.length > 0) {

package/dist/types.d.ts

@@ -345,6 +345,7 @@ export interface DrawerContextProps {
     widthClass?: string;
     collapsibleGroups?: boolean;
     flagPosition?: 'before' | 'after';
+    autofocus?: boolean;
     onclick?: (value: AnyProp) => void;
     onselect?: (selected: DrawerOption[]) => void;
     onreorder?: (items: DrawerOption[]) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.75",
+  "version": "0.1.76",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },