@octaviaflow/core 3.1.0-beta.104 → 3.1.0-beta.105

package/dist/index.js

@@ -34711,8 +34711,18 @@ function ExpressionField({
       } else {
         el.className = CHIP;
         el.setAttribute("data-call", segment.name);
-        el.textContent = chipText(segment.name, segment.args);
         el.title = segment.raw;
+        const text = document.createElement("span");
+        text.className = "ods-expression-field__chip-text";
+        text.textContent = chipText(segment.name, segment.args);
+        el.appendChild(text);
+        const open = document.createElement("span");
+        open.className = "ods-expression-field__chip-open";
+        open.setAttribute("data-open", "true");
+        open.setAttribute("role", "button");
+        open.setAttribute("aria-label", "Edit arguments");
+        open.textContent = "\u2304";
+        el.appendChild(open);
       }
       return el;
     },
@@ -34837,7 +34847,9 @@ function ExpressionField({
       const call = parseCall(raw);
       if (!call) return;
       editing.el.setAttribute("data-value", raw);
-      editing.el.textContent = chipText(call.name, call.args);
+      const text = editing.el.querySelector(".ods-expression-field__chip-text");
+      if (text) text.textContent = chipText(call.name, call.args);
+      else editing.el.textContent = chipText(call.name, call.args);
       editing.el.title = raw;
       setEditing(null);
       commit();
@@ -34847,12 +34859,13 @@ function ExpressionField({
   );
   const handleClick = useCallback50(
     (e) => {
-      const target = e.target.closest(`.${PILL}, .${CHIP}`);
+      const node = e.target;
+      const target = node.closest(`.${PILL}, .${CHIP}`);
       if (!target) return;
-      selectToken(target);
-      if (!disabled && target.classList.contains(CHIP) && e.detail >= 2) {
-        openEditor(target);
-      }
+      const chipEl = target;
+      const wantsEditor = chipEl.classList.contains(CHIP) && (!!node.closest("[data-open]") || e.detail >= 2);
+      selectToken(chipEl);
+      if (!disabled && wantsEditor) openEditor(chipEl);
     },
     [disabled, openEditor, selectToken]
   );