@zag-js/editable - npm Package Compare versions

Comparing version 0.0.0-dev-20220504084708 to 0.0.0-dev-20220508172505

dist/index.js

@@ -134,2 +134,26 @@ var __defProp = Object.defineProperty;
 }
+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) {
@@ -145,2 +169,30 @@ var _a;
 }
+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 next = 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 next;
+}
+findByTypeahead.defaultOptions = {
+  keysSoFar: "",
+  timer: -1
+};
 
@@ -147,0 +199,0 @@ // ../../types/dist/index.mjs

package.json

 {
   "name": "@zag-js/editable",
-  "version": "0.0.0-dev-20220504084708",
+  "version": "0.0.0-dev-20220508172505",
   "description": "Core logic for the editable widget implemented as a state machine",
@@ -32,4 +32,4 @@ "keywords": [
   "dependencies": {
-    "@zag-js/core": "0.0.0-dev-20220504084708",
-    "@zag-js/dom-utils": "0.1.0",
+    "@zag-js/core": "0.0.0-dev-20220508172505",
+    "@zag-js/dom-utils": "0.0.0-dev-20220508172505",
     "@zag-js/types": "0.1.0"
@@ -36,0 +36,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

210712

increased by4.78%

Lines of code

1392

increased by8.07%

Dependency changes

• + Added@zag-js/core@0.0.0-dev-20220508172505(transitive)

• + Added@zag-js/dom-utils@0.0.0-dev-20220508172505(transitive)

• + Added@zag-js/utils@0.0.0-dev-20220508172505(transitive)

• - Removed@zag-js/core@0.0.0-dev-20220504084708(transitive)

• - Removed@zag-js/dom-utils@0.1.0(transitive)

• - Removed@zag-js/utils@0.1.0(transitive)

• Updated@zag-js/core@0.0.0-dev-20220508172505

• Updated@zag-js/dom-utils@0.0.0-dev-20220508172505