@prosekit/web 0.1.1 → 0.1.2

package/dist/prosekit-web-autocomplete.js

@@ -94,7 +94,6 @@ var defaultAutocompleteListProps = {
 import {
   assignProps,
   createSignal,
-  mapSignals,
   useEffect as useEffect2
 } from "@aria-ui/core";
 import { useListbox } from "@aria-ui/listbox";
@@ -104,24 +103,27 @@ import {
   withPriority
 } from "@prosekit/core";
 function useAutocompleteList(element, props) {
-  const state = mapSignals(assignProps(defaultAutocompleteListProps, props));
+  const fullProps = assignProps(defaultAutocompleteListProps, props);
+  const editor = createSignal(fullProps.editor);
   const open = openContext.consume(element);
   const query = queryContext.consume(element);
   const onSubmit = onSubmitContext.consume(element);
-  const onKeydownHandlerAdd = useKeyboardHandler(element, open, state.editor);
+  const onKeydownHandlerAdd = useKeyboardHandler(element, open, editor);
+  const onValueChange = (value) => {
+    var _a;
+    if (value) {
+      (_a = onSubmit.peek()) == null ? void 0 : _a();
+    }
+  };
   const {
     query: listboxQuery,
     value: listboxValue,
+    filter,
     autoFocus
   } = useListbox(element, {
     onKeydownHandlerAdd,
-    // This function will be called before `onSubmit()`.
-    onValueChange: (value) => {
-      var _a;
-      if (value) {
-        (_a = onSubmit.value) == null ? void 0 : _a.call(onSubmit);
-      }
-    }
+    onValueChange,
+    filter: fullProps.filter
   });
   useEffect2(element, () => {
     listboxQuery.value = query.value;
@@ -152,7 +154,7 @@ function useAutocompleteList(element, props) {
       };
     }
   });
-  return state;
+  return { editor, filter };
 }
 function useKeyboardHandler(element, open, editor) {
   const keydownHandler = createSignal(
@@ -226,7 +228,7 @@ import {
   assignProps as assignProps2,
   createComputed,
   createSignal as createSignal2,
-  mapSignals as mapSignals2,
+  mapSignals,
   useEffect as useEffect3
 } from "@aria-ui/core";
 import { useOverlayPositionerState } from "@aria-ui/overlay";
@@ -243,7 +245,7 @@ function defaultQueryBuilder(match) {
 
 // src/components/autocomplete/autocomplete-popover/state.ts
 function useAutocompletePopover(host, props) {
-  const state = mapSignals2(assignProps2(defaultAutocompletePopoverProps, props));
+  const state = mapSignals(assignProps2(defaultAutocompletePopoverProps, props));
   useAutocompletePopoverState(host, state);
   return state;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": false,
   "author": {
     "name": "ocavue",