@prosekit/web 0.7.8 → 0.7.10

package/src/components/table-handle/dnd.ts

@@ -1,13 +1,5 @@
-import {
-  createComputed,
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  computePosition,
-  offset,
-} from '@floating-ui/dom'
+import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
+import { computePosition, offset } from '@floating-ui/dom'
 import { isHTMLElement } from '@ocavue/utils'
 import type { Editor } from '@prosekit/core'
 import type { EditorView } from '@prosekit/pm/view'
@@ -15,10 +7,7 @@ import type { EditorView } from '@prosekit/pm/view'
 import { assignStyles } from '../../utils/assign-styles'
 import { getSafeEditorView } from '../../utils/get-safe-editor-view'
 
-import {
-  tableHandleDndContext,
-  tableHandleRootContext,
-} from './context'
+import { tableHandleDndContext, tableHandleRootContext } from './context'
 
 export type OnInitParams = {
   host: ConnectableElement
@@ -116,16 +105,21 @@ function getTableDOMByPos(view: EditorView, pos: number): HTMLTableElement | und
 function getTargetFirstCellDOM(table: HTMLTableElement, index: number, direction: 'row' | 'col'): HTMLTableCellElement | undefined {
   if (direction === 'row') {
     const row = table.querySelectorAll('tr')[index]
-    const cell = row?.querySelector('td')
+    const cell = row?.querySelector<HTMLTableCellElement>('td, th')
     return cell ?? undefined
   } else {
     const row = table.querySelector('tr')
-    const cell = row?.querySelectorAll('td')[index]
+    const cell = row?.querySelectorAll<HTMLTableCellElement>('td, th')[index]
     return cell ?? undefined
   }
 }
 
-export function getDndRelatedDOMs(view: EditorView, cellPos: number | undefined, draggingIndex: number, direction: 'row' | 'col'): { table: HTMLTableElement; cell: HTMLTableCellElement } | undefined {
+export function getDndRelatedDOMs(
+  view: EditorView,
+  cellPos: number | undefined,
+  draggingIndex: number,
+  direction: 'row' | 'col',
+): { table: HTMLTableElement; cell: HTMLTableCellElement } | undefined {
   if (cellPos == null) return
   const table = getTableDOMByPos(view, cellPos)
   if (!table) return

package/src/components/table-handle/hooks/use-drop.ts

@@ -1,15 +1,6 @@
-import {
-  createComputed,
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-  type Signal,
-} from '@aria-ui/core'
+import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal, type Signal } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
-import {
-  moveTableColumn,
-  moveTableRow,
-} from '@prosekit/extensions/table'
+import { moveTableColumn, moveTableRow } from '@prosekit/extensions/table'
 
 import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
 import type { TableHandleDndContext } from '../context'

package/src/components/table-handle/table-handle-column-root/setup.ts

@@ -1,16 +1,5 @@
-import {
-  createComputed,
-  createSignal,
-  useAttribute,
-  useEffect,
-  type ConnectableElement,
-  type SignalState,
-} from '@aria-ui/core'
-import {
-  menuRootProps,
-  useMenuRoot,
-  type MenuRootProps,
-} from '@aria-ui/menu/elements'
+import { createComputed, createSignal, useAttribute, useEffect, type ConnectableElement, type SignalState } from '@aria-ui/core'
+import { menuRootProps, useMenuRoot, type MenuRootProps } from '@aria-ui/menu/elements'
 import { useOverlayPositionerState } from '@aria-ui/overlay/elements'
 import { usePresence } from '@aria-ui/presence'
 

package/src/components/table-handle/table-handle-column-root/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import {
   overlayPositionerEvents,
   overlayPositionerProps,

package/src/components/table-handle/table-handle-column-trigger/setup.ts

@@ -1,22 +1,11 @@
-import {
-  useEffect,
-  useEventListener,
-  type ConnectableElement,
-  type SetupOptions,
-} from '@aria-ui/core'
+import { useEffect, useEventListener, type ConnectableElement, type SetupOptions } from '@aria-ui/core'
 import { useMenuTrigger } from '@aria-ui/menu/elements'
 import { selectTableColumn } from '@prosekit/extensions/table'
 
-import {
-  tableHandleDndContext,
-  tableHandleRootContext,
-} from '../context'
+import { tableHandleDndContext, tableHandleRootContext } from '../context'
 import { useEmptyImage } from '../hooks/use-empty-image'
 
-import type {
-  TableHandleColumnTriggerEvents,
-  TableHandleColumnTriggerProps,
-} from './types'
+import type { TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps } from './types'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-column-trigger/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
 import type { defineTableCommands } from '@prosekit/extensions/table'
 

package/src/components/table-handle/table-handle-drag-preview/render-preview.ts

@@ -1,8 +1,5 @@
 import { assignStyles } from '../../../utils/assign-styles'
-import {
-  cloneElement,
-  deepCloneElement,
-} from '../../../utils/clone-element'
+import { cloneElement, deepCloneElement } from '../../../utils/clone-element'
 import { fadeColor } from '../../../utils/fade-color'
 import { getEffectiveBackgroundColor } from '../../../utils/get-effective-background-color'
 import { injectStyle } from '../../../utils/inject-style'
@@ -56,7 +53,7 @@ export function createPreviewDOM(
       const [previewRow, previewRowStyle] = cloneElement(row)
       injectStyle(previewRoot, previewRowStyle)
       unsetSize(previewRow)
-      const cells = row.querySelectorAll('td')
+      const cells = row.querySelectorAll('td, th')
       const cell = cells[index]
       if (cell) {
         const [previewCell, previewCellStyle] = deepCloneElement(cell)

package/src/components/table-handle/table-handle-drag-preview/setup.ts

@@ -1,19 +1,9 @@
-import {
-  useEffect,
-  type ConnectableElement,
-  type SignalState,
-} from '@aria-ui/core'
+import { useEffect, type ConnectableElement, type SignalState } from '@aria-ui/core'
 
 import { assignStyles } from '../../../utils/assign-styles'
-import {
-  useInitDndPosition,
-  type OnInitParams,
-} from '../dnd'
+import { useInitDndPosition, type OnInitParams } from '../dnd'
 
-import {
-  clearPreviewDOM,
-  createPreviewDOM,
-} from './render-preview'
+import { clearPreviewDOM, createPreviewDOM } from './render-preview'
 import type { TableHandleDragPreviewProps } from './types'
 import { useUpdatePreviewPosition } from './updater'
 

package/src/components/table-handle/table-handle-drag-preview/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
 
 export interface TableHandleDragPreviewProps {

package/src/components/table-handle/table-handle-drag-preview/updater.ts

@@ -1,21 +1,10 @@
-import {
-  createComputed,
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  computePosition,
-  type ReferenceElement,
-} from '@floating-ui/dom'
+import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
+import { computePosition, type ReferenceElement } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 
 import { assignStyles } from '../../../utils/assign-styles'
 import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import {
-  tableHandleDndContext,
-  tableHandleRootContext,
-} from '../context'
+import { tableHandleDndContext, tableHandleRootContext } from '../context'
 import { getDndRelatedDOMs } from '../dnd'
 
 export function useUpdatePreviewPosition(host: ConnectableElement, editor: ReadonlySignal<Editor | null>): void {

package/src/components/table-handle/table-handle-drop-indicator/setup.ts

@@ -1,14 +1,7 @@
-import {
-  useEffect,
-  type ConnectableElement,
-  type SignalState,
-} from '@aria-ui/core'
+import { useEffect, type ConnectableElement, type SignalState } from '@aria-ui/core'
 
 import { assignStyles } from '../../../utils/assign-styles'
-import {
-  useInitDndPosition,
-  type OnInitParams,
-} from '../dnd'
+import { useInitDndPosition, type OnInitParams } from '../dnd'
 
 import type { TableHandleDropIndicatorProps } from './types'
 import { useUpdateIndicatorPosition } from './updater'
@@ -18,7 +11,10 @@ const HANDLE_WIDTH = 2
 /**
  * @internal
  */
-export function useTableHandleDropIndicator(host: ConnectableElement, { state }: { state: SignalState<TableHandleDropIndicatorProps> }): void {
+export function useTableHandleDropIndicator(
+  host: ConnectableElement,
+  { state }: { state: SignalState<TableHandleDropIndicatorProps> },
+): void {
   const { editor } = state
 
   useEffect(host, () => {

package/src/components/table-handle/table-handle-drop-indicator/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
 import type { TableCommandsExtension } from '@prosekit/extensions/table'
 

package/src/components/table-handle/table-handle-drop-indicator/updater.ts

@@ -1,27 +1,13 @@
-import {
-  createComputed,
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  computePosition,
-  offset,
-} from '@floating-ui/dom'
+import { createComputed, useEffect, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
+import { computePosition, offset } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 
 import { assignStyles } from '../../../utils/assign-styles'
 import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
-import {
-  tableHandleDndContext,
-  tableHandleRootContext,
-} from '../context'
+import { tableHandleDndContext, tableHandleRootContext } from '../context'
 import { getDndRelatedDOMs } from '../dnd'
 
-import {
-  getDragOverColumn,
-  getDragOverRow,
-} from './calc-drag-over'
+import { getDragOverColumn, getDragOverRow } from './calc-drag-over'
 
 export function useUpdateIndicatorPosition(host: ConnectableElement, editor: ReadonlySignal<Editor | null>, handleWidth: number): void {
   const dndContext = tableHandleDndContext.consume(host)
@@ -65,7 +51,7 @@ export function useUpdateIndicatorPosition(host: ConnectableElement, editor: Rea
     const { table } = relatedDOMs
 
     let cancelled = false
-    let cleanup = () => {
+    const cleanup = () => {
       cancelled = true
     }
 

package/src/components/table-handle/table-handle-popover-content/setup.ts

@@ -8,19 +8,12 @@ import {
   type SignalState,
   type TypedEventTarget,
 } from '@aria-ui/core'
-import {
-  menuContentProps,
-  useMenuContent,
-  type MenuContentProps,
-} from '@aria-ui/menu/elements'
+import { menuContentProps, useMenuContent, type MenuContentProps } from '@aria-ui/menu/elements'
 
 import { getStateWithDefaults } from '../../../utils/get-default-state'
 import { tableHandleRootContext } from '../context'
 
-import type {
-  TableHandlePopoverContentEvents,
-  TableHandlePopoverContentProps,
-} from './types'
+import type { TableHandlePopoverContentEvents, TableHandlePopoverContentProps } from './types'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-popover-content/types.ts

@@ -1,13 +1,5 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
-import {
-  menuContentEvents,
-  menuContentProps,
-  type MenuContentEvents,
-  type MenuContentProps,
-} from '@aria-ui/menu/elements'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
+import { menuContentEvents, menuContentProps, type MenuContentEvents, type MenuContentProps } from '@aria-ui/menu/elements'
 import type { Editor } from '@prosekit/core'
 
 export interface TableHandlePopoverContentProps extends Omit<MenuContentProps, 'placement' | 'offset'> {

package/src/components/table-handle/table-handle-popover-item/setup.ts

@@ -1,13 +1,7 @@
-import type {
-  ConnectableElement,
-  SetupOptions,
-} from '@aria-ui/core'
+import type { ConnectableElement, SetupOptions } from '@aria-ui/core'
 import { useMenuItem } from '@aria-ui/menu/elements'
 
-import type {
-  TableHandlePopoverItemEvents,
-  TableHandlePopoverItemProps,
-} from './types'
+import type { TableHandlePopoverItemEvents, TableHandlePopoverItemProps } from './types'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-popover-item/types.ts

@@ -1,13 +1,5 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
-import {
-  menuItemEvents,
-  menuItemProps,
-  type MenuItemEvents,
-  type MenuItemProps,
-} from '@aria-ui/menu'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
+import { menuItemEvents, menuItemProps, type MenuItemEvents, type MenuItemProps } from '@aria-ui/menu'
 
 export interface TableHandlePopoverItemProps extends MenuItemProps {}
 

package/src/components/table-handle/table-handle-root/setup.ts

@@ -7,10 +7,7 @@ import {
   type Signal,
   type SignalState,
 } from '@aria-ui/core'
-import {
-  defineDOMEventHandler,
-  type Editor,
-} from '@prosekit/core'
+import { defineDOMEventHandler, type Editor } from '@prosekit/core'
 import type { EditorView } from '@prosekit/pm/view'
 
 import { useEditorExtension } from '../../../hooks/use-editor-extension'
@@ -25,11 +22,7 @@ import {
   type TableHandleRootContext,
 } from '../context'
 import { useDrop } from '../hooks/use-drop'
-import {
-  getHoveringCell,
-  isHoveringCellInfoEqual,
-  type HoveringCellInfo,
-} from '../utils'
+import { getHoveringCell, isHoveringCellInfoEqual, type HoveringCellInfo } from '../utils'
 
 import type { TableHandleRootProps } from './types'
 

package/src/components/table-handle/table-handle-root/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
 
 export interface TableHandleRootProps {

package/src/components/table-handle/table-handle-row-root/setup.ts

@@ -7,11 +7,7 @@ import {
   type ConnectableElement,
   type SetupOptions,
 } from '@aria-ui/core'
-import {
-  menuRootEvents,
-  menuRootProps,
-  useMenuRoot,
-} from '@aria-ui/menu/elements'
+import { menuRootEvents, menuRootProps, useMenuRoot } from '@aria-ui/menu/elements'
 import { useOverlayPositionerState } from '@aria-ui/overlay/elements'
 import { usePresence } from '@aria-ui/presence'
 
@@ -19,10 +15,7 @@ import { getStateWithDefaults } from '../../../utils/get-default-state'
 import { getSafeEditorView } from '../../../utils/get-safe-editor-view'
 import { tableHandleRootContext } from '../context'
 
-import type {
-  TableHandleRowRootEvents,
-  TableHandleRowRootProps,
-} from './types'
+import type { TableHandleRowRootEvents, TableHandleRowRootProps } from './types'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-row-root/types.ts

@@ -1,12 +1,5 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
-import {
-  overlayPositionerProps,
-  type OverlayPositionerEvents,
-  type OverlayPositionerProps,
-} from '@aria-ui/overlay'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
+import { overlayPositionerProps, type OverlayPositionerEvents, type OverlayPositionerProps } from '@aria-ui/overlay'
 import type { Placement } from '@floating-ui/dom'
 import type { Editor } from '@prosekit/core'
 

package/src/components/table-handle/table-handle-row-trigger/setup.ts

@@ -1,22 +1,11 @@
-import {
-  useEffect,
-  useEventListener,
-  type ConnectableElement,
-  type SetupOptions,
-} from '@aria-ui/core'
+import { useEffect, useEventListener, type ConnectableElement, type SetupOptions } from '@aria-ui/core'
 import { useMenuTrigger } from '@aria-ui/menu/elements'
 import { selectTableRow } from '@prosekit/extensions/table'
 
-import {
-  tableHandleDndContext,
-  tableHandleRootContext,
-} from '../context'
+import { tableHandleDndContext, tableHandleRootContext } from '../context'
 import { useEmptyImage } from '../hooks/use-empty-image'
 
-import type {
-  TableHandleRowTriggerEvents,
-  TableHandleRowTriggerProps,
-} from './types'
+import type { TableHandleRowTriggerEvents, TableHandleRowTriggerProps } from './types'
 
 /**
  * @internal

package/src/components/table-handle/table-handle-row-trigger/types.ts

@@ -1,7 +1,4 @@
-import type {
-  EventDeclarations,
-  PropDeclarations,
-} from '@aria-ui/core'
+import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'
 import type { Editor } from '@prosekit/core'
 import type { defineTableCommands } from '@prosekit/extensions/table'
 

package/src/components/table-handle/utils.ts

@@ -1,8 +1,5 @@
 import type { EditorView } from '@prosekit/pm/view'
-import {
-  cellAround,
-  TableMap,
-} from 'prosemirror-tables'
+import { cellAround, TableMap } from 'prosemirror-tables'
 
 export interface HoveringCellInfo {
   rowIndex: number

package/src/components/tooltip/tooltip-content/types.ts

@@ -1,12 +1,6 @@
-import type {
-  TooltipContentEvents as Events,
-  TooltipContentProps as Props,
-} from '@aria-ui/tooltip/elements'
+import type { TooltipContentEvents as Events, TooltipContentProps as Props } from '@aria-ui/tooltip/elements'
 
-export {
-  tooltipContentEvents,
-  tooltipContentProps,
-} from '@aria-ui/tooltip/elements'
+export { tooltipContentEvents, tooltipContentProps } from '@aria-ui/tooltip/elements'
 
 export interface TooltipContentProps extends Props {}
 export interface TooltipContentEvents extends Events {}

package/src/components/tooltip/tooltip-root/types.ts

@@ -1,12 +1,6 @@
-import type {
-  TooltipRootEvents as Events,
-  TooltipRootProps as Props,
-} from '@aria-ui/tooltip/elements'
+import type { TooltipRootEvents as Events, TooltipRootProps as Props } from '@aria-ui/tooltip/elements'
 
-export {
-  tooltipRootEvents,
-  tooltipRootProps,
-} from '@aria-ui/tooltip/elements'
+export { tooltipRootEvents, tooltipRootProps } from '@aria-ui/tooltip/elements'
 
 export interface TooltipRootProps extends Props {}
 export interface TooltipRootEvents extends Events {}

package/src/components/tooltip/tooltip-trigger/types.ts

@@ -1,12 +1,6 @@
-import type {
-  TooltipTriggerEvents as Events,
-  TooltipTriggerProps as Props,
-} from '@aria-ui/tooltip/elements'
+import type { TooltipTriggerEvents as Events, TooltipTriggerProps as Props } from '@aria-ui/tooltip/elements'
 
-export {
-  tooltipTriggerEvents,
-  tooltipTriggerProps,
-} from '@aria-ui/tooltip/elements'
+export { tooltipTriggerEvents, tooltipTriggerProps } from '@aria-ui/tooltip/elements'
 
 export interface TooltipTriggerProps extends Props {}
 export interface TooltipTriggerEvents extends Events {}

package/src/hooks/use-editor-extension.ts

@@ -1,12 +1,5 @@
-import {
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
-import type {
-  Editor,
-  Extension,
-} from '@prosekit/core'
+import { useEffect, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
+import type { Editor, Extension } from '@prosekit/core'
 
 export function useEditorExtension(
   host: ConnectableElement,

package/src/hooks/use-editor-focus-event.ts

@@ -1,12 +1,5 @@
-import type {
-  ConnectableElement,
-  ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  defineFocusChangeHandler,
-  type Editor,
-  type FocusChangeHandler,
-} from '@prosekit/core'
+import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
+import { defineFocusChangeHandler, type Editor, type FocusChangeHandler } from '@prosekit/core'
 
 import { useEditorExtension } from './use-editor-extension'
 

package/src/hooks/use-editor-typing.ts

@@ -1,13 +1,5 @@
-import {
-  createSignal,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  defineDOMEventHandler,
-  union,
-  type Editor,
-} from '@prosekit/core'
+import { createSignal, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
+import { defineDOMEventHandler, union, type Editor } from '@prosekit/core'
 
 import { useEditorExtension } from './use-editor-extension'
 

package/src/hooks/use-editor-update-event.ts

@@ -1,12 +1,5 @@
-import type {
-  ConnectableElement,
-  ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  defineUpdateHandler,
-  type Editor,
-  type UpdateHandler,
-} from '@prosekit/core'
+import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
+import { defineUpdateHandler, type Editor, type UpdateHandler } from '@prosekit/core'
 
 import { useEditorExtension } from './use-editor-extension'
 

package/src/hooks/use-first-rendering.ts

@@ -1,9 +1,4 @@
-import {
-  createSignal,
-  useEffect,
-  type ConnectableElement,
-  type ReadonlySignal,
-} from '@aria-ui/core'
+import { createSignal, useEffect, type ConnectableElement, type ReadonlySignal } from '@aria-ui/core'
 
 export function useFirstRendering(
   host: ConnectableElement,

package/src/hooks/use-keymap.ts

@@ -1,12 +1,5 @@
-import type {
-  ConnectableElement,
-  ReadonlySignal,
-} from '@aria-ui/core'
-import {
-  defineKeymap,
-  type Editor,
-  type Keymap,
-} from '@prosekit/core'
+import type { ConnectableElement, ReadonlySignal } from '@aria-ui/core'
+import { defineKeymap, type Editor, type Keymap } from '@prosekit/core'
 
 import { useEditorExtension } from './use-editor-extension'