@prosekit/web 0.1.6 → 0.1.8

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

@@ -4,8 +4,8 @@ import { Context } from '@aria-ui/core';
 import { defaultPopoverContentProps } from '@aria-ui/popover';
 import { defaultPopoverRootProps } from '@aria-ui/popover';
 import { defaultPopoverTriggerProps } from '@aria-ui/popover';
-import { defaultTooltipContentProps } from '@aria-ui/tooltip';
 import { defaultTooltipRootProps } from '@aria-ui/tooltip';
+import { defaultTooltipTriggerProps } from '@aria-ui/tooltip';
 import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
@@ -22,13 +22,13 @@ import { ReadonlySignal } from '@aria-ui/core';
 import type { ReferenceElement } from '@floating-ui/dom';
 import type { Selection as Selection_2 } from '@prosekit/pm/state';
 import { SignalState } from '@aria-ui/core';
-import { TooltipContentProps } from '@aria-ui/tooltip';
+import type { TooltipContentProps } from '@aria-ui/tooltip';
 import { TooltipRootProps } from '@aria-ui/tooltip';
+import { TooltipTriggerProps } from '@aria-ui/tooltip';
 import { UpdateHandler } from '@prosekit/core';
 import { usePopoverContent } from '@aria-ui/popover';
 import { usePopoverRoot } from '@aria-ui/popover';
 import { usePopoverTrigger } from '@aria-ui/popover';
-import { useTooltipContent } from '@aria-ui/tooltip';
 import { useTooltipRoot } from '@aria-ui/tooltip';
 import { useTooltipTrigger } from '@aria-ui/tooltip';
 import type { VirtualElement } from '@floating-ui/dom';
@@ -324,21 +324,21 @@ declare const defaultInlinePopoverProps: Readonly<{
     onOpenChange: null;
     placement: "top";
     offset: 12;
+    shift: true;
     flip: true;
     hide: true;
     overlap: true;
     inline: true;
+    overflowPadding: 8;
     hoist: true;
+    boundary: never[];
     strategy: "absolute";
     autoUpdate: true;
     transform: false;
-    shift: false;
     fitViewport: false;
     sameWidth: false;
     sameHeight: false;
-    boundary: "clippingAncestors";
     rootBoundary: "viewport";
-    overflowPadding: 0;
     elementContext: "floating";
     altBoundary: true;
 }>;
@@ -373,19 +373,45 @@ declare const defaultResizableRootProps: {
 export { defaultResizableRootProps }
 export { defaultResizableRootProps as defaultResizableRootProps_alias_1 }
 
+declare const defaultTooltipContentProps: {
+    shift: true;
+    flip: true;
+    offset: number;
+    overflowPadding: number;
+    hoist: true;
+    boundary: never[];
+    strategy: "absolute";
+    placement: "top";
+    autoUpdate: true;
+    transform: false;
+    overlap: false;
+    fitViewport: false;
+    sameWidth: false;
+    sameHeight: false;
+    inline: false;
+    hide: false;
+    rootBoundary: "viewport";
+    elementContext: "floating";
+    altBoundary: true;
+};
 export { defaultTooltipContentProps }
 export { defaultTooltipContentProps as defaultTooltipContentProps_alias_1 }
 
 export { defaultTooltipRootProps }
 export { defaultTooltipRootProps as defaultTooltipRootProps_alias_1 }
 
-declare const defaultTooltipTriggerProps: {};
 export { defaultTooltipTriggerProps }
 export { defaultTooltipTriggerProps as defaultTooltipTriggerProps_alias_1 }
 
 export declare function defineCustomElement(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
 
-export declare function defineElementHoverHandler(handler: ElementHoverHandler): Extension<    {}>;
+export declare function defineElementHoverHandler(handler: ElementHoverHandler): Extension<    {
+Nodes: any;
+Marks: any;
+Commands: {
+[x: string]: any;
+};
+}>;
 
 export declare type ElementHoverHandler = (reference: VirtualElement | null, element: HTMLElement | null, node: ProseMirrorNode | null, pos: number | null) => void;
 
@@ -627,8 +653,6 @@ declare const TooltipTriggerElement_base: {
     prototype: HTMLElement;
 };
 
-declare interface TooltipTriggerProps {
-}
 export { TooltipTriggerProps }
 export { TooltipTriggerProps as TooltipTriggerProps_alias_1 }
 
@@ -670,7 +694,7 @@ export declare function useResizableHandle(host: ConnectableElement, props?: Par
 
 export declare function useResizableRoot(host: ConnectableElement, props?: Partial<ResizableRootProps>): SignalState<Readonly<ResizableRootProps>>;
 
-export { useTooltipContent }
+export declare function useTooltipContent(element: ConnectableElement, props?: Partial<TooltipContentProps>): SignalState<TooltipContentProps>;
 
 export { useTooltipRoot }
 

package/dist/prosekit-web-autocomplete.js

@@ -1,3 +1,6 @@
+import {
+  useEditorExtension
+} from "./chunk-VJEVDINM.js";
 import {
   defineCustomElement
 } from "./chunk-LCDA7GFP.js";
@@ -138,6 +141,9 @@ function useAutocompleteList(element, props) {
       };
     }
   });
+  useEffect2(element, () => {
+    element.tabIndex = -1;
+  });
   return { editor, filter };
 }
 function useKeyboardHandler(element, open, editor) {
@@ -208,10 +214,16 @@ import {
   createComputed,
   createSignal as createSignal3,
   mapSignals,
+  useAnimationFrame,
   useEffect as useEffect4
 } from "@aria-ui/core";
 import { useOverlayPositionerState } from "@aria-ui/overlay";
 import { usePresence } from "@aria-ui/presence";
+import {
+  Priority as Priority2,
+  defineKeymap,
+  withPriority as withPriority2
+} from "@prosekit/core";
 import {
   AutocompleteRule,
   defineAutocomplete
@@ -253,7 +265,7 @@ function useAutocompletePopoverState(host, state) {
   queryContext.provide(host, query);
   onSubmitContext.provide(host, onSubmit);
   openContext.provide(host, presence);
-  useEscapeKeydown(host, createKeymapHandler(onDismiss, presence));
+  useEscapeKeydown(host, editor, createKeymapHandler(onDismiss, presence));
   useAutocompleteExtension(
     host,
     editor,
@@ -273,10 +285,15 @@ function useAutocompletePopoverState(host, state) {
       (_a = state.onQueryChange.peek()) == null ? void 0 : _a(queryValue);
     }
   });
-  useEffect4(host, () => {
-    var _a;
+  useAnimationFrame(host, () => {
     const presenceValue = presence.value;
-    (_a = state.onOpenChange.peek()) == null ? void 0 : _a(presenceValue);
+    const onOpenChangeValue = state.onOpenChange.peek();
+    if (!onOpenChangeValue) {
+      return;
+    }
+    return () => {
+      onOpenChangeValue(presenceValue);
+    };
   });
 }
 function useAutocompleteExtension(host, editor, regex, reference, query, onDismiss, onSubmit) {
@@ -332,19 +349,10 @@ function createKeymapHandler(handler, enabled) {
     return true;
   };
 }
-function useEscapeKeydown(host, handler) {
-  useEffect4(host, () => {
-    const handleKeyDown = (event) => {
-      if (event.key !== "Escape") {
-        return;
-      }
-      if (handler()) {
-        event.preventDefault();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  });
+function useEscapeKeydown(host, editor, handler) {
+  const keymap = { Escape: handler };
+  const extension = withPriority2(defineKeymap(keymap), Priority2.highest);
+  return useEditorExtension(host, editor, extension);
 }
 
 // src/components/autocomplete/autocomplete-popover/element.gen.ts

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

@@ -17,11 +17,15 @@ var defaultInlinePopoverProps = Object.freeze({
   onOpenChange: null,
   placement: "top",
   offset: 12,
+  shift: true,
   flip: true,
   hide: true,
   overlap: true,
   inline: true,
-  hoist: true
+  overflowPadding: 8,
+  // Don't need boundary when hoist is true.
+  hoist: true,
+  boundary: []
 });
 
 // src/components/inline-popover/inline-popover/state.ts

package/dist/prosekit-web-tooltip.js

@@ -6,10 +6,24 @@ import {
 import { ElementMixin } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-content/props.ts
-import { defaultTooltipContentProps } from "@aria-ui/tooltip";
+import { defaultTooltipContentProps as defaultProps } from "@aria-ui/tooltip";
+var defaultTooltipContentProps = {
+  ...defaultProps,
+  shift: true,
+  flip: true,
+  offset: 6,
+  overflowPadding: 4,
+  // Don't need boundary when hoist is true.
+  hoist: true,
+  boundary: []
+};
 
 // src/components/tooltip/tooltip-content/state.ts
-import { useTooltipContent } from "@aria-ui/tooltip";
+import { assignProps } from "@aria-ui/core";
+import { useTooltipContent as useElement } from "@aria-ui/tooltip";
+function useTooltipContent(element, props) {
+  return useElement(element, assignProps(defaultTooltipContentProps, props));
+}
 
 // src/components/tooltip/tooltip-content/element.gen.ts
 var TooltipContentElement = class extends ElementMixin(useTooltipContent, defaultTooltipContentProps) {
@@ -34,7 +48,7 @@ defineCustomElement("prosekit-tooltip-root", TooltipRootElement);
 import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-trigger/props.ts
-var defaultTooltipTriggerProps = {};
+import { defaultTooltipTriggerProps } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-trigger/state.ts
 import { useTooltipTrigger } from "@aria-ui/tooltip";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -68,21 +68,21 @@
     "@aria-ui/collection": "^0.0.3",
     "@aria-ui/core": "^0.0.14",
     "@aria-ui/listbox": "^0.0.13",
-    "@aria-ui/overlay": "^0.0.14",
-    "@aria-ui/popover": "^0.0.13",
+    "@aria-ui/overlay": "^0.0.15",
+    "@aria-ui/popover": "^0.0.14",
     "@aria-ui/presence": "^0.0.9",
-    "@aria-ui/tooltip": "^0.0.15",
+    "@aria-ui/tooltip": "^0.0.16",
     "@floating-ui/dom": "^1.6.5",
-    "@prosekit/core": "^0.5.0",
-    "@prosekit/extensions": "^0.5.0",
-    "@prosekit/pm": "^0.1.3",
-    "@zag-js/dom-query": "^0.49.0"
+    "@prosekit/core": "^0.5.2",
+    "@prosekit/extensions": "^0.5.1",
+    "@prosekit/pm": "^0.1.4",
+    "@zag-js/dom-query": "^0.51.2"
   },
   "devDependencies": {
-    "@prosekit/dev": "*",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "vitest": "^1.6.0"
+    "vitest": "^1.6.0",
+    "@prosekit/dev": "0.0.0"
   },
   "scripts": {
     "build:tsup": "tsup",