dishui 0.0.91 → 0.0.101

package/dist/components/pro/RichTextEditor/BlockHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockHandle.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/BlockHandle.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { JSONContent } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { NodeSelection, Selection } from '@tiptap/pm/state';\n\ninterface BlockHandleProps {\n  editor: Editor;\n}\n\ninterface BlockInfo {\n  pos: number;\n  size: number;\n  domTop: number;\n  domBottom: number;\n}\n\nconst BlockHandle: React.FC<BlockHandleProps> = ({ editor }) => {\n  const [visible, setVisible] = useState(false);\n  const [handleTop, setHandleTop] = useState(0);\n  const [showMenu, setShowMenu] = useState(false);\n  const [menuMode, setMenuMode] = useState<'add' | 'actions'>('add');\n  const [menuPos, setMenuPos] = useState({ left: 4, top: 0 });\n  const target = useRef<{ pos: number; node: ProseMirrorNode } | null>(null);\n  const dragCleanup = useRef<(() => void) | null>(null);\n  const suppressClick = useRef(false);\n  const [currentBlockIndex, setCurrentBlockIndex] = useState(-1);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dropIndicator, setDropIndicator] = useState<{ top: number } | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<HTMLDivElement>(null);\n  const hideTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoveringHandle = useRef(false);\n\n  const cancelHide = useCallback(() => {\n    if (hideTimer.current) {\n      clearTimeout(hideTimer.current);\n      hideTimer.current = null;\n    }\n  }, []);\n\n  const scheduleHide = useCallback(() => {\n    cancelHide();\n    hideTimer.current = setTimeout(() => {\n      if (!hoveringHandle.current && !showMenu && !isDragging && !handleRef.current?.contains(document.activeElement) && !menuRef.current?.contains(document.activeElement)) {\n        setVisible(false);\n      }\n    }, 200);\n  }, [cancelHide, showMenu, isDragging]);\n\n  const getBlocks = useCallback((): BlockInfo[] => {\n    if (editor.isDestroyed) return [];\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return [];\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const scrollTop = wrapperEl.scrollTop;\n    const blocks: BlockInfo[] = [];\n\n    editor.state.doc.forEach((node, offset) => {\n      const domNode = editor.view.nodeDOM(offset) as HTMLElement | null;\n      if (domNode instanceof HTMLElement) {\n        const rect = domNode.getBoundingClientRect();\n        blocks.push({\n          pos: offset,\n          size: node.nodeSize,\n          domTop: rect.top - wrapperRect.top - wrapperEl.clientTop + scrollTop,\n          domBottom: rect.bottom - wrapperRect.top - wrapperEl.clientTop + scrollTop,\n        });\n      }\n    });\n    return blocks;\n  }, [editor]);\n\n  const findBlockByClientY = useCallback((clientY: number): number => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return -1;\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const y = clientY - wrapperRect.top - wrapperEl.clientTop + wrapperEl.scrollTop;\n    return getBlocks().findIndex((block) => y >= block.domTop && y <= block.domBottom);\n  }, [editor, getBlocks]);\n\n  const findDropSlot = useCallback((clientY: number): { slotIndex: number; indicatorTop: number } | null => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return null;\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const y = clientY - wrapperRect.top - wrapperEl.clientTop + wrapperEl.scrollTop;\n\n    const blocks = getBlocks();\n    if (blocks.length === 0) return null;\n\n    let bestSlot = 0;\n    let bestDist = Infinity;\n    let bestTop = blocks[0].domTop;\n\n    for (let i = 0; i <= blocks.length; i++) {\n      const edgeY = i < blocks.length ? blocks[i].domTop : blocks[blocks.length - 1].domBottom;\n      const dist = Math.abs(y - edgeY);\n      if (dist < bestDist) {\n        bestDist = dist;\n        bestSlot = i;\n        bestTop = edgeY;\n      }\n    }\n\n    return { slotIndex: bestSlot, indicatorTop: bestTop };\n  }, [editor, getBlocks]);\n\n  useEffect(() => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDragging || dragCleanup.current || showMenu || hoveringHandle.current || !editor.isEditable || editor.view.composing) return;\n      if (handleRef.current?.contains(e.target as Node) || menuRef.current?.contains(e.target as Node)) return;\n\n      const idx = findBlockByClientY(e.clientY);\n      if (idx < 0) { scheduleHide(); return; }\n\n      const blocks = getBlocks();\n      if (idx >= blocks.length) return;\n\n      // Keep the handle reachable when the top of a long block has scrolled away.\n      const viewportTop = Math.max(0, -wrapperEl.getBoundingClientRect().top);\n      setHandleTop(Math.max(blocks[idx].domTop, wrapperEl.scrollTop + viewportTop + 4));\n      setCurrentBlockIndex(idx);\n      const node = editor.state.doc.nodeAt(blocks[idx].pos);\n      target.current = node ? { pos: blocks[idx].pos, node } : null;\n      cancelHide();\n      setVisible(true);\n    };\n\n    const handleMouseLeave = () => {\n      if (!isDragging) scheduleHide();\n    };\n\n    wrapperEl.addEventListener('mousemove', handleMouseMove);\n    wrapperEl.addEventListener('mouseleave', handleMouseLeave);\n    return () => {\n      wrapperEl.removeEventListener('mousemove', handleMouseMove);\n      wrapperEl.removeEventListener('mouseleave', handleMouseLeave);\n      cancelHide();\n    };\n  }, [editor, cancelHide, scheduleHide, isDragging, showMenu, findBlockByClientY, getBlocks]);\n\n  useEffect(() => {\n    if (!showMenu) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node) && !handleRef.current?.contains(e.target as Node)) {\n        hoveringHandle.current = false;\n        setShowMenu(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [showMenu]);\n\n  const getTarget = useCallback(() => {\n    const block = target.current;\n    if (editor.isDestroyed || !editor.isEditable || editor.view.composing || !block || editor.state.doc.nodeAt(block.pos) !== block.node) return null;\n    return block;\n  }, [editor]);\n\n  const addBlockBelow = useCallback((content: JSONContent) => {\n    const block = getTarget();\n    if (!block) return;\n    const insertPos = block.pos + block.node.nodeSize;\n    editor.chain().focus().insertContentAt(insertPos, content).command(({ tr }) => {\n      tr.setSelection(Selection.near(tr.doc.resolve(insertPos + 1)));\n      return true;\n    }).run();\n    setShowMenu(false);\n  }, [editor, getTarget]);\n\n  const moveBlock = useCallback((slotIndex: number) => {\n    const block = getTarget();\n    const blocks = getBlocks();\n    if (!block || slotIndex < 0 || slotIndex > blocks.length) return;\n    const index = blocks.findIndex((item) => item.pos === block.pos);\n    if (index < 0 || slotIndex === index || slotIndex === index + 1) return;\n    const insertBefore = blocks[slotIndex]?.pos ?? editor.state.doc.content.size;\n    const tr = editor.state.tr.delete(block.pos, block.pos + block.node.nodeSize);\n    const destination = tr.mapping.map(insertBefore);\n    tr.insert(destination, block.node);\n    tr.setSelection(NodeSelection.isSelectable(block.node)\n      ? NodeSelection.create(tr.doc, destination)\n      : Selection.near(tr.doc.resolve(destination)));\n    editor.view.dispatch(tr.scrollIntoView());\n    editor.view.focus();\n  }, [editor, getTarget, getBlocks]);\n\n  useEffect(() => {\n    // Invalidate instead of trusting an index after external edits, undo or collaboration.\n    const reset = () => {\n      dragCleanup.current?.();\n      target.current = null;\n      hoveringHandle.current = false;\n      setVisible(false);\n      setShowMenu(false);\n      cancelHide();\n    };\n    const transaction = ({ transaction: tr }: { transaction: import('@tiptap/pm/state').Transaction }) => {\n      if (tr.docChanged || !editor.isEditable) reset();\n    };\n    const scroll = (event: Event) => {\n      if (!(event.target instanceof Node) || !menuRef.current?.contains(event.target)) reset();\n    };\n    editor.on('transaction', transaction);\n    const dom = editor.view.dom;\n    dom.addEventListener('compositionstart', reset);\n    window.addEventListener('scroll', scroll, true);\n    window.addEventListener('resize', reset);\n    window.addEventListener('blur', reset);\n    return () => {\n      editor.off('transaction', transaction);\n      dom.removeEventListener('compositionstart', reset);\n      window.removeEventListener('scroll', scroll, true);\n      window.removeEventListener('resize', reset);\n      window.removeEventListener('blur', reset);\n      dragCleanup.current?.();\n      cancelHide();\n    };\n  }, [editor, cancelHide]);\n\n  useLayoutEffect(() => {\n    if (!showMenu) return;\n    const menu = menuRef.current;\n    const handle = handleRef.current;\n    const wrapper = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!menu || !handle || !wrapper) return;\n    const rect = wrapper.getBoundingClientRect();\n    const anchor = handle.getBoundingClientRect();\n    const left = Math.max(8, rect.left + wrapper.clientLeft);\n    const right = Math.min(window.innerWidth - 8, rect.right);\n    const top = Math.max(8, rect.top + wrapper.clientTop);\n    const bottom = Math.min(window.innerHeight - 8, rect.bottom);\n    const below = bottom - anchor.bottom - 4;\n    const above = anchor.top - top - 4;\n    const flip = below < menu.scrollHeight && above > below;\n    menu.style.maxHeight = `${Math.max(0, Math.min(320, flip ? above : below))}px`;\n    menu.style.minWidth = '0';\n    menu.style.width = `${Math.max(0, Math.min(220, right - left))}px`;\n    setMenuPos({\n      left: Math.max(left, Math.min(anchor.left, right - menu.offsetWidth)) - rect.left - wrapper.clientLeft + wrapper.scrollLeft,\n      top: (flip ? anchor.top - menu.offsetHeight - 4 : anchor.bottom + 4) - rect.top - wrapper.clientTop + wrapper.scrollTop,\n    });\n    const firstItem = menuMode === 'actions' ? 'button:not(:disabled)' : 'button';\n    menu.querySelector<HTMLButtonElement>(firstItem)?.focus({ preventScroll: true });\n  }, [editor, showMenu, menuMode]);\n\n  const handleDragStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (e.button !== 0 || !getTarget()) return;\n    dragCleanup.current?.();\n    suppressClick.current = false;\n    const startX = e.clientX;\n    const startY = e.clientY;\n    let moved = false;\n\n    const handleDragMove = (ev: MouseEvent) => {\n      if (!moved && Math.hypot(ev.clientX - startX, ev.clientY - startY) < 5) return;\n      moved = true;\n      suppressClick.current = true;\n      setShowMenu(false);\n      setIsDragging(true);\n      const slot = findDropSlot(ev.clientY);\n      if (slot) {\n        setDropIndicator({ top: slot.indicatorTop });\n      }\n    };\n\n    const cleanup = () => {\n      document.removeEventListener('mousemove', handleDragMove);\n      document.removeEventListener('mouseup', handleDragEnd);\n      document.removeEventListener('keydown', cancel, true);\n      dragCleanup.current = null;\n      setIsDragging(false);\n      setDropIndicator(null);\n    };\n    const cancel = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      suppressClick.current = true;\n      cleanup();\n    };\n    const handleDragEnd = (ev: MouseEvent) => {\n      cleanup();\n      if (!moved) return;\n      const rect = editor.view.dom.closest('.rte-editor-wrapper')?.getBoundingClientRect();\n      if (!rect || ev.clientX < rect.left || ev.clientX > rect.right || ev.clientY < rect.top || ev.clientY > rect.bottom) return;\n      const slot = findDropSlot(ev.clientY);\n      if (slot) moveBlock(slot.slotIndex);\n    };\n\n    dragCleanup.current = cleanup;\n    document.addEventListener('mousemove', handleDragMove);\n    document.addEventListener('mouseup', handleDragEnd);\n    document.addEventListener('keydown', cancel, true);\n  }, [editor, getTarget, moveBlock, findDropSlot]);\n\n  const paragraph = { type: 'paragraph' };\n  const addItems: { label: string; content: JSONContent }[] = [\n    { label: 'Text', content: paragraph },\n    ...([1, 2, 3] as const).map((level) => ({ label: `Heading ${level}`, content: { type: 'heading', attrs: { level } } })),\n    { label: 'Bullet List', content: { type: 'bulletList', content: [{ type: 'listItem', content: [paragraph] }] } },\n    { label: 'Numbered List', content: { type: 'orderedList', content: [{ type: 'listItem', content: [paragraph] }] } },\n    { label: 'Task List', content: { type: 'taskList', content: [{ type: 'taskItem', attrs: { checked: false }, content: [paragraph] }] } },\n    { label: 'Blockquote', content: { type: 'blockquote', content: [paragraph] } },\n    { label: 'Code Block', content: { type: 'codeBlock' } },\n    { label: 'Divider', content: { type: 'horizontalRule' } },\n    { label: 'Table 3×3', content: { type: 'table', content: Array.from({ length: 3 }, (_, row) => ({\n      type: 'tableRow', content: Array.from({ length: 3 }, () => ({ type: row === 0 ? 'tableHeader' : 'tableCell', content: [paragraph] })),\n    })) } },\n  ];\n  const menuItems: { label: string; content?: JSONContent; disabled?: boolean }[] = menuMode === 'add'\n    ? addItems.filter((item) => editor.schema.nodes[item.content.type!])\n    : [\n      { label: 'Duplicate' },\n      { label: 'Delete' },\n      { label: 'Move up', disabled: currentBlockIndex <= 0 },\n      { label: 'Move down', disabled: currentBlockIndex >= editor.state.doc.childCount - 1 },\n    ];\n\n  const executeMenuItem = (item: typeof menuItems[number]) => {\n    if (item.disabled) return;\n    const block = getTarget();\n    if (!block) return;\n    if (item.content) addBlockBelow(item.content);\n    else if (item.label === 'Duplicate') {\n      const pos = block.pos + block.node.nodeSize;\n      const tr = editor.state.tr.insert(pos, block.node);\n      tr.setSelection(Selection.near(tr.doc.resolve(pos + 1)));\n      editor.view.dispatch(tr.scrollIntoView());\n      editor.view.focus();\n    } else if (item.label === 'Delete') {\n      editor.chain().focus().deleteRange({ from: block.pos, to: block.pos + block.node.nodeSize }).run();\n    } else if (item.label === 'Move up') moveBlock(currentBlockIndex - 1);\n    else if (item.label === 'Move down') moveBlock(currentBlockIndex + 2);\n  };\n\n  if (!visible && !showMenu && !isDragging) return null;\n\n  return (\n    <>\n      <div\n        ref={handleRef}\n        className=\"rte-block-handle\"\n        style={{ top: handleTop }}\n        onFocus={cancelHide}\n        onBlur={scheduleHide}\n        onMouseEnter={() => { hoveringHandle.current = true; cancelHide(); }}\n        onMouseLeave={() => { hoveringHandle.current = false; if (!isDragging) scheduleHide(); }}\n        onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n      >\n        <button\n          type=\"button\"\n          className=\"rte-block-handle__btn rte-block-handle__btn--add\"\n          onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n          onClick={(e) => { e.stopPropagation(); if (getTarget()) { setMenuMode('add'); setShowMenu(!showMenu || menuMode !== 'add'); } }}\n          aria-label=\"Add block\"\n          aria-haspopup=\"menu\"\n          aria-expanded={showMenu && menuMode === 'add'}\n          title=\"Add block\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" /><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" /></svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`rte-block-handle__btn rte-block-handle__btn--drag ${isDragging ? 'rte-block-handle__btn--dragging' : ''}`}\n          title=\"Drag to reorder or click for block actions\"\n          aria-label=\"Block actions\"\n          aria-haspopup=\"menu\"\n          aria-expanded={showMenu && menuMode === 'actions'}\n          onMouseDown={handleDragStart}\n          onClick={(e) => {\n            e.stopPropagation();\n            if (suppressClick.current) { suppressClick.current = false; return; }\n            if (getTarget()) { setMenuMode('actions'); setShowMenu(!showMenu || menuMode !== 'actions'); }\n          }}\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <circle cx=\"9\" cy=\"6\" r=\"1.5\" /><circle cx=\"15\" cy=\"6\" r=\"1.5\" />\n            <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n            <circle cx=\"9\" cy=\"18\" r=\"1.5\" /><circle cx=\"15\" cy=\"18\" r=\"1.5\" />\n          </svg>\n        </button>\n      </div>\n\n      {showMenu && (\n        <div\n          ref={menuRef}\n          className=\"rte-block-handle__menu\"\n          role=\"menu\"\n          aria-label={menuMode === 'add' ? 'Add block' : 'Block actions'}\n          style={{ ...menuPos, overflowY: 'auto' }}\n          onMouseEnter={() => { hoveringHandle.current = true; cancelHide(); }}\n          onMouseLeave={() => { hoveringHandle.current = false; }}\n          onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n          onKeyDown={(e) => {\n            if (e.nativeEvent.isComposing || e.keyCode === 229) return;\n            if (e.key === 'Escape' || e.key === 'Tab') {\n              if (e.key === 'Escape') e.preventDefault();\n              e.stopPropagation();\n              hoveringHandle.current = false;\n              setShowMenu(false);\n              handleRef.current?.querySelector<HTMLButtonElement>(menuMode === 'add' ? '.rte-block-handle__btn--add' : '.rte-block-handle__btn--drag')?.focus({ preventScroll: true });\n              return;\n            }\n            if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) return;\n            e.preventDefault();\n            e.stopPropagation();\n            const buttons = Array.from(e.currentTarget.querySelectorAll<HTMLButtonElement>('button:not(:disabled)'));\n            const index = buttons.indexOf(document.activeElement as HTMLButtonElement);\n            const next = e.key === 'Home' ? 0 : e.key === 'End' ? buttons.length - 1 : (index + (e.key === 'ArrowDown' ? 1 : -1) + buttons.length) % buttons.length;\n            buttons[next]?.focus({ preventScroll: true });\n            const item = buttons[next];\n            if (item && item.offsetTop < e.currentTarget.scrollTop) e.currentTarget.scrollTop = item.offsetTop;\n            else if (item && item.offsetTop + item.offsetHeight > e.currentTarget.scrollTop + e.currentTarget.clientHeight) {\n              e.currentTarget.scrollTop = item.offsetTop + item.offsetHeight - e.currentTarget.clientHeight;\n            }\n          }}\n        >\n          {menuItems.map((item) => (\n            <button\n              key={item.label}\n              type=\"button\"\n              role=\"menuitem\"\n              disabled={item.disabled}\n              style={item.disabled ? { opacity: 0.45, cursor: 'default' } : undefined}\n              className=\"rte-block-handle__menu-item\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={(e) => { e.stopPropagation(); executeMenuItem(item); setShowMenu(false); hoveringHandle.current = false; }}\n            >\n              {item.label}\n            </button>\n          ))}\n        </div>\n      )}\n\n      {isDragging && dropIndicator && (\n        <div className=\"rte-block-handle__drop-indicator\" style={{ top: dropIndicator.top }} />\n      )}\n    </>\n  );\n};\n\nexport default BlockHandle;\n"],"mappings":"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"}
+{"version":3,"file":"BlockHandle.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/BlockHandle.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { JSONContent } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { NodeSelection, Selection } from '@tiptap/pm/state';\n\ninterface BlockHandleProps {\n  editor: Editor;\n  /** Keep the left control rail visible instead of revealing it only on hover. */\n  persistent?: boolean;\n}\n\ninterface BlockInfo {\n  pos: number;\n  size: number;\n  domTop: number;\n  domBottom: number;\n}\n\nconst BlockHandle: React.FC<BlockHandleProps> = ({ editor, persistent = false }) => {\n  const [visible, setVisible] = useState(false);\n  const [handleTop, setHandleTop] = useState(0);\n  const [showMenu, setShowMenu] = useState(false);\n  const [menuMode, setMenuMode] = useState<'add' | 'actions'>('add');\n  const [menuPos, setMenuPos] = useState({ left: 4, top: 0 });\n  const target = useRef<{ pos: number; node: ProseMirrorNode } | null>(null);\n  const dragCleanup = useRef<(() => void) | null>(null);\n  const suppressClick = useRef(false);\n  const [currentBlockIndex, setCurrentBlockIndex] = useState(-1);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dropIndicator, setDropIndicator] = useState<{ top: number } | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<HTMLDivElement>(null);\n  const hideTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoveringHandle = useRef(false);\n\n  const cancelHide = useCallback(() => {\n    if (hideTimer.current) {\n      clearTimeout(hideTimer.current);\n      hideTimer.current = null;\n    }\n  }, []);\n\n  const scheduleHide = useCallback(() => {\n    cancelHide();\n    hideTimer.current = setTimeout(() => {\n      if (!hoveringHandle.current && !showMenu && !isDragging && !handleRef.current?.contains(document.activeElement) && !menuRef.current?.contains(document.activeElement)) {\n        setVisible(false);\n      }\n    }, 200);\n  }, [cancelHide, showMenu, isDragging]);\n\n  const getBlocks = useCallback((): BlockInfo[] => {\n    if (editor.isDestroyed) return [];\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return [];\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const scrollTop = wrapperEl.scrollTop;\n    const blocks: BlockInfo[] = [];\n\n    editor.state.doc.forEach((node, offset) => {\n      const domNode = editor.view.nodeDOM(offset) as HTMLElement | null;\n      if (domNode instanceof HTMLElement) {\n        const rect = domNode.getBoundingClientRect();\n        blocks.push({\n          pos: offset,\n          size: node.nodeSize,\n          domTop: rect.top - wrapperRect.top - wrapperEl.clientTop + scrollTop,\n          domBottom: rect.bottom - wrapperRect.top - wrapperEl.clientTop + scrollTop,\n        });\n      }\n    });\n    return blocks;\n  }, [editor]);\n\n  const findBlockByClientY = useCallback((clientY: number): number => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return -1;\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const y = clientY - wrapperRect.top - wrapperEl.clientTop + wrapperEl.scrollTop;\n    return getBlocks().findIndex((block) => y >= block.domTop && y <= block.domBottom);\n  }, [editor, getBlocks]);\n\n  const selectBlockAtClientY = useCallback((clientY: number): boolean => {\n    const blocks = getBlocks();\n    const idx = findBlockByClientY(clientY);\n    if (idx < 0 || idx >= blocks.length) return false;\n    const block = blocks[idx];\n    const node = editor.state.doc.nodeAt(block.pos);\n    if (!node) return false;\n    target.current = { pos: block.pos, node };\n    setCurrentBlockIndex(idx);\n    setHandleTop(block.domTop);\n    setVisible(true);\n    return true;\n  }, [editor, findBlockByClientY, getBlocks]);\n\n  const findDropSlot = useCallback((clientY: number): { slotIndex: number; indicatorTop: number } | null => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return null;\n    const wrapperRect = wrapperEl.getBoundingClientRect();\n    const y = clientY - wrapperRect.top - wrapperEl.clientTop + wrapperEl.scrollTop;\n\n    const blocks = getBlocks();\n    if (blocks.length === 0) return null;\n\n    // When the pointer is over a row, use the drag direction to choose that\n    // row's near edge. This makes dropping a lower row anywhere on the first\n    // row reliably place it first instead of accidentally placing it second.\n    const source = target.current;\n    const sourceIndex = source ? blocks.findIndex((block) => block.pos === source.pos) : -1;\n    const hoveredIndex = blocks.findIndex((block) => y >= block.domTop && y <= block.domBottom);\n    if (sourceIndex > hoveredIndex && hoveredIndex >= 0) {\n      return { slotIndex: hoveredIndex, indicatorTop: blocks[hoveredIndex].domTop };\n    }\n\n    let bestSlot = 0;\n    let bestDist = Infinity;\n    let bestTop = blocks[0].domTop;\n\n    for (let i = 0; i <= blocks.length; i++) {\n      const edgeY = i < blocks.length ? blocks[i].domTop : blocks[blocks.length - 1].domBottom;\n      const dist = Math.abs(y - edgeY);\n      if (dist < bestDist) {\n        bestDist = dist;\n        bestSlot = i;\n        bestTop = edgeY;\n      }\n    }\n\n    return { slotIndex: bestSlot, indicatorTop: bestTop };\n  }, [editor, getBlocks]);\n\n  useEffect(() => {\n    const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!wrapperEl) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDragging || dragCleanup.current || showMenu || hoveringHandle.current || !editor.isEditable || editor.view.composing) return;\n      if (handleRef.current?.contains(e.target as Node) || menuRef.current?.contains(e.target as Node)) return;\n\n      const idx = findBlockByClientY(e.clientY);\n      if (idx < 0) { scheduleHide(); return; }\n\n      const blocks = getBlocks();\n      if (idx >= blocks.length || !selectBlockAtClientY(e.clientY)) return;\n\n      // Keep the handle reachable when the top of a long block has scrolled away.\n      const viewportTop = Math.max(0, -wrapperEl.getBoundingClientRect().top);\n      setHandleTop(Math.max(blocks[idx].domTop, wrapperEl.scrollTop + viewportTop + 4));\n      cancelHide();\n    };\n\n    const handleMouseLeave = () => {\n      if (!isDragging) scheduleHide();\n    };\n\n    const handleTouchStart = (e: TouchEvent) => {\n      if (!editor.isEditable || editor.view.composing) return;\n      const touch = e.touches[0];\n      if (!touch) return;\n      selectBlockAtClientY(touch.clientY);\n    };\n\n    wrapperEl.addEventListener('mousemove', handleMouseMove);\n    wrapperEl.addEventListener('mouseleave', handleMouseLeave);\n    wrapperEl.addEventListener('touchstart', handleTouchStart);\n    const initialFrame = persistent\n      ? requestAnimationFrame(() => {\n          const blocks = getBlocks();\n          const node = blocks[0] ? editor.state.doc.nodeAt(blocks[0].pos) : null;\n          if (blocks[0] && node) {\n            target.current = { pos: blocks[0].pos, node };\n            setCurrentBlockIndex(0);\n            setHandleTop(blocks[0].domTop);\n            setVisible(true);\n          }\n        })\n      : null;\n    return () => {\n      wrapperEl.removeEventListener('mousemove', handleMouseMove);\n      wrapperEl.removeEventListener('mouseleave', handleMouseLeave);\n      wrapperEl.removeEventListener('touchstart', handleTouchStart);\n      if (initialFrame !== null) cancelAnimationFrame(initialFrame);\n      cancelHide();\n    };\n  }, [editor, cancelHide, scheduleHide, isDragging, showMenu, findBlockByClientY, getBlocks, selectBlockAtClientY, persistent]);\n\n  useEffect(() => {\n    if (!showMenu) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node) && !handleRef.current?.contains(e.target as Node)) {\n        hoveringHandle.current = false;\n        setShowMenu(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [showMenu]);\n\n  const getTarget = useCallback(() => {\n    const block = target.current;\n    if (editor.isDestroyed || !editor.isEditable || editor.view.composing || !block || editor.state.doc.nodeAt(block.pos) !== block.node) return null;\n    return block;\n  }, [editor]);\n\n  const addBlockBelow = useCallback((content: JSONContent) => {\n    const block = getTarget();\n    if (!block) return;\n    const insertPos = block.pos + block.node.nodeSize;\n    editor.chain().focus().insertContentAt(insertPos, content).command(({ tr }) => {\n      tr.setSelection(Selection.near(tr.doc.resolve(insertPos + 1)));\n      return true;\n    }).run();\n    setShowMenu(false);\n  }, [editor, getTarget]);\n\n  const moveBlock = useCallback((slotIndex: number) => {\n    const block = getTarget();\n    const blocks = getBlocks();\n    if (!block || slotIndex < 0 || slotIndex > blocks.length) return;\n    const index = blocks.findIndex((item) => item.pos === block.pos);\n    if (index < 0 || slotIndex === index || slotIndex === index + 1) return;\n    const insertBefore = blocks[slotIndex]?.pos ?? editor.state.doc.content.size;\n    const tr = editor.state.tr.delete(block.pos, block.pos + block.node.nodeSize);\n    const destination = tr.mapping.map(insertBefore);\n    tr.insert(destination, block.node);\n    tr.setSelection(NodeSelection.isSelectable(block.node)\n      ? NodeSelection.create(tr.doc, destination)\n      : Selection.near(tr.doc.resolve(destination)));\n    editor.view.dispatch(tr.scrollIntoView());\n    editor.view.focus();\n  }, [editor, getTarget, getBlocks]);\n\n  useEffect(() => {\n    // Invalidate instead of trusting an index after external edits, undo or collaboration.\n    const reset = () => {\n      dragCleanup.current?.();\n      target.current = null;\n      hoveringHandle.current = false;\n      setVisible(persistent);\n      setShowMenu(false);\n      cancelHide();\n    };\n    const transaction = ({ transaction: tr }: { transaction: import('@tiptap/pm/state').Transaction }) => {\n      if (tr.docChanged || !editor.isEditable) reset();\n    };\n    const scroll = (event: Event) => {\n      if (!(event.target instanceof Node) || !menuRef.current?.contains(event.target)) reset();\n    };\n    editor.on('transaction', transaction);\n    const dom = editor.view.dom;\n    dom.addEventListener('compositionstart', reset);\n    window.addEventListener('scroll', scroll, true);\n    window.addEventListener('resize', reset);\n    window.addEventListener('blur', reset);\n    return () => {\n      editor.off('transaction', transaction);\n      dom.removeEventListener('compositionstart', reset);\n      window.removeEventListener('scroll', scroll, true);\n      window.removeEventListener('resize', reset);\n      window.removeEventListener('blur', reset);\n      dragCleanup.current?.();\n      cancelHide();\n    };\n  }, [editor, cancelHide, persistent]);\n\n  useLayoutEffect(() => {\n    if (!showMenu) return;\n    const menu = menuRef.current;\n    const handle = handleRef.current;\n    const wrapper = editor.view.dom.closest('.rte-editor-wrapper') as HTMLElement | null;\n    if (!menu || !handle || !wrapper) return;\n    const rect = wrapper.getBoundingClientRect();\n    const anchor = handle.getBoundingClientRect();\n    const left = Math.max(8, rect.left + wrapper.clientLeft);\n    const right = Math.min(window.innerWidth - 8, rect.right);\n    const top = Math.max(8, rect.top + wrapper.clientTop);\n    const bottom = Math.min(window.innerHeight - 8, rect.bottom);\n    const below = bottom - anchor.bottom - 4;\n    const above = anchor.top - top - 4;\n    const flip = below < menu.scrollHeight && above > below;\n    menu.style.maxHeight = `${Math.max(0, Math.min(320, flip ? above : below))}px`;\n    menu.style.minWidth = '0';\n    menu.style.width = `${Math.max(0, Math.min(220, right - left))}px`;\n    setMenuPos({\n      left: Math.max(left, Math.min(anchor.left, right - menu.offsetWidth)) - rect.left - wrapper.clientLeft + wrapper.scrollLeft,\n      top: (flip ? anchor.top - menu.offsetHeight - 4 : anchor.bottom + 4) - rect.top - wrapper.clientTop + wrapper.scrollTop,\n    });\n    const firstItem = menuMode === 'actions' ? 'button:not(:disabled)' : 'button';\n    menu.querySelector<HTMLButtonElement>(firstItem)?.focus({ preventScroll: true });\n  }, [editor, showMenu, menuMode]);\n\n  const handleDragStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // Re-resolve from the pointer at drag start. The visible rail can outlive a\n    // previous hover, so relying on its cached target may move the wrong block.\n    if (e.button !== 0 || !selectBlockAtClientY(e.clientY) || !getTarget()) return;\n    dragCleanup.current?.();\n    suppressClick.current = false;\n    const startX = e.clientX;\n    const startY = e.clientY;\n    let moved = false;\n\n    const handleDragMove = (ev: MouseEvent) => {\n      if (!moved && Math.hypot(ev.clientX - startX, ev.clientY - startY) < 5) return;\n      moved = true;\n      suppressClick.current = true;\n      setShowMenu(false);\n      setIsDragging(true);\n      const slot = findDropSlot(ev.clientY);\n      if (slot) {\n        setDropIndicator({ top: slot.indicatorTop });\n      }\n    };\n\n    const cleanup = () => {\n      document.removeEventListener('mousemove', handleDragMove);\n      document.removeEventListener('mouseup', handleDragEnd);\n      document.removeEventListener('keydown', cancel, true);\n      dragCleanup.current = null;\n      setIsDragging(false);\n      setDropIndicator(null);\n    };\n    const cancel = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      suppressClick.current = true;\n      cleanup();\n    };\n    const handleDragEnd = (ev: MouseEvent) => {\n      cleanup();\n      if (!moved) return;\n      const rect = editor.view.dom.closest('.rte-editor-wrapper')?.getBoundingClientRect();\n      if (!rect || ev.clientX < rect.left || ev.clientX > rect.right || ev.clientY < rect.top || ev.clientY > rect.bottom) return;\n      const slot = findDropSlot(ev.clientY);\n      if (slot) moveBlock(slot.slotIndex);\n    };\n\n    dragCleanup.current = cleanup;\n    document.addEventListener('mousemove', handleDragMove);\n    document.addEventListener('mouseup', handleDragEnd);\n    document.addEventListener('keydown', cancel, true);\n  }, [editor, getTarget, moveBlock, findDropSlot, selectBlockAtClientY]);\n\n  const paragraph = { type: 'paragraph' };\n  const addItems: { label: string; content: JSONContent }[] = [\n    { label: 'Text', content: paragraph },\n    ...([1, 2, 3] as const).map((level) => ({ label: `Heading ${level}`, content: { type: 'heading', attrs: { level } } })),\n    { label: 'Bullet List', content: { type: 'bulletList', content: [{ type: 'listItem', content: [paragraph] }] } },\n    { label: 'Numbered List', content: { type: 'orderedList', content: [{ type: 'listItem', content: [paragraph] }] } },\n    { label: 'Task List', content: { type: 'taskList', content: [{ type: 'taskItem', attrs: { checked: false }, content: [paragraph] }] } },\n    { label: 'Blockquote', content: { type: 'blockquote', content: [paragraph] } },\n    { label: 'Code Block', content: { type: 'codeBlock' } },\n    { label: 'Divider', content: { type: 'horizontalRule' } },\n    { label: 'Table 3×3', content: { type: 'table', content: Array.from({ length: 3 }, (_, row) => ({\n      type: 'tableRow', content: Array.from({ length: 3 }, () => ({ type: row === 0 ? 'tableHeader' : 'tableCell', content: [paragraph] })),\n    })) } },\n  ];\n  const menuItems: { label: string; content?: JSONContent; disabled?: boolean }[] = menuMode === 'add'\n    ? addItems.filter((item) => editor.schema.nodes[item.content.type!])\n    : [\n      { label: 'Duplicate' },\n      { label: 'Delete' },\n      { label: 'Move up', disabled: currentBlockIndex <= 0 },\n      { label: 'Move down', disabled: currentBlockIndex >= editor.state.doc.childCount - 1 },\n    ];\n\n  const executeMenuItem = (item: typeof menuItems[number]) => {\n    if (item.disabled) return;\n    const block = getTarget();\n    if (!block) return;\n    if (item.content) addBlockBelow(item.content);\n    else if (item.label === 'Duplicate') {\n      const pos = block.pos + block.node.nodeSize;\n      const tr = editor.state.tr.insert(pos, block.node);\n      tr.setSelection(Selection.near(tr.doc.resolve(pos + 1)));\n      editor.view.dispatch(tr.scrollIntoView());\n      editor.view.focus();\n    } else if (item.label === 'Delete') {\n      editor.chain().focus().deleteRange({ from: block.pos, to: block.pos + block.node.nodeSize }).run();\n    } else if (item.label === 'Move up') moveBlock(currentBlockIndex - 1);\n    else if (item.label === 'Move down') moveBlock(currentBlockIndex + 2);\n  };\n\n  if (!visible && !showMenu && !isDragging) return null;\n\n  return (\n    <>\n      <div\n        ref={handleRef}\n        className={`rte-block-handle ${persistent ? 'rte-block-handle--persistent' : ''}`}\n        style={{ top: handleTop }}\n        onFocus={cancelHide}\n        onBlur={scheduleHide}\n        onMouseEnter={() => { hoveringHandle.current = true; cancelHide(); }}\n        onMouseLeave={() => { hoveringHandle.current = false; if (!isDragging) scheduleHide(); }}\n        onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n      >\n        <button\n          type=\"button\"\n          className=\"rte-block-handle__btn rte-block-handle__btn--add\"\n          onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n          onTouchStart={(e) => {\n            e.stopPropagation();\n            suppressClick.current = true;\n            if (getTarget()) { setMenuMode('add'); setShowMenu(!showMenu || menuMode !== 'add'); }\n          }}\n          onClick={(e) => {\n            e.stopPropagation();\n            if (suppressClick.current) { suppressClick.current = false; return; }\n            if (getTarget()) { setMenuMode('add'); setShowMenu(!showMenu || menuMode !== 'add'); }\n          }}\n          aria-label=\"Add block\"\n          aria-haspopup=\"menu\"\n          aria-expanded={showMenu && menuMode === 'add'}\n          title=\"Add block\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" /><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" /></svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`rte-block-handle__btn rte-block-handle__btn--drag ${isDragging ? 'rte-block-handle__btn--dragging' : ''}`}\n          title=\"Drag to reorder or click for block actions\"\n          aria-label=\"Block actions\"\n          aria-haspopup=\"menu\"\n          aria-expanded={showMenu && menuMode === 'actions'}\n          onMouseDown={handleDragStart}\n          onTouchStart={(e) => {\n            e.stopPropagation();\n            suppressClick.current = true;\n            setMenuMode('actions');\n            setShowMenu(!showMenu || menuMode !== 'actions');\n          }}\n          onClick={(e) => {\n            e.stopPropagation();\n            if (suppressClick.current) { suppressClick.current = false; return; }\n            if (getTarget()) { setMenuMode('actions'); setShowMenu(!showMenu || menuMode !== 'actions'); }\n          }}\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <circle cx=\"9\" cy=\"6\" r=\"1.5\" /><circle cx=\"15\" cy=\"6\" r=\"1.5\" />\n            <circle cx=\"9\" cy=\"12\" r=\"1.5\" /><circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n            <circle cx=\"9\" cy=\"18\" r=\"1.5\" /><circle cx=\"15\" cy=\"18\" r=\"1.5\" />\n          </svg>\n        </button>\n      </div>\n\n      {showMenu && (\n        <div\n          ref={menuRef}\n          className=\"rte-block-handle__menu\"\n          role=\"menu\"\n          aria-label={menuMode === 'add' ? 'Add block' : 'Block actions'}\n          style={{ ...menuPos, overflowY: 'auto' }}\n          onMouseEnter={() => { hoveringHandle.current = true; cancelHide(); }}\n          onMouseLeave={() => { hoveringHandle.current = false; }}\n          onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}\n          onKeyDown={(e) => {\n            if (e.nativeEvent.isComposing || e.keyCode === 229) return;\n            if (e.key === 'Escape' || e.key === 'Tab') {\n              if (e.key === 'Escape') e.preventDefault();\n              e.stopPropagation();\n              hoveringHandle.current = false;\n              setShowMenu(false);\n              handleRef.current?.querySelector<HTMLButtonElement>(menuMode === 'add' ? '.rte-block-handle__btn--add' : '.rte-block-handle__btn--drag')?.focus({ preventScroll: true });\n              return;\n            }\n            if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) return;\n            e.preventDefault();\n            e.stopPropagation();\n            const buttons = Array.from(e.currentTarget.querySelectorAll<HTMLButtonElement>('button:not(:disabled)'));\n            const index = buttons.indexOf(document.activeElement as HTMLButtonElement);\n            const next = e.key === 'Home' ? 0 : e.key === 'End' ? buttons.length - 1 : (index + (e.key === 'ArrowDown' ? 1 : -1) + buttons.length) % buttons.length;\n            buttons[next]?.focus({ preventScroll: true });\n            const item = buttons[next];\n            if (item && item.offsetTop < e.currentTarget.scrollTop) e.currentTarget.scrollTop = item.offsetTop;\n            else if (item && item.offsetTop + item.offsetHeight > e.currentTarget.scrollTop + e.currentTarget.clientHeight) {\n              e.currentTarget.scrollTop = item.offsetTop + item.offsetHeight - e.currentTarget.clientHeight;\n            }\n          }}\n        >\n          {menuItems.map((item) => (\n            <button\n              key={item.label}\n              type=\"button\"\n              role=\"menuitem\"\n              disabled={item.disabled}\n              style={item.disabled ? { opacity: 0.45, cursor: 'default' } : undefined}\n              className=\"rte-block-handle__menu-item\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={(e) => { e.stopPropagation(); executeMenuItem(item); setShowMenu(false); hoveringHandle.current = false; }}\n            >\n              {item.label}\n            </button>\n          ))}\n        </div>\n      )}\n\n      {isDragging && dropIndicator && (\n        <div className=\"rte-block-handle__drop-indicator\" style={{ top: dropIndicator.top }} />\n      )}\n    </>\n  );\n};\n\nexport default BlockHandle;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/RichTextEditor.js

@@ -1,55 +1,55 @@
 import { cn as e } from "../../../utils/cn.js";
 import { MarkdownBlockExtension as t } from "./extensions/MarkdownBlock.js";
 import { FloatingDialogExtension as n } from "./extensions/FloatingDialog.js";
-import r from "./Toolbar/Toolbar.js";
-import i from "./AIRewrite.js";
-import a from "./ContextMenu.js";
-import o from "./CommentPanel.js";
-import s from "./CommentDialog.js";
-import c from "./CommentPopover.js";
-import l from "./SlashMenu.js";
-import ee from "./BubbleToolbar.js";
-import te from "./BlockHandle.js";
-import { CodeBlockExtension as ne } from "./extensions/CodeBlockView.js";
-import re from "./extensions/FontSize.js";
-import { ResizableImage as ie } from "./extensions/ResizableImage.js";
-import { CommentMark as ae } from "./extensions/CommentMark.js";
+import ee from "./Toolbar/Toolbar.js";
+import te from "./AIRewrite.js";
+import ne from "./ContextMenu.js";
+import re from "./CommentPanel.js";
+import ie from "./CommentDialog.js";
+import r from "./CommentPopover.js";
+import i from "./SlashMenu.js";
+import a from "./BubbleToolbar.js";
+import o from "./BlockHandle.js";
+import { CodeBlockExtension as s } from "./extensions/CodeBlockView.js";
+import c from "./extensions/FontSize.js";
+import { ResizableImage as l } from "./extensions/ResizableImage.js";
+import { CommentMark as u } from "./extensions/CommentMark.js";
 /* empty css       */
-import { useCallback as u, useEffect as d, useRef as oe, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { EditorContent as se, useEditor as ce } from "@tiptap/react";
-import le from "@tiptap/starter-kit";
-import ue from "@tiptap/extension-underline";
-import { TextStyle as de } from "@tiptap/extension-text-style";
-import fe from "@tiptap/extension-color";
-import pe from "@tiptap/extension-highlight";
-import me from "@tiptap/extension-text-align";
-import he from "@tiptap/extension-link";
-import { Table as ge } from "@tiptap/extension-table";
-import _e from "@tiptap/extension-table-row";
-import ve from "@tiptap/extension-table-cell";
-import h from "@tiptap/extension-table-header";
-import g from "@tiptap/extension-placeholder";
-import _ from "@tiptap/extension-task-list";
-import v from "@tiptap/extension-task-item";
-import y from "@tiptap/extension-subscript";
-import b from "@tiptap/extension-superscript";
-import x from "@tiptap/extension-typography";
-import S from "@tiptap/extension-font-family";
+import { useCallback as d, useEffect as f, useRef as ae, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EditorContent as oe, useEditor as se } from "@tiptap/react";
+import ce from "@tiptap/starter-kit";
+import le from "@tiptap/extension-underline";
+import { TextStyle as ue } from "@tiptap/extension-text-style";
+import de from "@tiptap/extension-color";
+import fe from "@tiptap/extension-highlight";
+import pe from "@tiptap/extension-text-align";
+import me from "@tiptap/extension-link";
+import { Table as he } from "@tiptap/extension-table";
+import g from "@tiptap/extension-table-row";
+import _ from "@tiptap/extension-table-cell";
+import v from "@tiptap/extension-table-header";
+import y from "@tiptap/extension-placeholder";
+import b from "@tiptap/extension-task-list";
+import x from "@tiptap/extension-task-item";
+import S from "@tiptap/extension-subscript";
+import C from "@tiptap/extension-superscript";
+import w from "@tiptap/extension-typography";
+import T from "@tiptap/extension-font-family";
 //#region src/components/pro/RichTextEditor/RichTextEditor.tsx
-function C() {
+function E() {
 	return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
-var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O = "Start writing...", editable: k = !0, aiConfig: A, toolbarConfig: j, minHeight: M = "200px", maxHeight: N, className: P = "", autofocus: F = !1, labels: I, editorRef: L, notionMode: R = !1, showComments: ye = !1, commentThreads: be, onCommentThreadsChange: xe, currentUser: z }) => {
-	let [Se, Ce] = f(!1), [we, B] = f(!1), [Te, Ee] = f(""), [De, Oe] = f({
+var D = ({ content: D, value: O, onChange: k, onChangeJSON: A, placeholder: j = "Start writing...", editable: M = !0, aiConfig: N, onRequestAIConfig: P, toolbarConfig: F, minHeight: I = "200px", maxHeight: L, className: R = "", autofocus: ge = !1, labels: z, editorRef: B, showComments: _e = !1, commentThreads: ve, onCommentThreadsChange: ye, currentUser: V }) => {
+	let [be, xe] = p(!1), [Se, H] = p(!1), [Ce, we] = p(""), [Te, Ee] = p({
 		from: 0,
 		to: 0
-	}), [V, H] = f(R), [U, W] = f(ye), [ke, Ae] = f([]), [je, G] = f(!1), [K, Me] = f({
+	}), [U, W] = p(_e), [De, Oe] = p([]), [ke, G] = p(!1), [K, Ae] = p({
 		from: 0,
 		to: 0
-	}), q = oe(null), J = be ?? ke, Y = xe ?? Ae, X = ce({
+	}), q = ae(null), J = ve ?? De, Y = ye ?? Oe, X = se({
 		extensions: [
-			le.configure({
+			ce.configure({
 				codeBlock: !1,
 				heading: { levels: [
 					1,
@@ -62,73 +62,73 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 				link: !1,
 				underline: !1
 			}),
+			le,
 			ue,
 			de,
-			fe,
-			pe.configure({ multicolor: !0 }),
-			me.configure({ types: ["heading", "paragraph"] }),
-			he.configure({
+			fe.configure({ multicolor: !0 }),
+			pe.configure({ types: ["heading", "paragraph"] }),
+			me.configure({
 				openOnClick: !1,
 				autolink: !0,
 				HTMLAttributes: { class: "rte-link" }
 			}),
-			ie.configure({
+			l.configure({
 				inline: !1,
 				allowBase64: !0
 			}),
-			ge.configure({ resizable: !0 }),
-			_e,
-			ve,
-			h,
-			g.configure({ placeholder: O }),
-			ne,
+			he.configure({ resizable: !0 }),
+			g,
 			_,
-			v.configure({ nested: !0 }),
-			y,
+			v,
+			y.configure({ placeholder: j }),
+			s,
 			b,
-			x,
+			x.configure({ nested: !0 }),
 			S,
-			re,
+			C,
+			w,
+			T,
+			c,
 			n,
 			t,
-			ae
+			u
 		],
-		content: T || w || "",
-		editable: k,
-		autofocus: F ? "end" : !1,
+		content: O || D || "",
+		editable: M,
+		autofocus: ge ? "end" : !1,
 		onUpdate: ({ editor: e }) => {
-			E?.(e.getHTML()), D?.(e.getJSON());
+			k?.(e.getHTML()), A?.(e.getJSON());
 		}
 	});
-	d(() => {
-		L && X && (L.current = X);
-	}, [X, L]), d(() => {
-		X && T !== void 0 && T !== X.getHTML() && X.commands.setContent(T, { emitUpdate: !1 });
-	}, [X, T]), d(() => {
-		X && X.setEditable(k);
-	}, [X, k]);
-	let Z = u(() => {
+	f(() => {
+		B && X && (B.current = X);
+	}, [X, B]), f(() => {
+		X && O !== void 0 && O !== X.getHTML() && X.commands.setContent(O, { emitUpdate: !1 });
+	}, [X, O]), f(() => {
+		X && X.setEditable(M);
+	}, [X, M]);
+	let Z = d(() => {
 		if (!X) return;
 		let { from: e, to: t } = X.state.selection, n = e === t ? "" : X.state.doc.textBetween(e, t, " ");
-		Ee(n), Oe({
+		we(n), Ee({
 			from: e,
 			to: t
-		}), B(!0);
-	}, [X]), Q = u(() => {
+		}), H(!0);
+	}, [X]), Q = d(() => {
 		if (!X) return;
 		let { from: e, to: t } = X.state.selection;
-		e !== t && (Me({
+		e !== t && (Ae({
 			from: e,
 			to: t
 		}), G(!0));
-	}, [X]), Ne = u((e) => {
+	}, [X]), $ = d((e) => {
 		if (!X) return;
-		let t = C(), n = {
+		let t = E(), n = {
 			id: t,
 			resolved: !1,
 			comments: [{
-				id: C(),
-				author: z || "User",
+				id: E(),
+				author: V || "User",
 				text: e,
 				createdAt: Date.now()
 			}],
@@ -140,135 +140,112 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 		K,
 		J,
 		Y,
-		z
-	]), Pe = u((e) => {
+		V
+	]), je = d((e) => {
 		q.current?.scrollToThread(e);
 	}, []);
 	if (!X) return null;
-	let Fe = typeof M == "number" ? `${M}px` : M, Ie = N ? typeof N == "number" ? `${N}px` : N : void 0, Le = e("rte-container", Se && "rte-container--format-painter", V && "rte-container--notion", P), Re = J.filter((e) => !e.resolved).length, $ = /* @__PURE__ */ m("div", {
-		className: "rte-mode-toggle",
-		children: [
-			/* @__PURE__ */ p("button", {
-				type: "button",
-				className: `rte-mode-toggle__btn ${V ? "" : "rte-mode-toggle__btn--active"}`,
-				onClick: () => H(!1),
-				title: "Classic mode",
-				children: "Classic"
-			}),
-			/* @__PURE__ */ p("button", {
-				type: "button",
-				className: `rte-mode-toggle__btn ${V ? "rte-mode-toggle__btn--active" : ""}`,
-				onClick: () => H(!0),
-				title: "Notion-style mode",
-				children: "Notion"
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "rte-toolbar__divider",
-				style: {
-					height: 20,
-					margin: "0 4px"
-				}
-			}),
-			/* @__PURE__ */ m("button", {
-				type: "button",
-				className: `rte-toolbar__btn rte-toolbar__comment-btn ${U ? "rte-toolbar__btn--active" : ""}`,
-				onClick: () => W(!U),
-				title: "Toggle comments",
-				children: [/* @__PURE__ */ p("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: /* @__PURE__ */ p("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
-				}), Re > 0 && /* @__PURE__ */ p("span", { className: "rte-toolbar__comment-badge" })]
-			})
-		]
-	});
-	return /* @__PURE__ */ m("div", {
-		className: Le,
+	let Me = typeof I == "number" ? `${I}px` : I, Ne = L ? typeof L == "number" ? `${L}px` : L : void 0, Pe = e("rte-container", be && "rte-container--format-painter", R), Fe = J.filter((e) => !e.resolved).length, Ie = F?.buttons?.comments ?? !0 ? /* @__PURE__ */ m("div", {
+		className: "rte-toolbar__end",
+		children: /* @__PURE__ */ h("button", {
+			type: "button",
+			className: `rte-toolbar__btn rte-toolbar__comment-btn ${U ? "rte-toolbar__btn--active" : ""}`,
+			onClick: () => W(!U),
+			title: "Toggle comments",
+			children: [/* @__PURE__ */ m("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ m("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
+			}), Fe > 0 && /* @__PURE__ */ m("span", { className: "rte-toolbar__comment-badge" })]
+		})
+	}) : null;
+	return /* @__PURE__ */ h("div", {
+		className: Pe,
 		style: {
-			minHeight: Fe,
-			maxHeight: Ie
+			minHeight: Me,
+			maxHeight: Ne
 		},
 		children: [
-			k && !V && /* @__PURE__ */ p(r, {
+			M && /* @__PURE__ */ m(ee, {
 				editor: X,
-				config: j,
-				labels: I,
-				hasAI: !!A,
+				config: F,
+				labels: z,
+				hasAI: !!N,
 				onAIClick: Z,
-				onFormatPainterChange: Ce,
-				children: $
-			}),
-			k && V && /* @__PURE__ */ p("div", {
-				className: "rte-notion-topbar",
-				children: $
+				onRequestAIConfig: P,
+				onFormatPainterChange: xe,
+				children: Ie
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				style: {
 					display: "flex",
 					flex: 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "rte-editor-wrapper",
 					style: { flex: 1 },
 					children: [
-						/* @__PURE__ */ p(se, {
+						/* @__PURE__ */ m(oe, {
 							editor: X,
 							className: "rte-editor-content"
 						}),
-						k && /* @__PURE__ */ p(a, {
+						M && /* @__PURE__ */ m(ne, {
 							editor: X,
-							labels: I,
-							onAIClick: A ? Z : void 0
+							labels: z,
+							onAIClick: N ? Z : void 0
 						}),
-						k && /* @__PURE__ */ p(l, { editor: X }),
-						k && V && /* @__PURE__ */ p(ee, {
+						M && /* @__PURE__ */ m(i, { editor: X }),
+						M && /* @__PURE__ */ m(a, {
 							editor: X,
 							onAddComment: Q
 						}),
-						k && V && /* @__PURE__ */ p(te, { editor: X }),
-						/* @__PURE__ */ p(c, {
+						M && /* @__PURE__ */ m(o, {
+							editor: X,
+							persistent: !0
+						}),
+						/* @__PURE__ */ m(r, {
 							editor: X,
 							threads: J,
 							onThreadsChange: Y,
 							showPanel: U,
 							onOpenPanel: () => W(!0),
-							onScrollToThread: Pe,
-							currentUser: z
+							onScrollToThread: je,
+							currentUser: V
 						})
 					]
-				}), U && /* @__PURE__ */ p(o, {
+				}), U && /* @__PURE__ */ m(re, {
 					ref: q,
 					editor: X,
 					threads: J,
 					onThreadsChange: Y,
 					onRequestAddComment: Q,
-					currentUser: z
+					currentUser: V
 				})]
 			}),
-			A && we && /* @__PURE__ */ p(i, {
+			N && Se && /* @__PURE__ */ m(te, {
 				editor: X,
-				aiConfig: A,
-				labels: I,
-				initialSelection: Te,
-				selectionRange: De,
-				onClose: () => B(!1)
+				aiConfig: N,
+				labels: z,
+				initialSelection: Ce,
+				selectionRange: Te,
+				onClose: () => H(!1)
 			}),
-			/* @__PURE__ */ p(s, {
-				open: je,
-				onSubmit: Ne,
+			/* @__PURE__ */ m(ie, {
+				open: ke,
+				onSubmit: $,
 				onClose: () => G(!1)
 			})
 		]
 	});
 };
 //#endregion
-export { w as default };
+export { D as default };
 
 //# sourceMappingURL=RichTextEditor.js.map