@codemirror/autocomplete 0.20.2 → 0.20.3

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.20.3 (2022-05-30)
+
+### Bug fixes
+
+Add an aria-label to the completion listbox.
+
+Fix a regression that caused transactions generated for completion to not have a `userEvent` annotation.
+
 ## 0.20.2 (2022-05-24)
 
 ### New features

package/dist/index.cjs

@@ -159,7 +159,7 @@ completion's text in the main selection range, and any other
 selection range that has the same text in front of it.
 */
 function insertCompletionText(state$1, text, from, to) {
-    return state$1.changeByRange(range => {
+    return Object.assign(Object.assign({}, state$1.changeByRange(range => {
         if (range == state$1.selection.main)
             return {
                 changes: { from: from, to: to, insert: text },
@@ -173,7 +173,7 @@ function insertCompletionText(state$1, text, from, to) {
             changes: { from: range.from - len, to: range.from, insert: text },
             range: state.EditorSelection.cursor(range.from - len + text.length)
         };
-    });
+    })), { userEvent: "input.complete" });
 }
 function applyCompletion(view, option) {
     const apply = option.completion.apply || option.completion.label;
@@ -532,6 +532,7 @@ class CompletionTooltip {
         ul.id = id;
         ul.setAttribute("role", "listbox");
         ul.setAttribute("aria-expanded", "true");
+        ul.setAttribute("aria-label", this.view.state.phrase("Completions"));
         for (let i = range.from; i < range.to; i++) {
             let { completion, match } = options[i];
             const li = ul.appendChild(document.createElement("li"));

package/dist/index.js

@@ -155,7 +155,7 @@ completion's text in the main selection range, and any other
 selection range that has the same text in front of it.
 */
 function insertCompletionText(state, text, from, to) {
-    return state.changeByRange(range => {
+    return Object.assign(Object.assign({}, state.changeByRange(range => {
         if (range == state.selection.main)
             return {
                 changes: { from: from, to: to, insert: text },
@@ -169,7 +169,7 @@ function insertCompletionText(state, text, from, to) {
             changes: { from: range.from - len, to: range.from, insert: text },
             range: EditorSelection.cursor(range.from - len + text.length)
         };
-    });
+    })), { userEvent: "input.complete" });
 }
 function applyCompletion(view, option) {
     const apply = option.completion.apply || option.completion.label;
@@ -528,6 +528,7 @@ class CompletionTooltip {
         ul.id = id;
         ul.setAttribute("role", "listbox");
         ul.setAttribute("aria-expanded", "true");
+        ul.setAttribute("aria-label", this.view.state.phrase("Completions"));
         for (let i = range.from; i < range.to; i++) {
             let { completion, match } = options[i];
             const li = ul.appendChild(document.createElement("li"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/autocomplete",
-  "version": "0.20.2",
+  "version": "0.20.3",
   "description": "Autocompletion for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",