@bitcobblers/wod-wiki-ui 0.49.2178 → 0.49.2180

package/dist/extensions/index.cjs

@@ -6468,6 +6468,34 @@ function WqlTextEditor({ value, onChange, onSubmit, onEscape, placeholder, autoF
     const source = wodWikiWql.wqlCompletionSource({
       values: async (key) => (await loadSuggestions(key === "tags" ? "tag" : key)).map((item) => ({ label: item.value, detail: item.label, type: "constant" }))
     });
+    const handlePointerOrTouchActivation = (editor2, clientX, clientY) => {
+      let { from, to } = editor2.state.selection.main;
+      if (clientX !== void 0 && clientY !== void 0) {
+        const pos = editor2.posAtCoords({ x: clientX, y: clientY });
+        if (pos === null) return false;
+        from = to = pos;
+      }
+      if (from === to) {
+        const line = editor2.state.doc.lineAt(from);
+        const word = Array.from(line.text.matchAll(/[\w.*-]+/g)).find((m) => line.from + m.index <= from && from <= line.from + m.index + m[0].length);
+        if (!word) return false;
+        from = line.from + word.index;
+        to = from + word[0].length;
+        let node = language.syntaxTree(editor2.state).resolveInner(to, -1);
+        while (node.parent && !["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) node = node.parent;
+        if (!["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) return false;
+        if (!callbacks.current.onSlotActivate) {
+          editor2.dispatch({ selection: { anchor: from, head: to } });
+        }
+      }
+      if (callbacks.current.onSlotActivate) {
+        autocomplete.closeCompletion(editor2);
+        activateSlot(editor2, from, (slot) => callbacks.current.onSlotActivate?.(slot));
+      } else {
+        autocomplete.startCompletion(editor2);
+      }
+      return false;
+    };
     const editor = new view.EditorView({
       parent: host.current,
       state: state.EditorState.create({
@@ -6506,27 +6534,12 @@ function WqlTextEditor({ value, onChange, onSubmit, onEscape, placeholder, autoF
             // retain token selection and in-row completion.
             mouseup: (event, editor2) => {
               if (event.button !== 0) return false;
-              let { from, to } = editor2.state.selection.main;
-              if (from === to) {
-                const line = editor2.state.doc.lineAt(from);
-                const word = Array.from(line.text.matchAll(/[\w.*-]+/g)).find((m) => line.from + m.index <= from && from <= line.from + m.index + m[0].length);
-                if (!word) return false;
-                from = line.from + word.index;
-                to = from + word[0].length;
-                let node = language.syntaxTree(editor2.state).resolveInner(to, -1);
-                while (node.parent && !["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) node = node.parent;
-                if (!["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) return false;
-                if (!callbacks.current.onSlotActivate) {
-                  editor2.dispatch({ selection: { anchor: from, head: to } });
-                }
-              }
-              if (callbacks.current.onSlotActivate) {
-                autocomplete.closeCompletion(editor2);
-                activateSlot(editor2, from, (slot) => callbacks.current.onSlotActivate?.(slot));
-              } else {
-                autocomplete.startCompletion(editor2);
-              }
-              return false;
+              return handlePointerOrTouchActivation(editor2);
+            },
+            touchend: (event, editor2) => {
+              if (event.changedTouches.length !== 1) return false;
+              const touch = event.changedTouches[0];
+              return handlePointerOrTouchActivation(editor2, touch.clientX, touch.clientY);
             },
             keydown: (event, editor2) => {
               if (event.isComposing || editor2.compositionStarted) return true;
@@ -6915,7 +6928,7 @@ function WqlComposer({
             setUndo(currentRef.current.wql);
             updateClause(pill, null);
           } }, pill.id)),
-          !desktop && !compact && active.kind !== "wql" && guided && /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, type: "text", role: "combobox", "aria-label": "Search text or WQL", "aria-controls": suggesting ? listId : void 0, "aria-expanded": suggesting, "aria-activedescendant": suggesting && highlight >= 0 ? `${listId}-option-${highlight}` : void 0, value: pending, placeholder, onChange: (event) => {
+          !desktop && active.kind !== "wql" && guided && /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, type: "text", role: "combobox", "aria-label": "Search text or WQL", "aria-controls": suggesting ? listId : void 0, "aria-expanded": suggesting, "aria-activedescendant": suggesting && highlight >= 0 ? `${listId}-option-${highlight}` : void 0, value: pending, placeholder, onChange: (event) => {
             const text = event.target.value;
             setPending(text);
             setHighlight(-1);