dishui 0.0.64 → 0.0.66

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, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\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 [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) {\n        setVisible(false);\n      }\n    }, 200);\n  }, [cancelHide, showMenu, isDragging]);\n\n  const getBlocks = useCallback((): BlockInfo[] => {\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) {\n        const rect = domNode.getBoundingClientRect();\n        blocks.push({\n          pos: offset,\n          size: node.nodeSize,\n          domTop: rect.top - wrapperRect.top + scrollTop,\n          domBottom: rect.bottom - wrapperRect.top + 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.scrollTop;\n\n    const blocks = getBlocks();\n    for (let i = 0; i < blocks.length; i++) {\n      const mid = (blocks[i].domTop + blocks[i].domBottom) / 2;\n      if (y < mid) return i;\n    }\n    return blocks.length - 1;\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.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  }, [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) return;\n\n      const idx = findBlockByClientY(e.clientY);\n      if (idx < 0) return;\n\n      const blocks = getBlocks();\n      if (idx >= blocks.length) return;\n\n      setHandleTop(blocks[idx].domTop);\n      setCurrentBlockIndex(idx);\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, 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)) {\n        setShowMenu(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [showMenu]);\n\n  const addBlockBelow = useCallback(() => {\n    const blocks = getBlocks();\n    if (currentBlockIndex < 0 || currentBlockIndex >= blocks.length) return;\n    const block = blocks[currentBlockIndex];\n    const insertPos = block.pos + block.size;\n    try {\n      editor.chain().focus().insertContentAt(insertPos, { type: 'paragraph' }).run();\n      editor.commands.focus(insertPos + 1);\n    } catch { /* noop */ }\n    setShowMenu(false);\n  }, [editor, currentBlockIndex, getBlocks]);\n\n  const handleDragStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const dragIdx = currentBlockIndex;\n    const blocks = getBlocks();\n    if (dragIdx < 0 || dragIdx >= blocks.length) return;\n\n    setIsDragging(true);\n\n    const handleDragMove = (ev: MouseEvent) => {\n      const slot = findDropSlot(ev.clientY);\n      if (slot) {\n        setDropIndicator({ top: slot.indicatorTop });\n      }\n    };\n\n    const handleDragEnd = (ev: MouseEvent) => {\n      document.removeEventListener('mousemove', handleDragMove);\n      document.removeEventListener('mouseup', handleDragEnd);\n      setIsDragging(false);\n      setDropIndicator(null);\n\n      const freshBlocks = getBlocks();\n      if (dragIdx >= freshBlocks.length) return;\n\n      const slot = findDropSlot(ev.clientY);\n      if (!slot) return;\n\n      let targetSlot = slot.slotIndex;\n\n      // No-op: dropping at the same position or one below (no actual move)\n      if (targetSlot === dragIdx || targetSlot === dragIdx + 1) return;\n\n      const sourceBlock = freshBlocks[dragIdx];\n      const sourceNode = editor.state.doc.nodeAt(sourceBlock.pos);\n      if (!sourceNode) return;\n\n      // Compute the insert position (before which block, or at end)\n      let insertBefore: number;\n      if (targetSlot < freshBlocks.length) {\n        insertBefore = freshBlocks[targetSlot].pos;\n      } else {\n        const last = freshBlocks[freshBlocks.length - 1];\n        insertBefore = last.pos + last.size;\n      }\n\n      const sourceFrom = sourceBlock.pos;\n      const sourceTo = sourceBlock.pos + sourceBlock.size;\n      const content = editor.state.doc.slice(sourceFrom, sourceTo).content;\n\n      const { tr } = editor.state;\n\n      if (targetSlot <= dragIdx) {\n        // Moving up: delete source first (it's after target), then insert\n        tr.delete(sourceFrom, sourceTo);\n        const mapped = tr.mapping.map(insertBefore);\n        tr.insert(mapped, content);\n      } else {\n        // Moving down: insert first (target is after source), then delete\n        tr.insert(insertBefore, content);\n        tr.delete(\n          tr.mapping.map(sourceFrom),\n          tr.mapping.map(sourceTo)\n        );\n      }\n\n      editor.view.dispatch(tr);\n    };\n\n    document.addEventListener('mousemove', handleDragMove);\n    document.addEventListener('mouseup', handleDragEnd);\n  }, [editor, currentBlockIndex, getBlocks, findDropSlot]);\n\n  const menuItems = [\n    { label: 'Text', action: () => { addBlockBelow(); } },\n    { label: 'Heading 1', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 1 }).run(); } },\n    { label: 'Heading 2', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 2 }).run(); } },\n    { label: 'Heading 3', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 3 }).run(); } },\n    { label: 'Bullet List', action: () => { addBlockBelow(); editor.chain().focus().toggleBulletList().run(); } },\n    { label: 'Numbered List', action: () => { addBlockBelow(); editor.chain().focus().toggleOrderedList().run(); } },\n    { label: 'Task List', action: () => { addBlockBelow(); editor.chain().focus().toggleTaskList().run(); } },\n    { label: 'Blockquote', action: () => { addBlockBelow(); editor.chain().focus().toggleBlockquote().run(); } },\n    { label: 'Code Block', action: () => { addBlockBelow(); editor.chain().focus().toggleNode('codeBlock', 'paragraph').run(); } },\n    { label: 'Divider', action: () => { addBlockBelow(); editor.chain().focus().setHorizontalRule().run(); } },\n    { label: 'Table 3×3', action: () => { addBlockBelow(); editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(); } },\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        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(); setShowMenu(!showMenu); }}\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\"\n          onMouseDown={handleDragStart}\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          style={{ top: handleTop + 28 }}\n          onMouseDown={(e) => e.stopPropagation()}\n        >\n          {menuItems.map((item) => (\n            <button\n              key={item.label}\n              type=\"button\"\n              className=\"rte-block-handle__menu-item\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={(e) => { e.stopPropagation(); item.action(); setShowMenu(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, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\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 [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) {\n        setVisible(false);\n      }\n    }, 200);\n  }, [cancelHide, showMenu, isDragging]);\n\n  const getBlocks = useCallback((): BlockInfo[] => {\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) {\n        const rect = domNode.getBoundingClientRect();\n        blocks.push({\n          pos: offset,\n          size: node.nodeSize,\n          domTop: rect.top - wrapperRect.top + scrollTop,\n          domBottom: rect.bottom - wrapperRect.top + 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.scrollTop;\n\n    const blocks = getBlocks();\n    for (let i = 0; i < blocks.length; i++) {\n      const mid = (blocks[i].domTop + blocks[i].domBottom) / 2;\n      if (y < mid) return i;\n    }\n    return blocks.length - 1;\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.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  }, [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) return;\n\n      const idx = findBlockByClientY(e.clientY);\n      if (idx < 0) return;\n\n      const blocks = getBlocks();\n      if (idx >= blocks.length) return;\n\n      setHandleTop(blocks[idx].domTop);\n      setCurrentBlockIndex(idx);\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, 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)) {\n        setShowMenu(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [showMenu]);\n\n  const addBlockBelow = useCallback(() => {\n    const blocks = getBlocks();\n    if (currentBlockIndex < 0 || currentBlockIndex >= blocks.length) return;\n    const block = blocks[currentBlockIndex];\n    const insertPos = block.pos + block.size;\n    try {\n      editor.chain().focus().insertContentAt(insertPos, { type: 'paragraph' }).run();\n      editor.commands.focus(insertPos + 1);\n    } catch { /* noop */ }\n    setShowMenu(false);\n  }, [editor, currentBlockIndex, getBlocks]);\n\n  const handleDragStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const dragIdx = currentBlockIndex;\n    const blocks = getBlocks();\n    if (dragIdx < 0 || dragIdx >= blocks.length) return;\n\n    setIsDragging(true);\n\n    const handleDragMove = (ev: MouseEvent) => {\n      const slot = findDropSlot(ev.clientY);\n      if (slot) {\n        setDropIndicator({ top: slot.indicatorTop });\n      }\n    };\n\n    const handleDragEnd = (ev: MouseEvent) => {\n      document.removeEventListener('mousemove', handleDragMove);\n      document.removeEventListener('mouseup', handleDragEnd);\n      setIsDragging(false);\n      setDropIndicator(null);\n\n      const freshBlocks = getBlocks();\n      if (dragIdx >= freshBlocks.length) return;\n\n      const slot = findDropSlot(ev.clientY);\n      if (!slot) return;\n\n      let targetSlot = slot.slotIndex;\n\n      // No-op: dropping at the same position or one below (no actual move)\n      if (targetSlot === dragIdx || targetSlot === dragIdx + 1) return;\n\n      const sourceBlock = freshBlocks[dragIdx];\n      const sourceNode = editor.state.doc.nodeAt(sourceBlock.pos);\n      if (!sourceNode) return;\n\n      // Compute the insert position (before which block, or at end)\n      let insertBefore: number;\n      if (targetSlot < freshBlocks.length) {\n        insertBefore = freshBlocks[targetSlot].pos;\n      } else {\n        const last = freshBlocks[freshBlocks.length - 1];\n        insertBefore = last.pos + last.size;\n      }\n\n      const sourceFrom = sourceBlock.pos;\n      const sourceTo = sourceBlock.pos + sourceBlock.size;\n      const content = editor.state.doc.slice(sourceFrom, sourceTo).content;\n\n      const { tr } = editor.state;\n\n      if (targetSlot <= dragIdx) {\n        // Moving up: delete source first (it's after target), then insert\n        tr.delete(sourceFrom, sourceTo);\n        const mapped = tr.mapping.map(insertBefore);\n        tr.insert(mapped, content);\n      } else {\n        // Moving down: insert first (target is after source), then delete\n        tr.insert(insertBefore, content);\n        tr.delete(\n          tr.mapping.map(sourceFrom),\n          tr.mapping.map(sourceTo)\n        );\n      }\n\n      editor.view.dispatch(tr);\n    };\n\n    document.addEventListener('mousemove', handleDragMove);\n    document.addEventListener('mouseup', handleDragEnd);\n  }, [editor, currentBlockIndex, getBlocks, findDropSlot]);\n\n  const menuItems = [\n    { label: 'Text', action: () => { addBlockBelow(); } },\n    { label: 'Heading 1', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 1 }).run(); } },\n    { label: 'Heading 2', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 2 }).run(); } },\n    { label: 'Heading 3', action: () => { addBlockBelow(); editor.chain().focus().toggleHeading({ level: 3 }).run(); } },\n    { label: 'Bullet List', action: () => { addBlockBelow(); editor.chain().focus().toggleBulletList().run(); } },\n    { label: 'Numbered List', action: () => { addBlockBelow(); editor.chain().focus().toggleOrderedList().run(); } },\n    { label: 'Task List', action: () => { addBlockBelow(); editor.chain().focus().toggleTaskList().run(); } },\n    { label: 'Blockquote', action: () => { addBlockBelow(); editor.chain().focus().toggleBlockquote().run(); } },\n    { label: 'Code Block', action: () => { addBlockBelow(); editor.chain().focus().toggleNode('codeBlock', 'paragraph').run(); } },\n    { label: 'Divider', action: () => { addBlockBelow(); editor.chain().focus().setHorizontalRule().run(); } },\n    { label: 'Table 3×3', action: () => { addBlockBelow(); editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(); } },\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        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(); setShowMenu(!showMenu); }}\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\"\n          onMouseDown={handleDragStart}\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          style={{ top: handleTop + 28 }}\n          onMouseDown={(e) => e.stopPropagation()}\n        >\n          {menuItems.map((item) => (\n            <button\n              key={item.label}\n              type=\"button\"\n              className=\"rte-block-handle__menu-item\"\n              onMouseDown={(e) => e.stopPropagation()}\n              onClick={(e) => { e.stopPropagation(); item.action(); setShowMenu(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/BubbleToolbar.js

@@ -1,100 +1,100 @@
-import { useEffect as y, useRef as k, useState as b } from "react";
-import { Fragment as x, jsx as t, jsxs as a } from "react/jsx-runtime";
-var z = ({ editor: e, onAddComment: u }) => {
-  const [d, r] = b(!1), [f, v] = b({
-    x: 0,
-    y: 0
-  }), g = k(null);
-  if (y(() => {
-    const s = () => {
-      const { from: o, to: l } = e.state.selection;
-      if (o === l || !e.isFocused) {
-        r(!1);
-        return;
-      }
-      const i = e.view.coordsAtPos(o), c = e.view.coordsAtPos(l), h = e.view.dom.closest(".rte-editor-wrapper");
-      if (!h) return;
-      const p = h.getBoundingClientRect(), m = (i.left + c.left) / 2 - p.left, w = Math.min(i.top, c.top) - p.top - 44;
-      v({
-        x: m,
-        y: w
-      }), r(!0);
-    };
-    return e.on("selectionUpdate", s), e.on("blur", () => r(!1)), () => {
-      e.off("selectionUpdate", s);
-    };
-  }, [e]), !d) return null;
-  const n = (s, o, l, i) => /* @__PURE__ */ t("button", {
-    type: "button",
-    className: `rte-bubble__btn ${l ? "rte-bubble__btn--active" : ""}`,
-    onClick: s,
-    title: o,
-    onMouseDown: (c) => c.preventDefault(),
-    children: i
-  });
-  return /* @__PURE__ */ a("div", {
-    ref: g,
-    className: "rte-bubble",
-    style: {
-      left: f.x,
-      top: f.y
-    },
-    children: [
-      n(() => e.chain().focus().toggleBold().run(), "Bold", e.isActive("bold"), /* @__PURE__ */ t("strong", {
-        style: { fontSize: 13 },
-        children: "B"
-      })),
-      n(() => e.chain().focus().toggleItalic().run(), "Italic", e.isActive("italic"), /* @__PURE__ */ t("em", {
-        style: { fontSize: 13 },
-        children: "I"
-      })),
-      n(() => e.chain().focus().toggleUnderline().run(), "Underline", e.isActive("underline"), /* @__PURE__ */ t("span", {
-        style: {
-          fontSize: 13,
-          textDecoration: "underline"
-        },
-        children: "U"
-      })),
-      n(() => e.chain().focus().toggleStrike().run(), "Strike", e.isActive("strike"), /* @__PURE__ */ t("span", {
-        style: {
-          fontSize: 13,
-          textDecoration: "line-through"
-        },
-        children: "S"
-      })),
-      n(() => e.chain().focus().toggleCode().run(), "Code", e.isActive("code"), /* @__PURE__ */ t("span", {
-        style: {
-          fontSize: 11,
-          fontFamily: "monospace"
-        },
-        children: "</>"
-      })),
-      n(() => {
-        const s = window.prompt("URL:");
-        s && e.chain().focus().setLink({ href: s }).run();
-      }, "Link", e.isActive("link"), /* @__PURE__ */ a("svg", {
-        width: "14",
-        height: "14",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        children: [/* @__PURE__ */ t("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ t("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
-      })),
-      u && /* @__PURE__ */ a(x, { children: [/* @__PURE__ */ t("div", { className: "rte-bubble__divider" }), n(u, "Comment", !1, /* @__PURE__ */ t("svg", {
-        width: "14",
-        height: "14",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
-      }))] })
-    ]
-  });
-};
-export {
-  z as default
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/BubbleToolbar.tsx
+var o = ({ editor: o, onAddComment: s }) => {
+	let [c, l] = n(!1), [u, d] = n({
+		x: 0,
+		y: 0
+	}), f = t(null);
+	if (e(() => {
+		let e = () => {
+			let { from: e, to: t } = o.state.selection;
+			if (e === t || !o.isFocused) {
+				l(!1);
+				return;
+			}
+			let n = o.view.coordsAtPos(e), r = o.view.coordsAtPos(t), i = o.view.dom.closest(".rte-editor-wrapper");
+			if (!i) return;
+			let a = i.getBoundingClientRect(), s = (n.left + r.left) / 2 - a.left, c = Math.min(n.top, r.top) - a.top - 44;
+			d({
+				x: s,
+				y: c
+			}), l(!0);
+		};
+		return o.on("selectionUpdate", e), o.on("blur", () => l(!1)), () => {
+			o.off("selectionUpdate", e);
+		};
+	}, [o]), !c) return null;
+	let p = (e, t, n, r) => /* @__PURE__ */ i("button", {
+		type: "button",
+		className: `rte-bubble__btn ${n ? "rte-bubble__btn--active" : ""}`,
+		onClick: e,
+		title: t,
+		onMouseDown: (e) => e.preventDefault(),
+		children: r
+	});
+	return /* @__PURE__ */ a("div", {
+		ref: f,
+		className: "rte-bubble",
+		style: {
+			left: u.x,
+			top: u.y
+		},
+		children: [
+			p(() => o.chain().focus().toggleBold().run(), "Bold", o.isActive("bold"), /* @__PURE__ */ i("strong", {
+				style: { fontSize: 13 },
+				children: "B"
+			})),
+			p(() => o.chain().focus().toggleItalic().run(), "Italic", o.isActive("italic"), /* @__PURE__ */ i("em", {
+				style: { fontSize: 13 },
+				children: "I"
+			})),
+			p(() => o.chain().focus().toggleUnderline().run(), "Underline", o.isActive("underline"), /* @__PURE__ */ i("span", {
+				style: {
+					fontSize: 13,
+					textDecoration: "underline"
+				},
+				children: "U"
+			})),
+			p(() => o.chain().focus().toggleStrike().run(), "Strike", o.isActive("strike"), /* @__PURE__ */ i("span", {
+				style: {
+					fontSize: 13,
+					textDecoration: "line-through"
+				},
+				children: "S"
+			})),
+			p(() => o.chain().focus().toggleCode().run(), "Code", o.isActive("code"), /* @__PURE__ */ i("span", {
+				style: {
+					fontSize: 11,
+					fontFamily: "monospace"
+				},
+				children: "</>"
+			})),
+			p(() => {
+				let e = window.prompt("URL:");
+				e && o.chain().focus().setLink({ href: e }).run();
+			}, "Link", o.isActive("link"), /* @__PURE__ */ a("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				children: [/* @__PURE__ */ i("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ i("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
+			})),
+			s && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: "rte-bubble__divider" }), p(s, "Comment", !1, /* @__PURE__ */ i("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				children: /* @__PURE__ */ i("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
+			}))] })
+		]
+	});
 };
+//#endregion
+export { o as default };
 
 //# sourceMappingURL=BubbleToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BubbleToolbar.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/BubbleToolbar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport type { Editor } from '@tiptap/react';\n\ninterface BubbleToolbarProps {\n  editor: Editor;\n  onAddComment?: () => void;\n}\n\nconst BubbleToolbar: React.FC<BubbleToolbarProps> = ({ editor, onAddComment }) => {\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const update = () => {\n      const { from, to } = editor.state.selection;\n      if (from === to || !editor.isFocused) {\n        setVisible(false);\n        return;\n      }\n      const coords = editor.view.coordsAtPos(from);\n      const endCoords = editor.view.coordsAtPos(to);\n      const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper');\n      if (!wrapperEl) return;\n      const rect = wrapperEl.getBoundingClientRect();\n\n      const centerX = (coords.left + endCoords.left) / 2 - rect.left;\n      const topY = Math.min(coords.top, endCoords.top) - rect.top - 44;\n\n      setPos({ x: centerX, y: topY });\n      setVisible(true);\n    };\n\n    editor.on('selectionUpdate', update);\n    editor.on('blur', () => setVisible(false));\n    return () => {\n      editor.off('selectionUpdate', update);\n    };\n  }, [editor]);\n\n  if (!visible) return null;\n\n  const btn = (onClick: () => void, title: string, isActive: boolean, children: React.ReactNode) => (\n    <button\n      type=\"button\"\n      className={`rte-bubble__btn ${isActive ? 'rte-bubble__btn--active' : ''}`}\n      onClick={onClick}\n      title={title}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      {children}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className=\"rte-bubble\" style={{ left: pos.x, top: pos.y }}>\n      {btn(() => editor.chain().focus().toggleBold().run(), 'Bold', editor.isActive('bold'),\n        <strong style={{ fontSize: 13 }}>B</strong>)}\n      {btn(() => editor.chain().focus().toggleItalic().run(), 'Italic', editor.isActive('italic'),\n        <em style={{ fontSize: 13 }}>I</em>)}\n      {btn(() => editor.chain().focus().toggleUnderline().run(), 'Underline', editor.isActive('underline'),\n        <span style={{ fontSize: 13, textDecoration: 'underline' }}>U</span>)}\n      {btn(() => editor.chain().focus().toggleStrike().run(), 'Strike', editor.isActive('strike'),\n        <span style={{ fontSize: 13, textDecoration: 'line-through' }}>S</span>)}\n      {btn(() => editor.chain().focus().toggleCode().run(), 'Code', editor.isActive('code'),\n        <span style={{ fontSize: 11, fontFamily: 'monospace' }}>&lt;/&gt;</span>)}\n      {btn(() => {\n        const url = window.prompt('URL:');\n        if (url) editor.chain().focus().setLink({ href: url }).run();\n      }, 'Link', editor.isActive('link'),\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\" /><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\" /></svg>)}\n      {onAddComment && (\n        <>\n          <div className=\"rte-bubble__divider\" />\n          {btn(onAddComment, 'Comment', false,\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" /></svg>)}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default BubbleToolbar;\n"],"mappings":"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"}
+{"version":3,"file":"BubbleToolbar.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/BubbleToolbar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport type { Editor } from '@tiptap/react';\n\ninterface BubbleToolbarProps {\n  editor: Editor;\n  onAddComment?: () => void;\n}\n\nconst BubbleToolbar: React.FC<BubbleToolbarProps> = ({ editor, onAddComment }) => {\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const update = () => {\n      const { from, to } = editor.state.selection;\n      if (from === to || !editor.isFocused) {\n        setVisible(false);\n        return;\n      }\n      const coords = editor.view.coordsAtPos(from);\n      const endCoords = editor.view.coordsAtPos(to);\n      const wrapperEl = editor.view.dom.closest('.rte-editor-wrapper');\n      if (!wrapperEl) return;\n      const rect = wrapperEl.getBoundingClientRect();\n\n      const centerX = (coords.left + endCoords.left) / 2 - rect.left;\n      const topY = Math.min(coords.top, endCoords.top) - rect.top - 44;\n\n      setPos({ x: centerX, y: topY });\n      setVisible(true);\n    };\n\n    editor.on('selectionUpdate', update);\n    editor.on('blur', () => setVisible(false));\n    return () => {\n      editor.off('selectionUpdate', update);\n    };\n  }, [editor]);\n\n  if (!visible) return null;\n\n  const btn = (onClick: () => void, title: string, isActive: boolean, children: React.ReactNode) => (\n    <button\n      type=\"button\"\n      className={`rte-bubble__btn ${isActive ? 'rte-bubble__btn--active' : ''}`}\n      onClick={onClick}\n      title={title}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      {children}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className=\"rte-bubble\" style={{ left: pos.x, top: pos.y }}>\n      {btn(() => editor.chain().focus().toggleBold().run(), 'Bold', editor.isActive('bold'),\n        <strong style={{ fontSize: 13 }}>B</strong>)}\n      {btn(() => editor.chain().focus().toggleItalic().run(), 'Italic', editor.isActive('italic'),\n        <em style={{ fontSize: 13 }}>I</em>)}\n      {btn(() => editor.chain().focus().toggleUnderline().run(), 'Underline', editor.isActive('underline'),\n        <span style={{ fontSize: 13, textDecoration: 'underline' }}>U</span>)}\n      {btn(() => editor.chain().focus().toggleStrike().run(), 'Strike', editor.isActive('strike'),\n        <span style={{ fontSize: 13, textDecoration: 'line-through' }}>S</span>)}\n      {btn(() => editor.chain().focus().toggleCode().run(), 'Code', editor.isActive('code'),\n        <span style={{ fontSize: 11, fontFamily: 'monospace' }}>&lt;/&gt;</span>)}\n      {btn(() => {\n        const url = window.prompt('URL:');\n        if (url) editor.chain().focus().setLink({ href: url }).run();\n      }, 'Link', editor.isActive('link'),\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\" /><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\" /></svg>)}\n      {onAddComment && (\n        <>\n          <div className=\"rte-bubble__divider\" />\n          {btn(onAddComment, 'Comment', false,\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" /></svg>)}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default BubbleToolbar;\n"],"mappings":"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"}

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

@@ -1,91 +1,91 @@
-import { useEffect as c, useRef as u, useState as h } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var y = ({ open: r, onSubmit: s, onClose: i }) => {
-  const [a, l] = h(""), o = u(null);
-  if (c(() => {
-    r && (l(""), setTimeout(() => o.current?.focus(), 50));
-  }, [r]), c(() => {
-    if (!r) return;
-    const e = (m) => {
-      m.key === "Escape" && i();
-    };
-    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [r, i]), !r) return null;
-  const d = () => {
-    a.trim() && (s(a.trim()), l(""));
-  };
-  return /* @__PURE__ */ t("div", {
-    className: "rte-dialog-overlay",
-    onClick: i,
-    children: /* @__PURE__ */ n("div", {
-      className: "rte-dialog",
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ n("div", {
-          className: "rte-dialog__header",
-          children: [/* @__PURE__ */ t("span", {
-            className: "rte-dialog__title",
-            children: "Add Comment"
-          }), /* @__PURE__ */ t("button", {
-            type: "button",
-            className: "rte-dialog__close",
-            onClick: i,
-            children: /* @__PURE__ */ n("svg", {
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: [/* @__PURE__ */ t("line", {
-                x1: "18",
-                y1: "6",
-                x2: "6",
-                y2: "18"
-              }), /* @__PURE__ */ t("line", {
-                x1: "6",
-                y1: "6",
-                x2: "18",
-                y2: "18"
-              })]
-            })
-          })]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: "rte-dialog__body",
-          children: /* @__PURE__ */ t("textarea", {
-            ref: o,
-            className: "rte-dialog__textarea",
-            value: a,
-            onChange: (e) => l(e.target.value),
-            onKeyDown: (e) => {
-              e.key === "Enter" && !e.shiftKey && (e.preventDefault(), d());
-            },
-            placeholder: "Write your comment...",
-            rows: 3
-          })
-        }),
-        /* @__PURE__ */ n("div", {
-          className: "rte-dialog__footer",
-          children: [/* @__PURE__ */ t("button", {
-            type: "button",
-            className: "rte-dialog__btn rte-dialog__btn--cancel",
-            onClick: i,
-            children: "Cancel"
-          }), /* @__PURE__ */ t("button", {
-            type: "button",
-            className: "rte-dialog__btn rte-dialog__btn--submit",
-            onClick: d,
-            disabled: !a.trim(),
-            children: "Add Comment"
-          })]
-        })
-      ]
-    })
-  });
-};
-export {
-  y as default
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/CommentDialog.tsx
+var a = ({ open: a, onSubmit: o, onClose: s }) => {
+	let [c, l] = n(""), u = t(null);
+	if (e(() => {
+		a && (l(""), setTimeout(() => u.current?.focus(), 50));
+	}, [a]), e(() => {
+		if (!a) return;
+		let e = (e) => {
+			e.key === "Escape" && s();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [a, s]), !a) return null;
+	let d = () => {
+		c.trim() && (o(c.trim()), l(""));
+	};
+	return /* @__PURE__ */ r("div", {
+		className: "rte-dialog-overlay",
+		onClick: s,
+		children: /* @__PURE__ */ i("div", {
+			className: "rte-dialog",
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "rte-dialog__header",
+					children: [/* @__PURE__ */ r("span", {
+						className: "rte-dialog__title",
+						children: "Add Comment"
+					}), /* @__PURE__ */ r("button", {
+						type: "button",
+						className: "rte-dialog__close",
+						onClick: s,
+						children: /* @__PURE__ */ i("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: [/* @__PURE__ */ r("line", {
+								x1: "18",
+								y1: "6",
+								x2: "6",
+								y2: "18"
+							}), /* @__PURE__ */ r("line", {
+								x1: "6",
+								y1: "6",
+								x2: "18",
+								y2: "18"
+							})]
+						})
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "rte-dialog__body",
+					children: /* @__PURE__ */ r("textarea", {
+						ref: u,
+						className: "rte-dialog__textarea",
+						value: c,
+						onChange: (e) => l(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && !e.shiftKey && (e.preventDefault(), d());
+						},
+						placeholder: "Write your comment...",
+						rows: 3
+					})
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "rte-dialog__footer",
+					children: [/* @__PURE__ */ r("button", {
+						type: "button",
+						className: "rte-dialog__btn rte-dialog__btn--cancel",
+						onClick: s,
+						children: "Cancel"
+					}), /* @__PURE__ */ r("button", {
+						type: "button",
+						className: "rte-dialog__btn rte-dialog__btn--submit",
+						onClick: d,
+						disabled: !c.trim(),
+						children: "Add Comment"
+					})]
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { a as default };
 
 //# sourceMappingURL=CommentDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentDialog.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\ninterface CommentDialogProps {\n  open: boolean;\n  onSubmit: (text: string) => void;\n  onClose: () => void;\n}\n\nconst CommentDialog: React.FC<CommentDialogProps> = ({ open, onSubmit, onClose }) => {\n  const [text, setText] = useState('');\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setText('');\n      setTimeout(() => inputRef.current?.focus(), 50);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const handleKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [open, onClose]);\n\n  if (!open) return null;\n\n  const handleSubmit = () => {\n    if (text.trim()) {\n      onSubmit(text.trim());\n      setText('');\n    }\n  };\n\n  return (\n    <div className=\"rte-dialog-overlay\" onClick={onClose}>\n      <div className=\"rte-dialog\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"rte-dialog__header\">\n          <span className=\"rte-dialog__title\">Add Comment</span>\n          <button type=\"button\" className=\"rte-dialog__close\" onClick={onClose}>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" /></svg>\n          </button>\n        </div>\n        <div className=\"rte-dialog__body\">\n          <textarea\n            ref={inputRef}\n            className=\"rte-dialog__textarea\"\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSubmit(); }\n            }}\n            placeholder=\"Write your comment...\"\n            rows={3}\n          />\n        </div>\n        <div className=\"rte-dialog__footer\">\n          <button type=\"button\" className=\"rte-dialog__btn rte-dialog__btn--cancel\" onClick={onClose}>Cancel</button>\n          <button type=\"button\" className=\"rte-dialog__btn rte-dialog__btn--submit\" onClick={handleSubmit} disabled={!text.trim()}>Add Comment</button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CommentDialog;\n"],"mappings":";;AAQA,IAAM,IAAA,CAA+C,EAAE,MAAA,GAAM,UAAA,GAAU,SAAA,EAAA,MAAc;AACnF,QAAM,CAAC,GAAM,CAAA,IAAW,EAAS,EAAE,GAC7B,IAAW,EAA4B,IAAI;AAkBjD,MAhBA,EAAA,MAAgB;AACd,IAAI,MACF,EAAQ,EAAE,GACV,WAAA,MAAiB,EAAS,SAAS,MAAM,GAAG,EAAE;AAAA,EAElD,GAAG,CAAC,CAAI,CAAC,GAET,EAAA,MAAgB;AACd,QAAI,CAAC,EAAM;AACX,UAAM,IAAA,CAAa,MAAqB;AACtC,MAAI,EAAE,QAAQ,YAAU,EAAQ;AAAA,IAClC;AACA,oBAAS,iBAAiB,WAAW,CAAS,GAC9C,MAAa,SAAS,oBAAoB,WAAW,CAAS;AAAA,EAChE,GAAG,CAAC,GAAM,CAAO,CAAC,GAEd,CAAC,EAAM,QAAO;AAElB,QAAM,IAAA,MAAqB;AACzB,IAAI,EAAK,KAAK,MACZ,EAAS,EAAK,KAAK,CAAC,GACpB,EAAQ,EAAE;AAAA,EAEd;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAqB,SAAS;AAAA,cAC3C,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAa,SAAA,CAAU,MAAM,EAAE,gBAAgB;AAAA,gBAA9D;AAAA,QACE,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBAAf,CACE,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,sBAAoB;AAAA,UAAiB,CAAA,GACrD,gBAAA,EAAC,UAAD;AAAA,YAAQ,MAAK;AAAA,YAAS,WAAU;AAAA,YAAoB,SAAS;AAAA,sBAC3D,gBAAA,EAAC,OAAD;AAAA,cAAK,OAAM;AAAA,cAAK,QAAO;AAAA,cAAK,SAAQ;AAAA,cAAY,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,aAAY;AAAA,wBAA9F,CAAkG,gBAAA,EAAC,QAAD;AAAA,gBAAM,IAAG;AAAA,gBAAK,IAAG;AAAA,gBAAI,IAAG;AAAA,gBAAI,IAAG;AAAA,cAAM,CAAA,GAAC,gBAAA,EAAC,QAAD;AAAA,gBAAM,IAAG;AAAA,gBAAI,IAAG;AAAA,gBAAI,IAAG;AAAA,gBAAK,IAAG;AAAA,cAAM,CAAA,CAAM;AAAA;UAC7K,CAAA,CACL;AAAA;QACL,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBACb,gBAAA,EAAC,YAAD;AAAA,YACE,KAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAA,CAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;AAAA,YACvC,WAAA,CAAY,MAAM;AAChB,cAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,aAAY,EAAE,eAAe,GAAG,EAAa;AAAA,YAC3E;AAAA,YACA,aAAY;AAAA,YACZ,MAAM;AAAA,UACP,CAAA;AAAA,QACE,CAAA;AAAA,QACL,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBAAf,CACE,gBAAA,EAAC,UAAD;AAAA,YAAQ,MAAK;AAAA,YAAS,WAAU;AAAA,YAA0C,SAAS;AAAA,sBAAS;AAAA,UAAc,CAAA,GAC1G,gBAAA,EAAC,UAAD;AAAA,YAAQ,MAAK;AAAA,YAAS,WAAU;AAAA,YAA0C,SAAS;AAAA,YAAc,UAAU,CAAC,EAAK,KAAK;AAAA,sBAAG;AAAA,UAAmB,CAAA,CACzI;AAAA;MACF;AAAA;EACF,CAAA;AAET"}
+{"version":3,"file":"CommentDialog.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\ninterface CommentDialogProps {\n  open: boolean;\n  onSubmit: (text: string) => void;\n  onClose: () => void;\n}\n\nconst CommentDialog: React.FC<CommentDialogProps> = ({ open, onSubmit, onClose }) => {\n  const [text, setText] = useState('');\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setText('');\n      setTimeout(() => inputRef.current?.focus(), 50);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const handleKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [open, onClose]);\n\n  if (!open) return null;\n\n  const handleSubmit = () => {\n    if (text.trim()) {\n      onSubmit(text.trim());\n      setText('');\n    }\n  };\n\n  return (\n    <div className=\"rte-dialog-overlay\" onClick={onClose}>\n      <div className=\"rte-dialog\" onClick={(e) => e.stopPropagation()}>\n        <div className=\"rte-dialog__header\">\n          <span className=\"rte-dialog__title\">Add Comment</span>\n          <button type=\"button\" className=\"rte-dialog__close\" onClick={onClose}>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" /></svg>\n          </button>\n        </div>\n        <div className=\"rte-dialog__body\">\n          <textarea\n            ref={inputRef}\n            className=\"rte-dialog__textarea\"\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSubmit(); }\n            }}\n            placeholder=\"Write your comment...\"\n            rows={3}\n          />\n        </div>\n        <div className=\"rte-dialog__footer\">\n          <button type=\"button\" className=\"rte-dialog__btn rte-dialog__btn--cancel\" onClick={onClose}>Cancel</button>\n          <button type=\"button\" className=\"rte-dialog__btn rte-dialog__btn--submit\" onClick={handleSubmit} disabled={!text.trim()}>Add Comment</button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CommentDialog;\n"],"mappings":";;;AAQA,IAAM,KAA+C,EAAE,SAAM,aAAU,iBAAc;CACnF,IAAM,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,IAAW,EAA4B,IAAI;CAkBjD,IAhBA,QAAgB;EACd,AAAI,MACF,EAAQ,EAAE,GACV,iBAAiB,EAAS,SAAS,MAAM,GAAG,EAAE;CAElD,GAAG,CAAC,CAAI,CAAC,GAET,QAAgB;EACd,IAAI,CAAC,GAAM;EACX,IAAM,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,YAAU,EAAQ;EAClC;EAEA,OADA,SAAS,iBAAiB,WAAW,CAAS,SACjC,SAAS,oBAAoB,WAAW,CAAS;CAChE,GAAG,CAAC,GAAM,CAAO,CAAC,GAEd,CAAC,GAAM,OAAO;CAElB,IAAM,UAAqB;EACzB,AAAI,EAAK,KAAK,MACZ,EAAS,EAAK,KAAK,CAAC,GACpB,EAAQ,EAAE;CAEd;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAqB,SAAS;EAC3C,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAa,UAAU,MAAM,EAAE,gBAAgB;GAA9D,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA;KAAiB,CAAA,GACrD,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAAoB,SAAS;MAC3D,UAAA,kBAAC,OAAD;OAAK,OAAM;OAAK,QAAO;OAAK,SAAQ;OAAY,MAAK;OAAO,QAAO;OAAe,aAAY;OAA9F,UAAA,CAAkG,kBAAC,QAAD;QAAM,IAAG;QAAK,IAAG;QAAI,IAAG;QAAI,IAAG;OAAM,CAAA,GAAC,kBAAC,QAAD;QAAM,IAAG;QAAI,IAAG;QAAI,IAAG;QAAK,IAAG;OAAM,CAAA,CAAM;;KAC7K,CAAA,CACL;;IACL,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,YAAD;MACE,KAAK;MACL,WAAU;MACV,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;MACvC,YAAY,MAAM;OAChB,AAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,aAAY,EAAE,eAAe,GAAG,EAAa;MAC3E;MACA,aAAY;MACZ,MAAM;KACP,CAAA;IACE,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAA0C,SAAS;MAAS,UAAA;KAAc,CAAA,GAC1G,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAU;MAA0C,SAAS;MAAc,UAAU,CAAC,EAAK,KAAK;MAAG,UAAA;KAAmB,CAAA,CACzI;;GACF;;CACF,CAAA;AAET"}