@prosekit/web 0.3.16 → 0.3.18

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

@@ -11,8 +11,7 @@ import type { defineTableCommands } from '@prosekit/extensions/table';
 import { Editor } from '@prosekit/core';
 import type { EditorView } from '@prosekit/pm/view';
 import type { EmptyObject } from '@aria-ui/core';
-import { Extension } from '@prosekit/core';
-import { ExtensionTyping } from '@prosekit/core';
+import type { Extension } from '@prosekit/core';
 import { FocusChangeHandler } from '@prosekit/core';
 import { ItemFilter } from '@aria-ui/collection';
 import { Keymap } from '@prosekit/core';
@@ -22,6 +21,7 @@ import { MenuItemProps } from '@aria-ui/menu';
 import { Options } from 'tsup';
 import { OverlayPositionerProps } from '@aria-ui/overlay';
 import type { Placement } from '@floating-ui/dom';
+import { PlainExtension } from '@prosekit/core';
 import { PopoverContentProps } from '@aria-ui/popover';
 import { PopoverRootProps } from '@aria-ui/popover';
 import { PopoverTriggerProps } from '@aria-ui/popover';
@@ -614,11 +614,9 @@ export { defaultTooltipRootProps as defaultTooltipRootProps_alias_1 }
 export { defaultTooltipTriggerProps }
 export { defaultTooltipTriggerProps as defaultTooltipTriggerProps_alias_1 }
 
-export declare function defineCellHoverHandler(handler: (hoveringCell: HoveringCellInfo | null) => void): Extension<ExtensionTyping<any, any, any>>;
-
 export declare function defineCustomElement(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
 
-export declare function defineElementHoverHandler(handler: ElementHoverHandler): Union<readonly [Extension<ExtensionTyping<any, any, any>>, Extension<ExtensionTyping<any, any, any>>, Extension<ExtensionTyping<any, any, any>>]>;
+export declare function defineElementHoverHandler(handler: ElementHoverHandler): Union<readonly [PlainExtension, PlainExtension, PlainExtension]>;
 
 export declare type ElementHoverHandler = (reference: VirtualElement | null, hoverState: HoverState | null) => void;
 

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

@@ -219,6 +219,7 @@ var defaultTableHandleRootProps = Object.freeze({
 
 // src/components/table-handle/table-handle-root/state.ts
 import {
+  createComputed as createComputed3,
   createSignal as createSignal4,
   useEffect as useEffect3
 } from "@aria-ui/core";
@@ -301,10 +302,13 @@ function useTableHandleRoot(host, state) {
   const context = createSignal4(null);
   const hoveringCell = useHoveringCell(host, editor);
   const typing = useEditorTyping(host, editor);
+  const isInTable = createComputed3(() => !!hoveringCell.get());
+  const selecting = useSelecting(host, editor, isInTable);
   useEffect3(host, () => {
     const typingValue = typing.get();
+    const selectingValue = selecting.get();
     const hoveringCellValue = hoveringCell.get();
-    context.set(typingValue ? null : hoveringCellValue);
+    context.set(typingValue || selectingValue ? null : hoveringCellValue);
   });
   tableHandleRootContext.provide(host, context);
 }
@@ -326,6 +330,36 @@ function defineCellHoverHandler(handler) {
   };
   return defineDOMEventHandler2("pointerover", pointerHandler);
 }
+function useSelecting(host, editor, isInTable) {
+  const selecting = createSignal4(false);
+  useEffect3(host, () => {
+    var _a;
+    if (!isInTable.get()) {
+      return;
+    }
+    const root = (_a = editor.peek()) == null ? void 0 : _a.view.root;
+    if (!root) {
+      return;
+    }
+    const pointerDownHandler = (event) => {
+      const target = event.target;
+      if (!target || host.contains(event.target)) {
+        return;
+      }
+      selecting.set(true);
+    };
+    const pointerUpHandler = () => {
+      selecting.set(false);
+    };
+    root.addEventListener("pointerdown", pointerDownHandler);
+    root.addEventListener("pointerup", pointerUpHandler);
+    return () => {
+      root.removeEventListener("pointerdown", pointerDownHandler);
+      root.removeEventListener("pointerup", pointerUpHandler);
+    };
+  });
+  return selecting;
+}
 
 // src/components/table-handle/table-handle-root/element.gen.ts
 var TableHandleRootElement = class extends ElementBuilder5(useTableHandleRoot, defaultTableHandleRootProps) {
@@ -347,7 +381,7 @@ var defaultTableHandleRowRootProps = Object.freeze({
 
 // src/components/table-handle/table-handle-row-root/state.ts
 import {
-  createComputed as createComputed3,
+  createComputed as createComputed4,
   createSignal as createSignal5,
   mapSignals as mapSignals3,
   useAttribute as useAttribute3,
@@ -359,11 +393,11 @@ import { usePresence as usePresence2 } from "@aria-ui/presence";
 function useTableHandleRowRoot(host, state) {
   const { editor, ...overlayState } = state;
   const rootContext = tableHandleRootContext.consume(host);
-  const rowFirstCellPos = createComputed3(() => {
+  const rowFirstCellPos = createComputed4(() => {
     var _a;
     return (_a = rootContext.get()) == null ? void 0 : _a.rowFirstCellPos;
   });
-  const referenceCell = createComputed3(() => {
+  const referenceCell = createComputed4(() => {
     var _a;
     const pos = rowFirstCellPos.get();
     const view = (_a = editor.get()) == null ? void 0 : _a.view;
@@ -378,7 +412,7 @@ function useTableHandleRowRoot(host, state) {
   useOverlayPositionerState2(host, overlayState, {
     reference: referenceCell
   });
-  const presence = createComputed3(() => !!referenceCell.get());
+  const presence = createComputed4(() => !!referenceCell.get());
   useAttribute3(host, "data-state", () => presence.get() ? "open" : "closed");
   usePresence2(host, presence);
   useMenuRoot2(host, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -78,18 +78,18 @@
     "@aria-ui/popover": "^0.0.20",
     "@aria-ui/presence": "^0.0.14",
     "@aria-ui/tooltip": "^0.0.22",
-    "@floating-ui/dom": "^1.6.10",
-    "@zag-js/dom-query": "^0.65.1",
+    "@floating-ui/dom": "^1.6.11",
+    "@zag-js/dom-query": "^0.68.1",
     "just-omit": "^2.2.0",
     "prosemirror-tables": "^1.5.0",
     "@prosekit/core": "^0.7.11",
-    "@prosekit/extensions": "^0.7.16",
+    "@prosekit/extensions": "^0.7.17",
     "@prosekit/pm": "^0.1.8"
   },
   "devDependencies": {
-    "tsup": "^8.2.4",
-    "typescript": "^5.5.4",
-    "vitest": "^2.0.5",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2",
+    "vitest": "^2.1.1",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {