@zag-js/popover 0.1.0 → 0.1.3

package/dist/index.js

@@ -525,6 +525,30 @@ var getTabbables = (el, includeContainer = false) => {
 var isTabbable = (el) => {
   return isFocusable(el) && !isDisabled(el) && !isHidden(el);
 };
+function itemById(v, id) {
+  return v.find((node) => node.id === id);
+}
+function indexOfId(v, id) {
+  const item = itemById(v, id);
+  return item ? v.indexOf(item) : -1;
+}
+var getValueText = (item) => {
+  var _a, _b;
+  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
+};
+var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
+var wrap = (v, idx) => {
+  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
+};
+function findByText(v, text, currentId) {
+  const index = currentId ? indexOfId(v, currentId) : -1;
+  let items = currentId ? wrap(v, index) : v;
+  const isSingleKey = text.length === 1;
+  if (isSingleKey) {
+    items = items.filter((item) => item.id !== currentId);
+  }
+  return items.find((item) => match(getValueText(item), text));
+}
 function trackPointerDown(doc, onPointerDown) {
   var _a;
   const win = (_a = doc.defaultView) != null ? _a : window;
@@ -535,6 +559,34 @@ function trackPointerDown(doc, onPointerDown) {
   };
   return addDomEvent(doc, "pointerdown", fn);
 }
+function findByTypeahead(_items, options) {
+  const { state: state2, activeId, key, timeout = 350 } = options;
+  const search = state2.keysSoFar + key;
+  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+  const query2 = isRepeated ? search[0] : search;
+  let items = _items.slice();
+  const next2 = findByText(items, query2, activeId);
+  function cleanup() {
+    clearTimeout(state2.timer);
+    state2.timer = -1;
+  }
+  function update(value) {
+    state2.keysSoFar = value;
+    cleanup();
+    if (value !== "") {
+      state2.timer = +setTimeout(() => {
+        update("");
+        cleanup();
+      }, timeout);
+    }
+  }
+  update(search);
+  return next2;
+}
+findByTypeahead.defaultOptions = {
+  keysSoFar: "",
+  timer: -1
+};
 
 // src/popover.connect.ts
 var import_popper = require("@zag-js/popper");
@@ -919,19 +971,19 @@ function machine(ctx = {}) {
         ctx2.pointerdownNode = null;
       },
       focusContent(ctx2) {
-        nextTick(() => {
+        raf(() => {
           var _a;
           (_a = dom.getContentEl(ctx2)) == null ? void 0 : _a.focus();
         });
       },
       setInitialFocus(ctx2) {
-        nextTick(() => {
+        raf(() => {
           var _a;
           (_a = dom.getInitialFocusEl(ctx2)) == null ? void 0 : _a.focus();
         });
       },
       focusTrigger(ctx2) {
-        nextTick(() => {
+        raf(() => {
           var _a;
           (_a = dom.getTriggerEl(ctx2)) == null ? void 0 : _a.focus();
         });
@@ -966,7 +1018,7 @@ function machine(ctx = {}) {
         if (!elementAfterTrigger || elementAfterTrigger === button)
           return;
         evt.preventDefault();
-        nextTick(() => elementAfterTrigger == null ? void 0 : elementAfterTrigger.focus());
+        raf(() => elementAfterTrigger == null ? void 0 : elementAfterTrigger.focus());
       }
     }
   });