@prosekit/web 0.2.3 → 0.3.0

package/dist/_tsup-dts-rollup.d.ts

@@ -11,6 +11,7 @@ import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
 import { FocusChangeHandler } from '@prosekit/core';
+import { Keymap } from '@prosekit/core';
 import { ListboxProps } from '@aria-ui/listbox';
 import { Options } from 'tsup';
 import type { OverlayPositionerProps } from '@aria-ui/overlay';
@@ -321,6 +322,7 @@ declare const defaultInlinePopoverProps: Readonly<{
     defaultOpen: true;
     open: false;
     onOpenChange: null;
+    dismissOnEscape: true;
     placement: "top";
     offset: 12;
     shift: true;
@@ -445,17 +447,26 @@ declare interface InlinePopoverProps extends Omit<OverlayPositionerProps, 'place
     /**
      * Whether the popover is open.
      *
-     * Notice that the popover will be always hidden if the inline selection is empty.
+     * Notice that the popover will be always hidden if the inline selection is
+     * empty.
      *
      * @default false
      */
     open: boolean;
     /**
-     * Event handler called when the open state changed caused by user interaction (i.e. select or unselect inline content).
+     * Event handler called when the open state changed caused by user interaction
+     * (i.e. select or unselect inline content).
      *
      * @default null
      */
     onOpenChange: ((open: boolean) => void) | null;
+    /**
+     * Whether the inline popover should be dismissed when the editor receives an
+     * Escape key press.
+     *
+     * @default true
+     */
+    dismissOnEscape: boolean;
     /**
      * The placement of the popover, relative to the selected inline content.
      *
@@ -694,6 +705,8 @@ export declare function useFirstRendering(host: ConnectableElement): ReadonlySig
 
 export declare function useInlinePopover(host: ConnectableElement, state: SignalState<InlinePopoverProps>): void;
 
+export declare function useKeymap(host: ConnectableElement, editor: ReadonlySignal<Editor | null>, keymap: Keymap): void;
+
 export { usePopoverContent }
 
 export { usePopoverRoot }

package/dist/prosekit-web-inline-popover.js

@@ -16,6 +16,7 @@ var defaultInlinePopoverProps = Object.freeze({
   defaultOpen: !0,
   open: !1,
   onOpenChange: null,
+  dismissOnEscape: !0,
   placement: "top",
   offset: 12,
   shift: !0,
@@ -55,6 +56,13 @@ function useEditorUpdateEvent(host, editor, handler) {
   useEditorExtension(host, editor, extension);
 }
 
+// src/hooks/use-keymap.ts
+import { defineKeymap } from "@prosekit/core";
+function useKeymap(host, editor, keymap) {
+  let extension = defineKeymap(keymap);
+  return useEditorExtension(host, editor, extension);
+}
+
 // src/components/inline-popover/inline-popover/virtual-selection-element.ts
 import { isTextSelection } from "@prosekit/core";
 
@@ -114,6 +122,11 @@ function useInlinePopover(host, state) {
   }), useEffect(host, () => {
     let hasReferenceValue = hasReference.get(), defaultOpenValue = defaultOpen.peek();
     hasReferenceValue && defaultOpenValue ? open.set(!0) : hasReferenceValue || open.set(!1);
+  }), useKeymap(host, editor, {
+    Escape: () => {
+      var _a;
+      return !state.dismissOnEscape.get() || !open.get() ? !1 : (open.set(!1), (_a = onOpenChange.peek()) == null || _a(!1), !0);
+    }
   }), useOverlayPositionerState(host, overlayState, { reference }), useAttribute(host, "data-state", () => open.get() ? "open" : "closed"), usePresence(host, open);
 }
 function useInlinePopoverReference(host, editor) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -75,8 +75,8 @@
     "@floating-ui/dom": "^1.6.7",
     "@zag-js/dom-query": "^0.60.0",
     "@prosekit/core": "^0.7.1",
-    "@prosekit/pm": "^0.1.5",
-    "@prosekit/extensions": "^0.7.1"
+    "@prosekit/extensions": "^0.7.1",
+    "@prosekit/pm": "^0.1.5"
   },
   "devDependencies": {
     "tsup": "^8.1.0",