@prosekit/web 0.4.2 → 0.5.0

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

@@ -1,4 +1,3 @@
-import { AutoUpdateOptions } from '@floating-ui/dom';
 import { BaseElementConstructor } from '@aria-ui/core';
 import { ConnectableElement } from '@aria-ui/core';
 import { Context } from '@aria-ui/core';
@@ -6,7 +5,6 @@ import { config as default_alias_1 } from '@prosekit/dev/config-vitest';
 import type { defineTableCommands } from '@prosekit/extensions/table';
 import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
-import { ElementContext } from '@floating-ui/dom';
 import { EventDeclarations } from '@aria-ui/core';
 import type { Extension } from '@prosekit/core';
 import { FocusChangeHandler } from '@prosekit/core';
@@ -24,7 +22,7 @@ import { OverlayPositionerEvents } from '@aria-ui/overlay/elements';
 import { OverlayPositionerEvents as OverlayPositionerEvents_2 } from '@aria-ui/overlay';
 import { OverlayPositionerProps } from '@aria-ui/overlay/elements';
 import { OverlayPositionerProps as OverlayPositionerProps_2 } from '@aria-ui/overlay';
-import { Placement } from '@floating-ui/dom';
+import type { Placement } from '@floating-ui/dom';
 import { PlainExtension } from '@prosekit/core';
 import { popoverContentEvents } from '@aria-ui/popover/elements';
 import type { PopoverContentEvents as PopoverContentEvents_2 } from '@aria-ui/popover/elements';
@@ -43,12 +41,12 @@ import { PropDeclarations } from '@aria-ui/core';
 import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { ReadonlySignal } from '@aria-ui/core';
 import type { ReferenceElement } from '@floating-ui/dom';
-import { RootBoundary } from '@floating-ui/dom';
 import { SetupOptions } from '@aria-ui/core';
 import { SignalState } from '@aria-ui/core';
-import { tooltipContentEvents } from '@aria-ui/tooltip';
-import { TooltipContentEvents as TooltipContentEvents_2 } from '@aria-ui/tooltip';
-import { TooltipContentProps as TooltipContentProps_2 } from '@aria-ui/tooltip';
+import { tooltipContentEvents } from '@aria-ui/tooltip/elements';
+import type { TooltipContentEvents as TooltipContentEvents_2 } from '@aria-ui/tooltip/elements';
+import { tooltipContentProps } from '@aria-ui/tooltip/elements';
+import type { TooltipContentProps as TooltipContentProps_2 } from '@aria-ui/tooltip/elements';
 import { tooltipRootEvents } from '@aria-ui/tooltip/elements';
 import type { TooltipRootEvents as TooltipRootEvents_2 } from '@aria-ui/tooltip/elements';
 import { tooltipRootProps } from '@aria-ui/tooltip/elements';
@@ -177,6 +175,14 @@ export { AutocompletePopoverElement as AutocompletePopoverElement_alias_1 }
 declare const AutocompletePopoverElement_base: BaseElementConstructor<AutocompletePopoverProps>;
 
 declare interface AutocompletePopoverEvents extends OverlayPositionerEvents {
+    /**
+     * Fired when the open state changes.
+     */
+    openChange: CustomEvent<boolean>;
+    /**
+     * Fired when the query changes.
+     */
+    queryChange: CustomEvent<string>;
 }
 export { AutocompletePopoverEvents }
 export { AutocompletePopoverEvents as AutocompletePopoverEvents_alias_1 }
@@ -200,14 +206,6 @@ declare interface AutocompletePopoverProps extends OverlayPositionerProps {
      * @default null
      */
     regex: RegExp | null;
-    /**
-     * A callback that is called when the query changes.
-     */
-    onQueryChange: ((query: string) => void) | null;
-    /**
-     * A callback that is called when the open state changes.
-     */
-    onOpenChange: ((open: boolean) => void) | null;
     /**
      * The placement of the popover, relative to the text cursor.
      *
@@ -245,53 +243,7 @@ export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
 /** @internal */
-declare const autocompletePopoverProps: {
-    readonly editor: {
-        readonly default: null;
-    };
-    readonly regex: {
-        readonly default: null;
-    };
-    readonly onQueryChange: {
-        readonly default: null;
-    };
-    readonly onOpenChange: {
-        readonly default: null;
-    };
-    readonly placement: {
-        readonly default: "bottom-start";
-    };
-    readonly offset: {
-        readonly default: 4;
-    };
-    readonly inline: {
-        readonly default: true;
-    };
-    readonly hoist: {
-        readonly default: true;
-    };
-    readonly fitViewport: {
-        readonly default: true;
-    };
-    readonly boundary: {
-        readonly default: HTMLBodyElement | "clippingAncestors";
-    };
-    readonly overflowPadding: {
-        readonly default: 8;
-    };
-    readonly strategy: PropDeclaration<"fixed" | "absolute">;
-    readonly autoUpdate: PropDeclaration<boolean | AutoUpdateOptions>;
-    readonly transform: PropDeclaration<boolean>;
-    readonly flip: PropDeclaration<boolean | Placement[]>;
-    readonly shift: PropDeclaration<boolean>;
-    readonly overlap: PropDeclaration<boolean>;
-    readonly sameWidth: PropDeclaration<boolean>;
-    readonly sameHeight: PropDeclaration<boolean>;
-    readonly hide: PropDeclaration<boolean>;
-    readonly rootBoundary: PropDeclaration<RootBoundary>;
-    readonly elementContext: PropDeclaration<ElementContext>;
-    readonly altBoundary: PropDeclaration<boolean>;
-};
+declare const autocompletePopoverProps: PropDeclarations<AutocompletePopoverProps>;
 export { autocompletePopoverProps }
 export { autocompletePopoverProps as autocompletePopoverProps_alias_1 }
 
@@ -383,7 +335,7 @@ declare const blockHandlePopoverEvents: EventDeclarations<BlockHandlePopoverEven
 export { blockHandlePopoverEvents }
 export { blockHandlePopoverEvents as blockHandlePopoverEvents_alias_1 }
 
-declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, 'placement' | 'offset'> {
+declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, 'placement'> {
     /**
      * The ProseKit editor instance.
      *
@@ -397,12 +349,6 @@ declare interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, '
      * @default "left-start"
      */
     placement: Placement;
-    /**
-     * The distance between the popover and the hovered block.
-     *
-     * @default 4
-     */
-    offset: number;
 }
 export { BlockHandlePopoverProps }
 export { BlockHandlePopoverProps as BlockHandlePopoverProps_alias_1 }
@@ -466,8 +412,11 @@ export { InlinePopoverElement as InlinePopoverElement_alias_1 }
 
 declare const InlinePopoverElement_base: BaseElementConstructor<InlinePopoverProps>;
 
-/** @internal */
 declare interface InlinePopoverEvents extends OverlayPositionerEvents_2 {
+    /**
+     * Fired when the open state changes.
+     */
+    openChange: CustomEvent<boolean>;
 }
 export { InlinePopoverEvents }
 export { InlinePopoverEvents as InlinePopoverEvents_alias_1 }
@@ -477,7 +426,7 @@ declare const inlinePopoverEvents: EventDeclarations<InlinePopoverEvents>;
 export { inlinePopoverEvents }
 export { inlinePopoverEvents as inlinePopoverEvents_alias_1 }
 
-declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'placement' | 'offset'> {
+declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'placement' | 'offset' | 'hide' | 'overlap' | 'inline' | 'overflowPadding'> {
     /**
      * The ProseKit editor instance.
      *
@@ -505,13 +454,6 @@ declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'pla
      * @default false
      */
     open: boolean;
-    /**
-     * 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.
@@ -520,8 +462,6 @@ declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'pla
      */
     dismissOnEscape: boolean;
     /**
-     * The placement of the popover, relative to the selected inline content.
-     *
      * @default "top"
      */
     placement: OverlayPositionerProps_2['placement'];
@@ -529,10 +469,6 @@ declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'pla
      * @default 12
      */
     offset: OverlayPositionerProps_2['offset'];
-    /**
-     * @default true
-     */
-    flip: OverlayPositionerProps_2['flip'];
     /**
      * @default true
      */
@@ -546,9 +482,9 @@ declare interface InlinePopoverProps extends Omit<OverlayPositionerProps_2, 'pla
      */
     inline: OverlayPositionerProps_2['inline'];
     /**
-     * @default true
+     * @default 8
      */
-    hoist: OverlayPositionerProps_2['hoist'];
+    overflowPadding: OverlayPositionerProps_2['overflowPadding'];
 }
 export { InlinePopoverProps }
 export { InlinePopoverProps as InlinePopoverProps_alias_1 }
@@ -1016,39 +952,6 @@ declare interface TooltipContentProps extends TooltipContentProps_2 {
 export { TooltipContentProps }
 export { TooltipContentProps as TooltipContentProps_alias_1 }
 
-declare const tooltipContentProps: {
-    shift: {
-        default: boolean;
-    };
-    flip: {
-        default: boolean;
-    };
-    offset: {
-        default: number;
-    };
-    overflowPadding: {
-        default: number;
-    };
-    hoist: {
-        default: boolean;
-    };
-    boundary: {
-        default: never[];
-    };
-    inline: PropDeclaration<boolean>;
-    placement: PropDeclaration<Placement>;
-    fitViewport: PropDeclaration<boolean>;
-    strategy: PropDeclaration<"fixed" | "absolute">;
-    autoUpdate: PropDeclaration<boolean | AutoUpdateOptions>;
-    transform: PropDeclaration<boolean>;
-    overlap: PropDeclaration<boolean>;
-    sameWidth: PropDeclaration<boolean>;
-    sameHeight: PropDeclaration<boolean>;
-    hide: PropDeclaration<boolean>;
-    rootBoundary: PropDeclaration<RootBoundary>;
-    elementContext: PropDeclaration<ElementContext>;
-    altBoundary: PropDeclaration<boolean>;
-};
 export { tooltipContentProps }
 export { tooltipContentProps as tooltipContentProps_alias_1 }
 
@@ -1104,9 +1007,7 @@ export declare function useAutocompleteItem(element: ConnectableElement, { state
 
 export declare function useAutocompleteList(element: ConnectableElement, { state, emit }: SetupOptions<AutocompleteListProps, AutocompleteListEvents>): void;
 
-export declare function useAutocompletePopover(host: ConnectableElement, { state }: {
-    state: SignalState<AutocompletePopoverProps>;
-}): void;
+export declare function useAutocompletePopover(host: ConnectableElement, { state, emit, }: SetupOptions<AutocompletePopoverProps, AutocompletePopoverEvents>): void;
 
 export declare function useBlockHandleAdd(host: ConnectableElement, { state }: {
     state: SignalState<BlockHandleAddProps>;
@@ -1136,9 +1037,7 @@ export declare function useEditorUpdateEvent(host: ConnectableElement, editor: R
 
 export declare function useFirstRendering(host: ConnectableElement): ReadonlySignal<boolean>;
 
-export declare function useInlinePopover(host: ConnectableElement, { state }: {
-    state: SignalState<InlinePopoverProps>;
-}): void;
+export declare function useInlinePopover(host: ConnectableElement, { state, emit }: SetupOptions<InlinePopoverProps, InlinePopoverEvents>): void;
 
 export declare function useKeymap(host: ConnectableElement, editor: ReadonlySignal<Editor | null>, keymap: Keymap): void;
 

package/dist/prosekit-web-autocomplete.js

@@ -241,7 +241,10 @@ function defaultQueryBuilder(match) {
 }
 
 // src/components/autocomplete/autocomplete-popover/setup.ts
-function useAutocompletePopover(host, { state }) {
+function useAutocompletePopover(host, {
+  state,
+  emit
+}) {
   const { editor, regex, ...overlayState } = state;
   const reference = createSignal3(null);
   const query = createSignal3("");
@@ -266,20 +269,15 @@ function useAutocompletePopover(host, { state }) {
   usePresence(host, presence);
   const firstRendering = useFirstRendering(host);
   useEffect4(host, () => {
-    var _a;
     const queryValue = query.get();
     if (!firstRendering.peek()) {
-      (_a = state.onQueryChange.peek()) == null ? void 0 : _a(queryValue);
+      emit("queryChange", queryValue);
     }
   });
   useAnimationFrame(host, () => {
     const presenceValue = presence.get();
-    const onOpenChangeValue = state.onOpenChange.peek();
-    if (!onOpenChangeValue) {
-      return;
-    }
     return () => {
-      onOpenChangeValue(presenceValue);
+      emit("openChange", presenceValue);
     };
   });
 }
@@ -350,8 +348,6 @@ var autocompletePopoverProps = {
   ...overlayPositionerProps,
   editor: { default: null },
   regex: { default: null },
-  onQueryChange: { default: null },
-  onOpenChange: { default: null },
   placement: { default: "bottom-start" },
   offset: { default: 4 },
   inline: { default: true },
@@ -360,7 +356,11 @@ var autocompletePopoverProps = {
   boundary: { default: defaultBoundary },
   overflowPadding: { default: 8 }
 };
-var autocompletePopoverEvents = overlayPositionerEvents;
+var autocompletePopoverEvents = {
+  ...overlayPositionerEvents,
+  openChange: {},
+  queryChange: {}
+};
 
 // src/components/autocomplete/autocomplete-popover/element.gen.ts
 var AutocompletePopoverElement = class extends defineCustomElement4({

package/dist/prosekit-web-block-handle.js

@@ -266,8 +266,7 @@ import {
 var blockHandlePopoverProps = {
   ...overlayPositionerProps,
   editor: { default: null },
-  placement: { default: "left-start" },
-  offset: { default: 4 }
+  placement: { default: "left-start" }
 };
 var blockHandlePopoverEvents = {};
 

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

@@ -94,17 +94,16 @@ function getInlineDecoration(view) {
 }
 
 // src/components/inline-popover/inline-popover/setup.ts
-function useInlinePopover(host, { state }) {
-  const { editor, defaultOpen, open, onOpenChange, ...overlayState } = state;
+function useInlinePopover(host, { state, emit }) {
+  const { editor, defaultOpen, open, ...overlayState } = state;
   const reference = useInlinePopoverReference(host, editor);
   const hasReference = createComputed(() => !!reference.get());
   useEffect(host, () => {
     const hasReferenceValue = hasReference.get();
-    const onOpenChangeValue = onOpenChange.peek();
     const defaultOpenValue = defaultOpen.peek();
     const openValue = open.peek();
-    if (onOpenChangeValue && (defaultOpenValue || openValue)) {
-      onOpenChangeValue(hasReferenceValue);
+    if (defaultOpenValue || openValue) {
+      emit("openChange", hasReferenceValue);
     }
   });
   useEffect(host, () => {
@@ -118,12 +117,11 @@ function useInlinePopover(host, { state }) {
   });
   useKeymap(host, editor, {
     Escape: () => {
-      var _a;
-      if (!state.dismissOnEscape.get() || !open.get()) {
+      if (!state.dismissOnEscape.peek() || !open.peek()) {
         return false;
       }
       open.set(false);
-      (_a = onOpenChange.peek()) == null ? void 0 : _a(false);
+      emit("openChange", false);
       return true;
     }
   });
@@ -157,21 +155,18 @@ var inlinePopoverProps = Object.freeze({
   editor: { default: null },
   defaultOpen: { default: true },
   open: { default: false },
-  onOpenChange: { default: null },
   dismissOnEscape: { default: true },
   placement: { default: "top" },
   offset: { default: 12 },
-  shift: { default: true },
-  flip: { default: true },
   hide: { default: true },
   overlap: { default: true },
   inline: { default: true },
-  overflowPadding: { default: 8 },
-  // Don't need boundary when hoist is true.
-  hoist: { default: true },
-  boundary: { default: [] }
+  overflowPadding: { default: 8 }
 });
-var inlinePopoverEvents = overlayPositionerEvents;
+var inlinePopoverEvents = {
+  ...overlayPositionerEvents,
+  openChange: {}
+};
 
 // src/components/inline-popover/inline-popover/element.gen.ts
 var InlinePopoverElement = class extends defineCustomElement({

package/dist/prosekit-web-tooltip.js

@@ -6,19 +6,9 @@ import { useTooltipContent } from "@aria-ui/tooltip/elements";
 
 // src/components/tooltip/tooltip-content/types.ts
 import {
-  tooltipContentProps as props,
-  tooltipContentEvents
-} from "@aria-ui/tooltip";
-var tooltipContentProps = {
-  ...props,
-  shift: { default: true },
-  flip: { default: true },
-  offset: { default: 6 },
-  overflowPadding: { default: 4 },
-  // Don't need boundary when hoist is true.
-  hoist: { default: true },
-  boundary: { default: [] }
-};
+  tooltipContentEvents,
+  tooltipContentProps
+} from "@aria-ui/tooltip/elements";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
 var TooltipContentElement = class extends defineCustomElement({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -72,25 +72,25 @@
   "dependencies": {
     "@aria-ui/collection": "^0.0.4",
     "@aria-ui/core": "^0.0.19",
-    "@aria-ui/listbox": "^0.0.19",
-    "@aria-ui/menu": "^0.0.13",
-    "@aria-ui/overlay": "^0.0.20",
-    "@aria-ui/popover": "^0.0.21",
-    "@aria-ui/presence": "^0.0.15",
-    "@aria-ui/tooltip": "^0.0.23",
+    "@aria-ui/listbox": "^0.0.20",
+    "@aria-ui/menu": "^0.0.15",
+    "@aria-ui/overlay": "^0.0.21",
+    "@aria-ui/popover": "^0.0.23",
+    "@aria-ui/presence": "^0.0.16",
+    "@aria-ui/tooltip": "^0.0.25",
     "@floating-ui/dom": "^1.6.11",
-    "@zag-js/dom-query": "^0.75.0",
+    "@zag-js/dom-query": "^0.76.0",
     "just-map-values": "^3.2.0",
     "just-omit": "^2.2.0",
-    "prosemirror-tables": "^1.5.1",
+    "prosemirror-tables": "^1.6.0",
+    "@prosekit/pm": "^0.1.8",
     "@prosekit/core": "^0.7.12",
-    "@prosekit/extensions": "^0.7.20",
-    "@prosekit/pm": "^0.1.8"
+    "@prosekit/extensions": "^0.7.21"
   },
   "devDependencies": {
-    "tsup": "^8.3.4",
+    "tsup": "^8.3.5",
     "typescript": "^5.6.3",
-    "vitest": "^2.1.3",
+    "vitest": "^2.1.4",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {