@uva-glass/component-library 1.65.0 → 2.0.0

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_EDITOR,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkForm/AddLinkFrom';\nimport type { linkFormMethods } from './LinkContextMenu/LinkContextMenu';\n\nimport { AddLinkForm } from './AddLinkForm/AddLinkFrom';\nimport { ensureHttps } from './helpers';\nimport { LinkContextMenu } from './LinkContextMenu/LinkContextMenu';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\ntype Position = {\n  top: number;\n  left: number;\n};\n\ninterface LinkPluginProps {\n  parentScrollPosition: number;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n  let currentNode: TextNode | ElementNode | null = node;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return currentNode;\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return {\n        active: true,\n        url: currentNode.getURL(),\n        linktext: currentNode.getTextContent(),\n      };\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const LinkPlugin = ({ parentScrollPosition }: LinkPluginProps) => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n  const isVisibleRef = useRef(isVisible);\n  const storedSelection = useRef<BaseSelection | null>(null);\n  const linkButtonRef = useRef<HTMLButtonElement>(null);\n  const editLinkForm = useRef<linkFormMethods>();\n\n  const storeCursorPosition = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      storedSelection.current = selection;\n    });\n  };\n\n  const rePositionCursor = () => {\n    editor.update(() => {\n      if (storedSelection.current) {\n        $setSelection(storedSelection.current);\n      }\n    });\n  };\n\n  const openContextMenu = (url: string, position: Position) => {\n    showFlyout({\n      position,\n      children: (\n        <LinkContextMenu\n          url={url}\n          onSave={(url) => insertLink(url, '')}\n          onDelete={() => removeLink()}\n          onClose={closeContextMenu}\n          ref={editLinkForm}\n        />\n      ),\n    });\n  };\n\n  const closeContextMenu = () => {\n    editLinkForm.current?.clearForm();\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const openFlyout = () => {\n    const rect = linkButtonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      storeCursorPosition();\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n      setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const insertLink = (url: string, linktext: string) => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const node = anchor.getNode() as ElementNode;\n        const linkNode = getLinkNode(node);\n        if (linktext && linktext !== '') {\n          if (linkNode) {\n            const newTextNode = $createTextNode(linktext);\n            linkNode.replace(newTextNode);\n            newTextNode.select();\n          }\n          if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n            const { anchor, focus } = selection;\n            selection.insertText(linktext);\n            anchor.offset -= linktext.length;\n            focus.offset = anchor.offset + linktext.length;\n          }\n        }\n        $toggleLink(ensureHttps(url), { target: '_blank' });\n      }\n\n      closeFlyout();\n    });\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    closeContextMenu();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      previousLinkText.current = selectedText.current = '';\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  useEffect(() => {\n    const handleSelectionClickOrChange = (selection: BaseSelection | null) => {\n      if ($isRangeSelection(selection) && selection.isCollapsed()) {\n        const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n        if (node) {\n          const domNode = editor.getElementByKey(selection.anchor.getNode().getKey());\n          const position = domNode\n            ? { top: domNode.getBoundingClientRect().bottom, left: domNode.getBoundingClientRect().left }\n            : { top: 0, left: 0 };\n          openContextMenu(node.url, position);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    const unregisterClick = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        storeCursorPosition();\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregisterClick();\n      unregisterSelect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n          const selection = $getSelection();\n          storeCursorPosition();\n\n          if (!$isRangeSelection(selection)) {\n            return false;\n          }\n\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          const openFlyoutWithDefaults = (url = '', linkText = '') => {\n            openFlyout();\n            setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n          };\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            previousLinkText.current = node.linktext;\n            openFlyoutWithDefaults(node.url, node.linktext);\n\n            return true;\n          }\n\n          const selectedTextContent = selection.getTextContent();\n          if (selectedTextContent !== '') {\n            selectedText.current = selectedTextContent;\n            openFlyoutWithDefaults('', selectedText.current);\n\n            return true;\n          }\n\n          openFlyout();\n          return true;\n        }\n\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      setIsLink(\n        editorState.read(() => {\n          const selection = $getSelection();\n          storeCursorPosition();\n\n          if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode() as ElementNode;\n            const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n            if (linkNode) {\n              return {\n                active: true,\n                url: linkNode.getURL(),\n                linktext: linkNode.getTextContent(),\n              };\n            }\n          }\n\n          return {\n            active: false,\n            url: '',\n            linktext: '',\n          };\n        })\n      );\n    });\n\n    return () => {\n      removeKeyboardShortcut();\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    isVisibleRef.current = isVisible;\n    if (!isVisible) editLinkForm.current?.clearForm();\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (isVisible) {\n      closeFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  useEffect(() => {\n    if (!isLink.active) {\n      hideFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLink]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent): boolean => {\n      setScrollableContainers(handleResizeScroll);\n\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n      return true;\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    const handleResizeScroll = () => {\n      hideFlyout();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.links.linkTooltip}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.link}\n          type=\"button\"\n          ref={linkButtonRef}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","parentScrollPosition","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","linkButtonRef","editLinkForm","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openContextMenu","url","position","jsx","LinkContextMenu","insertLink","removeLink","closeContextMenu","_a","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","_b","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","styles","jsxs","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_EDITOR,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkForm/AddLinkFrom';\nimport type { linkFormMethods } from './LinkContextMenu/LinkContextMenu';\n\nimport { AddLinkForm } from './AddLinkForm/AddLinkFrom';\nimport { ensureHttps } from './helpers';\nimport { LinkContextMenu } from './LinkContextMenu/LinkContextMenu';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\ntype Position = {\n  top: number;\n  left: number;\n};\n\ninterface LinkPluginProps {\n  parentScrollPosition: number;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n  let currentNode: TextNode | ElementNode | null = node;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return currentNode;\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return {\n        active: true,\n        url: currentNode.getURL(),\n        linktext: currentNode.getTextContent(),\n      };\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const LinkPlugin = ({ parentScrollPosition }: LinkPluginProps) => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n  const isVisibleRef = useRef(isVisible);\n  const storedSelection = useRef<BaseSelection | null>(null);\n  const linkButtonRef = useRef<HTMLButtonElement>(null);\n  const editLinkForm = useRef<linkFormMethods>();\n\n  const storeCursorPosition = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      storedSelection.current = selection;\n    });\n  };\n\n  const rePositionCursor = () => {\n    editor.update(() => {\n      if (storedSelection.current) {\n        $setSelection(storedSelection.current);\n      }\n    });\n  };\n\n  const openContextMenu = (url: string, position: Position) => {\n    showFlyout({\n      position,\n      children: (\n        <LinkContextMenu\n          url={url}\n          onSave={(url) => insertLink(url, '')}\n          onDelete={() => removeLink()}\n          onClose={closeContextMenu}\n          ref={editLinkForm}\n        />\n      ),\n    });\n  };\n\n  const closeContextMenu = () => {\n    editLinkForm.current?.clearForm();\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const openFlyout = () => {\n    const rect = linkButtonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      storeCursorPosition();\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n      setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const insertLink = (url: string, linktext: string) => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const node = anchor.getNode() as ElementNode;\n        const linkNode = getLinkNode(node);\n        if (linktext && linktext !== '') {\n          if (linkNode) {\n            const newTextNode = $createTextNode(linktext);\n            linkNode.replace(newTextNode);\n            newTextNode.select();\n          }\n          if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n            const { anchor, focus } = selection;\n            selection.insertText(linktext);\n            anchor.offset -= linktext.length;\n            focus.offset = anchor.offset + linktext.length;\n          }\n        }\n        $toggleLink(ensureHttps(url), { target: '_blank' });\n      }\n\n      closeFlyout();\n    });\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    closeContextMenu();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      previousLinkText.current = selectedText.current = '';\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  useEffect(() => {\n    const handleSelectionClickOrChange = (selection: BaseSelection | null) => {\n      if ($isRangeSelection(selection) && selection.isCollapsed()) {\n        const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n        if (node) {\n          const domNode = editor.getElementByKey(selection.anchor.getNode().getKey());\n          const position = domNode\n            ? { top: domNode.getBoundingClientRect().bottom, left: domNode.getBoundingClientRect().left }\n            : { top: 0, left: 0 };\n          openContextMenu(node.url, position);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    const unregisterClick = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        storeCursorPosition();\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregisterClick();\n      unregisterSelect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n          const selection = $getSelection();\n          storeCursorPosition();\n\n          if (!$isRangeSelection(selection)) {\n            return false;\n          }\n\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          const openFlyoutWithDefaults = (url = '', linkText = '') => {\n            openFlyout();\n            setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n          };\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            previousLinkText.current = node.linktext;\n            openFlyoutWithDefaults(node.url, node.linktext);\n\n            return true;\n          }\n\n          const selectedTextContent = selection.getTextContent();\n          if (selectedTextContent !== '') {\n            selectedText.current = selectedTextContent;\n            openFlyoutWithDefaults('', selectedText.current);\n\n            return true;\n          }\n\n          openFlyout();\n          return true;\n        }\n\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      setIsLink(\n        editorState.read(() => {\n          const selection = $getSelection();\n          storeCursorPosition();\n\n          if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode() as ElementNode;\n            const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n            if (linkNode) {\n              return {\n                active: true,\n                url: linkNode.getURL(),\n                linktext: linkNode.getTextContent(),\n              };\n            }\n          }\n\n          return {\n            active: false,\n            url: '',\n            linktext: '',\n          };\n        })\n      );\n    });\n\n    return () => {\n      removeKeyboardShortcut();\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    isVisibleRef.current = isVisible;\n    if (!isVisible) editLinkForm.current?.clearForm();\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (isVisible) {\n      closeFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  useEffect(() => {\n    if (!isLink.active) {\n      hideFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLink]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent): boolean => {\n      setScrollableContainers(handleResizeScroll);\n\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n      return true;\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    const handleResizeScroll = () => {\n      hideFlyout();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.links.linkTooltip}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.link}\n          type=\"button\"\n          ref={linkButtonRef}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","parentScrollPosition","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","linkButtonRef","editLinkForm","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openContextMenu","url","position","jsx","LinkContextMenu","insertLink","removeLink","closeContextMenu","_a","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","_b","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","styles","jsxs","clsx","Icon"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  $createListNode,\n  $isListItemNode,\n  $isListNode,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list';\nimport { $setBlocksType } from '@lexical/selection';\nimport { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_LOW,\n  KEY_DOWN_COMMAND,\n  KEY_TAB_COMMAND,\n} from 'lexical';\n\nimport type { ElementNode, RangeSelection } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n  bullet: 'BulletList',\n  number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n\n  const formatParagraph = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        $setBlocksType(selection, () => $createParagraphNode());\n      }\n    });\n  };\n\n  const formatList = (listType: ListTypesType): void => {\n    if (listType === 'number' && blockType !== 'number') {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n      setBlockType('number');\n    } else if (listType === 'bullet' && blockType !== 'bullet') {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n      setBlockType('bullet');\n    } else {\n      formatParagraph();\n      setBlockType('paragraph');\n    }\n  };\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit7') {\n          event.preventDefault();\n          if (isOList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit8') {\n          event.preventDefault();\n          if (isUList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n  }, [editor, isOList, isUList]);\n\n  useEffect(() => {\n    editor.registerCommand(\n      KEY_TAB_COMMAND,\n      (event) => {\n        event.preventDefault();\n        editor.update(() => {\n          const selection = $getSelection() as RangeSelection;\n          if (!$isRangeSelection(selection)) {\n            return;\n          }\n\n          const currentNode = selection.anchor.getNode();\n          const parent = currentNode.getParent();\n          if (!$isListItemNode(parent)) {\n            return;\n          }\n\n          const listParent = parent.getParent();\n          if ($isListNode(listParent)) {\n            const newList = $createListNode($isListNode(listParent) ? listParent.getListType() : 'bullet');\n            parent.append(newList);\n            newList.append(currentNode);\n          }\n        });\n        return true;\n      },\n      COMMAND_PRIORITY_LOW\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          let anchorNode = selection.anchor.getNode() as ElementNode;\n          while (anchorNode !== null) {\n            if ($isListNode(anchorNode)) {\n              const tag = anchorNode.getTag();\n              setIsUList(tag === 'ul');\n              setIsOList(tag === 'ol');\n              if (tag === 'ul') {\n                setBlockType('bullet');\n              }\n              if (tag === 'ol') {\n                setBlockType('number');\n              }\n              return;\n            }\n            const parentNode = anchorNode.getParent();\n            if (parentNode === null) break;\n            anchorNode = parentNode;\n          }\n          setIsUList(false);\n          setIsOList(false);\n          setBlockType('paragraph');\n        }\n        return false;\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {ListTypes.map((listType) => (\n        <button\n          onClick={() => formatList(listType as ListTypesType)}\n          key={listType}\n          title={t.format[`${listType}Tooltip` as keyof typeof t.format]}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${listType}`],\n            listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n            listType === 'number' && isOList && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels[listType as keyof typeof t.aria.labels]}\n          aria-keyshortcuts={t.aria.keyshortcuts[listType as keyof typeof t.aria.keyshortcuts]}\n          type=\"button\"\n        >\n          <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","t","useTranslation","editor","useLexicalComposerContext","blockType","setBlockType","useState","isUList","setIsUList","isOList","setIsOList","formatParagraph","selection","$getSelection","$isRangeSelection","$setBlocksType","$createParagraphNode","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","REMOVE_LIST_COMMAND","COMMAND_PRIORITY_EDITOR","KEY_TAB_COMMAND","currentNode","parent","$isListItemNode","listParent","$isListNode","newList","$createListNode","COMMAND_PRIORITY_LOW","removeStatusListener","editorState","anchorNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  $createListNode,\n  $isListItemNode,\n  $isListNode,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list';\nimport { $setBlocksType } from '@lexical/selection';\nimport { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_LOW,\n  KEY_DOWN_COMMAND,\n  KEY_TAB_COMMAND,\n} from 'lexical';\n\nimport type { ElementNode, RangeSelection } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n  bullet: 'BulletList',\n  number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n\n  const formatParagraph = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        $setBlocksType(selection, () => $createParagraphNode());\n      }\n    });\n  };\n\n  const formatList = (listType: ListTypesType): void => {\n    if (listType === 'number' && blockType !== 'number') {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n      setBlockType('number');\n    } else if (listType === 'bullet' && blockType !== 'bullet') {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n      setBlockType('bullet');\n    } else {\n      formatParagraph();\n      setBlockType('paragraph');\n    }\n  };\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit7') {\n          event.preventDefault();\n          if (isOList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit8') {\n          event.preventDefault();\n          if (isUList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n  }, [editor, isOList, isUList]);\n\n  useEffect(() => {\n    editor.registerCommand(\n      KEY_TAB_COMMAND,\n      (event) => {\n        event.preventDefault();\n        editor.update(() => {\n          const selection = $getSelection() as RangeSelection;\n          if (!$isRangeSelection(selection)) {\n            return;\n          }\n\n          const currentNode = selection.anchor.getNode();\n          const parent = currentNode.getParent();\n          if (!$isListItemNode(parent)) {\n            return;\n          }\n\n          const listParent = parent.getParent();\n          if ($isListNode(listParent)) {\n            const newList = $createListNode($isListNode(listParent) ? listParent.getListType() : 'bullet');\n            parent.append(newList);\n            newList.append(currentNode);\n          }\n        });\n        return true;\n      },\n      COMMAND_PRIORITY_LOW\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          let anchorNode = selection.anchor.getNode() as ElementNode;\n          while (anchorNode !== null) {\n            if ($isListNode(anchorNode)) {\n              const tag = anchorNode.getTag();\n              setIsUList(tag === 'ul');\n              setIsOList(tag === 'ol');\n              if (tag === 'ul') {\n                setBlockType('bullet');\n              }\n              if (tag === 'ol') {\n                setBlockType('number');\n              }\n              return;\n            }\n            const parentNode = anchorNode.getParent();\n            if (parentNode === null) break;\n            anchorNode = parentNode;\n          }\n          setIsUList(false);\n          setIsOList(false);\n          setBlockType('paragraph');\n        }\n        return false;\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {ListTypes.map((listType) => (\n        <button\n          onClick={() => formatList(listType as ListTypesType)}\n          key={listType}\n          title={t.format[`${listType}Tooltip` as keyof typeof t.format]}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${listType}`],\n            listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n            listType === 'number' && isOList && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels[listType as keyof typeof t.aria.labels]}\n          aria-keyshortcuts={t.aria.keyshortcuts[listType as keyof typeof t.aria.keyshortcuts]}\n          type=\"button\"\n        >\n          <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","t","useTranslation","editor","useLexicalComposerContext","blockType","setBlockType","useState","isUList","setIsUList","isOList","setIsOList","formatParagraph","selection","$getSelection","$isRangeSelection","$setBlocksType","$createParagraphNode","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","REMOVE_LIST_COMMAND","COMMAND_PRIORITY_EDITOR","KEY_TAB_COMMAND","currentNode","parent","$isListItemNode","listParent","$isListNode","newList","$createListNode","COMMAND_PRIORITY_LOW","removeStatusListener","editorState","anchorNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasteHandlerPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent)\n          ? null\n          : (event as ClipboardEvent).clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const html = clipboardData.getData('text/html');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', html);\n        if (wordNormalizer.isActive(html)) {\n          newData.setData('text/html', wordNormalizer.normalize(html));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"names":["PasteHandlerPlugin","editor","useLexicalComposerContext","handlePaste","event","selection","$getSelection","clipboardData","objectKlassEquals","html","newData","wordNormalizer","MSWordNormalizer","$insertDataTransferForRichText","useEffect","removePasteListener","PASTE_COMMAND","COMMAND_PRIORITY_CRITICAL"],"mappings":";;;;;;AAOO,MAAMA,IAAqB,MAAM;AAChC,QAAA,CAACC,CAAM,IAAIC,KAEXC,IAAc,CAACC,MAAoD;AACvE,IAAAA,EAAM,eAAe,GACrBH,EAAO,OAAO,MAAM;AAClB,YAAMI,IAAYC,KACZC,IACJC,EAAkBJ,GAAO,UAAU,KAAKI,EAAkBJ,GAAO,aAAa,IAC1E,OACCA,EAAyB;AAC5B,UAAAG,KAAiB,QAAQF,MAAc,MAAM;AACzC,cAAAI,IAAOF,EAAc,QAAQ,WAAW,GACxCG,IAAU,IAAI,gBACdC,IAAiB,IAAIC,EAAAA;AACnB,QAAAF,EAAA,QAAQ,aAAaD,CAAI,GAC7BE,EAAe,SAASF,CAAI,KAC9BC,EAAQ,QAAQ,aAAaC,EAAe,UAAUF,CAAI,CAAC,GAE9BI,EAAAH,GAASL,GAAWJ,CAAM;AAAA,MAC3D;AAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAAa,EAAU,MAAM;AACd,UAAMC,IAAsBd,EAAO;AAAA,MACjCe;AAAAA,MACA,CAACZ,MACKA,aAAiB,kBACnBD,EAAYC,CAAK,GACV,MAEF;AAAA,MAETa;AAAAA,IAAA;AAGF,WAAO,MAAM;AACS,MAAAF;IAAA;AAAA,EACtB,GAEC,CAACd,CAAM,CAAC,GAEJ;AACT;"}
+{"version":3,"file":"PasteHandlerPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent)\n          ? null\n          : (event as ClipboardEvent).clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const html = clipboardData.getData('text/html');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', html);\n        if (wordNormalizer.isActive(html)) {\n          newData.setData('text/html', wordNormalizer.normalize(html));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"names":["PasteHandlerPlugin","editor","useLexicalComposerContext","handlePaste","event","selection","$getSelection","clipboardData","objectKlassEquals","html","newData","wordNormalizer","MSWordNormalizer","$insertDataTransferForRichText","useEffect","removePasteListener","PASTE_COMMAND","COMMAND_PRIORITY_CRITICAL"],"mappings":";;;;;;AAOO,MAAMA,IAAqB,MAAM;AAChC,QAAA,CAACC,CAAM,IAAIC,EAA0B,GAErCC,IAAc,CAACC,MAAoD;AACvE,IAAAA,EAAM,eAAe,GACrBH,EAAO,OAAO,MAAM;AAClB,YAAMI,IAAYC,EAAc,GAC1BC,IACJC,EAAkBJ,GAAO,UAAU,KAAKI,EAAkBJ,GAAO,aAAa,IAC1E,OACCA,EAAyB;AAC5B,UAAAG,KAAiB,QAAQF,MAAc,MAAM;AACzC,cAAAI,IAAOF,EAAc,QAAQ,WAAW,GACxCG,IAAU,IAAI,aAAa,GAC3BC,IAAiB,IAAIC,mBAAiB;AACpC,QAAAF,EAAA,QAAQ,aAAaD,CAAI,GAC7BE,EAAe,SAASF,CAAI,KAC9BC,EAAQ,QAAQ,aAAaC,EAAe,UAAUF,CAAI,CAAC,GAE9BI,EAAAH,GAASL,GAAWJ,CAAM;AAAA,MAAA;AAAA,IAC3D,CACD;AAAA,EACH;AAEA,SAAAa,EAAU,MAAM;AACd,UAAMC,IAAsBd,EAAO;AAAA,MACjCe;AAAAA,MACA,CAACZ,MACKA,aAAiB,kBACnBD,EAAYC,CAAK,GACV,MAEF;AAAA,MAETa;AAAAA,IACF;AAEA,WAAO,MAAM;AACS,MAAAF,EAAA;AAAA,IACtB;AAAA,EAAA,GAEC,CAACd,CAAM,CAAC,GAEJ;AACT;"}

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as z } from "../../../../TablePlugin-BbiBRjod.js";
+import { b as y } from "../../../../TablePlugin-ByeOn0Zf.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -14,7 +14,6 @@ import "../../../GridRow/GridRow.js";
 import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
-import "react-router-dom";
 import "../../helpers.js";
 import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
@@ -26,6 +25,6 @@ import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
 export {
-  z as AddTableForm
+  y as AddTableForm
 };
 //# sourceMappingURL=AddTableFrom.js.map

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  parentScrollPosition: number;\n  onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst measureElement = (srcElement: HTMLElement) => {\n  const measureElement = srcElement.cloneNode(true) as HTMLElement;\n  measureElement.style.height = 'auto';\n  measureElement.style.left = '-3000px';\n  document.body.appendChild(measureElement);\n  const height = measureElement.getBoundingClientRect().height;\n  document.body.removeChild(measureElement);\n  return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHidden, setIsHidden] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n  const [menuHeight, setMenuHeight] = useState(0);\n  const startScrollPosition = useRef(0);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [editor] = useLexicalComposerContext();\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  const flipMenuIfNotInViewport = () => {\n    const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n    if (containerRef.current && menuRef.current && buttonRef.current) {\n      if (localPosition.xPos < menuWidth && containerRef.current) {\n        containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n        buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n      } else {\n        containerRef.current.style.left = '0px';\n        buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n      }\n\n      if (!menuHeight) {\n        setMenuHeight(measureElement(menuRef.current));\n      }\n\n      if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n        containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n        buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n        buttonRef.current.style.transform = 'rotate(180deg)';\n      } else {\n        containerRef.current.style.top = '0px';\n        buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n        buttonRef.current.style.transform = 'none';\n      }\n    }\n  };\n\n  const setMenuPosition = () => {\n    flipMenuIfNotInViewport();\n    return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    if (position) {\n      startScrollPosition.current = parentScrollPosition;\n    }\n    setIsOpen(false);\n    setIsHidden(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [position]);\n\n  useEffect(() => {\n    if (buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const rootElement = editor.getRootElement();\n      if (!rootElement) return;\n      if (\n        rect.top - rootElement.getBoundingClientRect().top <= 0 ||\n        rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n      ) {\n        setIsHidden(true);\n      } else {\n        setIsHidden(false);\n      }\n      flipMenuIfNotInViewport();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  return (\n    <div\n      className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n      style={{\n        transform: `${setMenuPosition()}`,\n      }}\n      ref={containerRef}\n    >\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen((prev) => !prev)}\n        className={styles['context-menu__button']}\n        ref={buttonRef}\n      >\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowAbove')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowAbove}\n          >\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowBelow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowBelow}\n          >\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteRow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteRow}\n          >\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnLeft')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnLeft}\n          >\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnRight')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnRight}\n          >\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteColumn')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteColumn}\n          >\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteTable')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteTable}\n          >\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"names":["CONTEXT_MENU_OFFSET","WHITE_SPACE","BUTTON_SHIFT","BUTTON_RESET","measureElement","srcElement","height","TableCellContextMenu","position","parentScrollPosition","onAction","useTranslation","isOpen","setIsOpen","useState","isHidden","setIsHidden","localPosition","setLocalPosition","menuHeight","setMenuHeight","startScrollPosition","useRef","menuRef","containerRef","buttonRef","editor","useLexicalComposerContext","handleAction","action","flipMenuIfNotInViewport","menuWidth","setMenuPosition","useEffect","rect","rootElement","jsxs","clsx","styles","jsx","prev","Icon"],"mappings":"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"}
+{"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  parentScrollPosition: number;\n  onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst measureElement = (srcElement: HTMLElement) => {\n  const measureElement = srcElement.cloneNode(true) as HTMLElement;\n  measureElement.style.height = 'auto';\n  measureElement.style.left = '-3000px';\n  document.body.appendChild(measureElement);\n  const height = measureElement.getBoundingClientRect().height;\n  document.body.removeChild(measureElement);\n  return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHidden, setIsHidden] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n  const [menuHeight, setMenuHeight] = useState(0);\n  const startScrollPosition = useRef(0);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [editor] = useLexicalComposerContext();\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  const flipMenuIfNotInViewport = () => {\n    const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n    if (containerRef.current && menuRef.current && buttonRef.current) {\n      if (localPosition.xPos < menuWidth && containerRef.current) {\n        containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n        buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n      } else {\n        containerRef.current.style.left = '0px';\n        buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n      }\n\n      if (!menuHeight) {\n        setMenuHeight(measureElement(menuRef.current));\n      }\n\n      if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n        containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n        buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n        buttonRef.current.style.transform = 'rotate(180deg)';\n      } else {\n        containerRef.current.style.top = '0px';\n        buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n        buttonRef.current.style.transform = 'none';\n      }\n    }\n  };\n\n  const setMenuPosition = () => {\n    flipMenuIfNotInViewport();\n    return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    if (position) {\n      startScrollPosition.current = parentScrollPosition;\n    }\n    setIsOpen(false);\n    setIsHidden(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [position]);\n\n  useEffect(() => {\n    if (buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const rootElement = editor.getRootElement();\n      if (!rootElement) return;\n      if (\n        rect.top - rootElement.getBoundingClientRect().top <= 0 ||\n        rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n      ) {\n        setIsHidden(true);\n      } else {\n        setIsHidden(false);\n      }\n      flipMenuIfNotInViewport();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  return (\n    <div\n      className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n      style={{\n        transform: `${setMenuPosition()}`,\n      }}\n      ref={containerRef}\n    >\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen((prev) => !prev)}\n        className={styles['context-menu__button']}\n        ref={buttonRef}\n      >\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowAbove')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowAbove}\n          >\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowBelow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowBelow}\n          >\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteRow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteRow}\n          >\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnLeft')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnLeft}\n          >\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnRight')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnRight}\n          >\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteColumn')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteColumn}\n          >\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteTable')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteTable}\n          >\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"names":["CONTEXT_MENU_OFFSET","WHITE_SPACE","BUTTON_SHIFT","BUTTON_RESET","measureElement","srcElement","height","TableCellContextMenu","position","parentScrollPosition","onAction","useTranslation","isOpen","setIsOpen","useState","isHidden","setIsHidden","localPosition","setLocalPosition","menuHeight","setMenuHeight","startScrollPosition","useRef","menuRef","containerRef","buttonRef","editor","useLexicalComposerContext","handleAction","action","flipMenuIfNotInViewport","menuWidth","setMenuPosition","useEffect","rect","rootElement","jsxs","clsx","styles","jsx","prev","Icon"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js

@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
 import "../../../../LexicalTable.prod-hx6rW3fc.js";
 import "../../../../Lexical.prod-DeeCy7Xd.js";
 import "react";
-import { T as E } from "../../../../TablePlugin-BbiBRjod.js";
+import { T as D } from "../../../../TablePlugin-ByeOn0Zf.js";
 import "./helpers.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
@@ -19,7 +19,6 @@ import "../../../GridRow/GridRow.js";
 import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
-import "react-router-dom";
 import "../../../../RteEditor.module-oFMKEW6f.js";
 import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
@@ -30,6 +29,6 @@ import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
 export {
-  E as TablePlugin
+  D as TablePlugin
 };
 //# sourceMappingURL=TablePlugin.js.map

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumn,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n} from '@lexical/table';\nimport { type TextNode, type ElementNode, $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode } from '@lexical/table';\n\nconst PERCENTAGE = 100;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, PERCENTAGE / nrOfColumns);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  $getTableNodeFromLexicalNodeOrThrow(selectedNode).remove();\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  const newRow = $createTableRowNode();\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nrOfCols = currentRow.getChildrenSize();\n  for (let rowCount = 0; rowCount < nrOfCols; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    newRow.append(newCell);\n  }\n  position === 'insertRowAbove' ? currentRow.insertBefore(newRow) : currentRow.insertAfter(newRow);\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const nrOfCols = currentRow.getChildren().length;\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable: TableCellNode[] = currentTable.getChildren();\n  const nrOfRows = rowsInTable.length;\n\n  for (let rowCount = 0; rowCount < nrOfRows; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    const cellInSelectedColumn = rowsInTable[rowCount].getChildren()[columnIndex];\n    if (cellInSelectedColumn) {\n      if (position === 'insertColumnLeft') {\n        cellInSelectedColumn.insertBefore(newCell);\n      } else {\n        cellInSelectedColumn.insertAfter(newCell);\n      }\n    }\n\n    rowsInTable.forEach((row) => {\n      row.getChildren().forEach((cell) => {\n        (cell as TableCellNode).setWidth(PERCENTAGE / nrOfCols);\n      });\n    });\n  }\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n  const columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumn(currentTable, columnIndex);\n  }\n};\n"],"names":["PERCENTAGE","createTable","nrOfRows","nrOfColumns","tableNode","$createTableNodeWithDimensions","rowIndex","rowNode","$createTableRowNode","colIndex","cellNode","$createTableCellNode","$createParagraphNode","deleteRow","selectedNode","currentRow","$getTableRowNodeFromTableCellNodeOrThrow","nextRow","currentTable","firstDescendant","deleteTable","$getTableNodeFromLexicalNodeOrThrow","insertRow","position","newRow","nrOfCols","rowCount","newCell","insertColumn","$isTableCellNode","$getTableRowIndexFromTableCellNode","columnIndex","$getTableColumnIndexFromTableCellNode","rowsInTable","cellInSelectedColumn","row","cell","deleteColumn","numberOfColumns","_a","$deleteTableColumn"],"mappings":";;AAeA,MAAMA,IAAa,KAENC,IAAc,CAACC,GAAkBC,MAAqC;AACjF,QAAMC,IAAYC,EAA+B,GAAG,GAAG,EAAK;AAC5D,WAASC,IAAW,GAAGA,IAAWJ,GAAUI,KAAY;AACtD,UAAMC,IAAUC;AAChB,aAASC,IAAW,GAAGA,IAAWN,GAAaM,KAAY;AACzD,YAAMC,IAAWC,EAAqB,GAAG,QAAWX,IAAaG,CAAW;AACnE,MAAAO,EAAA,OAAOE,GAAsB,GACtCL,EAAQ,OAAOG,CAAQ;AAAA,IACzB;AACA,IAAAN,EAAU,OAAOG,CAAO;AAAA,EAC1B;AACO,SAAAH;AACT,GAEaS,IAAY,CAACC,MAA8B;AAChD,QAAAC,IAAaC,EAAyCF,CAAY,GAClEG,IAAUF,EAAW,eAAe,KAAKA,EAAW,mBAAmB,GACvEG,IAAeH,EAAW;AAGhC,MAFAG,EAAa,gBAAoB,IAAA,IAAIH,EAAW,WAAWG,EAAa,UAEpED,MAAY,MAAM;AACd,UAAAE,IAAmBF,EAAwB;AACjD,IAAIE,KACDA,EAA6B,OAAO;AAAA,EAEzC;AACF,GAEaC,IAAc,CAACN,MAA8B;AACpBO,EAAAA,EAAAP,CAAY,EAAE;AACpD,GAEaQ,IAAY,CAACR,GAA2BS,MAAkD;AACrG,QAAMC,IAAShB,KACTO,IAAaC,EAAyCF,CAAY,GAClEW,IAAWV,EAAW;AAC5B,WAASW,IAAW,GAAGA,IAAWD,GAAUC,KAAY;AAChD,UAAAC,IAAUhB,EAAqB,CAAC;AAC9B,IAAAgB,EAAA,OAAOf,GAAsB,GACrCY,EAAO,OAAOG,CAAO;AAAA,EACvB;AACA,EAAAJ,MAAa,mBAAmBR,EAAW,aAAaS,CAAM,IAAIT,EAAW,YAAYS,CAAM;AACzF,QAAAL,IAAkBK,EAAO;AAC/B,EAAIL,KACDA,EAA6B,OAAO;AAEzC,GAEaS,IAAe,CAACd,GAA2BS,MAAuD;AACvG,QAAAR,IAAaC,EAAyCF,CAAY;AACpE,MAAA,CAACe,EAAiBf,CAAY;AAC1B,UAAA,IAAI,MAAM,sCAAsC;AAElD,QAAAR,IAAWwB,EAAmChB,CAAY,GAC1DW,IAAWV,EAAW,YAAA,EAAc,QACpCG,IAAeG,EAAoCP,CAAY;AACjE,MAAAiB,IAAcC,EAAsClB,CAAY;AAC9D,QAAAmB,IAA+Bf,EAAa,eAC5ChB,IAAW+B,EAAY;AAE7B,WAASP,IAAW,GAAGA,IAAWxB,GAAUwB,KAAY;AAChD,UAAAC,IAAUhB,EAAqB,CAAC;AAC9B,IAAAgB,EAAA,OAAOf,GAAsB;AACrC,UAAMsB,IAAuBD,EAAYP,CAAQ,EAAE,YAAA,EAAcK,CAAW;AAC5E,IAAIG,MACEX,MAAa,qBACfW,EAAqB,aAAaP,CAAO,IAEzCO,EAAqB,YAAYP,CAAO,IAIhCM,EAAA,QAAQ,CAACE,MAAQ;AAC3B,MAAAA,EAAI,YAAY,EAAE,QAAQ,CAACC,MAAS;AACjC,QAAAA,EAAuB,SAASpC,IAAayB,CAAQ;AAAA,MAAA,CACvD;AAAA,IAAA,CACF;AAAA,EACH;AAEc,EAAAM,IAAAR,MAAa,qBAAqBQ,IAAcA,IAAc;AAC5E,QAAMZ,IAAkBc,EAAY3B,CAAQ,EAAE,YAAA,EAAcyB,CAAW;AACvE,EAAIZ,KACDA,EAA6B,OAAO;AAEzC,GAEakB,IAAe,CAACvB,MAA8B;;AACrD,MAAA,CAACe,EAAiBf,CAAY;AAC1B,UAAA,IAAI,MAAM,sCAAsC;AAElD,QAAAI,IAAeG,EAAoCP,CAAY,GAC/DwB,MAAmBC,IAAArB,EAAa,cAAc,MAA3B,gBAAAqB,EAA8C,sBAAqB,GACtFR,IAAcC,EAAsClB,CAAY;AAEtE,EAAIwB,MAAoB,IACtBlB,EAAYN,CAAY,IAExB0B,EAAmBtB,GAAca,CAAW;AAEhD;"}
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumn,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n} from '@lexical/table';\nimport { type TextNode, type ElementNode, $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode } from '@lexical/table';\n\nconst PERCENTAGE = 100;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, PERCENTAGE / nrOfColumns);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  $getTableNodeFromLexicalNodeOrThrow(selectedNode).remove();\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  const newRow = $createTableRowNode();\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nrOfCols = currentRow.getChildrenSize();\n  for (let rowCount = 0; rowCount < nrOfCols; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    newRow.append(newCell);\n  }\n  position === 'insertRowAbove' ? currentRow.insertBefore(newRow) : currentRow.insertAfter(newRow);\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const nrOfCols = currentRow.getChildren().length;\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable: TableCellNode[] = currentTable.getChildren();\n  const nrOfRows = rowsInTable.length;\n\n  for (let rowCount = 0; rowCount < nrOfRows; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    const cellInSelectedColumn = rowsInTable[rowCount].getChildren()[columnIndex];\n    if (cellInSelectedColumn) {\n      if (position === 'insertColumnLeft') {\n        cellInSelectedColumn.insertBefore(newCell);\n      } else {\n        cellInSelectedColumn.insertAfter(newCell);\n      }\n    }\n\n    rowsInTable.forEach((row) => {\n      row.getChildren().forEach((cell) => {\n        (cell as TableCellNode).setWidth(PERCENTAGE / nrOfCols);\n      });\n    });\n  }\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n  const columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumn(currentTable, columnIndex);\n  }\n};\n"],"names":["PERCENTAGE","createTable","nrOfRows","nrOfColumns","tableNode","$createTableNodeWithDimensions","rowIndex","rowNode","$createTableRowNode","colIndex","cellNode","$createTableCellNode","$createParagraphNode","deleteRow","selectedNode","currentRow","$getTableRowNodeFromTableCellNodeOrThrow","nextRow","currentTable","firstDescendant","deleteTable","$getTableNodeFromLexicalNodeOrThrow","insertRow","position","newRow","nrOfCols","rowCount","newCell","insertColumn","$isTableCellNode","$getTableRowIndexFromTableCellNode","columnIndex","$getTableColumnIndexFromTableCellNode","rowsInTable","cellInSelectedColumn","row","cell","deleteColumn","numberOfColumns","_a","$deleteTableColumn"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/TablePlugin/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../../../TablePlugin-BbiBRjod.js";
+import { T as o } from "../../../../TablePlugin-ByeOn0Zf.js";
 import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
 export {
   t as TableCellContextMenu,

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js

@@ -7,7 +7,7 @@ import { BlockFormatPlugin as T } from "../BlockFormatPlugin/BlockFormatPlugin.j
 import { ListPlugin as k } from "../ListPlugin/ListPlugin.js";
 import { LinkPlugin as N } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as x } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as B } from "../../../../TablePlugin-BbiBRjod.js";
+import { T as B } from "../../../../TablePlugin-ByeOn0Zf.js";
 import { TableCellContextMenu as R } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 import { s as z } from "../../../../RteEditor.module-oFMKEW6f.js";
 import { setScrollableContainers as w, removeScrollableContainers as A } from "../../helpers.js";

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection, $setSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n  height: number;\n};\n\ninterface ToolBarProps {\n  editorScrollPosition: number;\n}\n\nexport const ToolBarPlugin = ({ editorScrollPosition }: ToolBarProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n\n      const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n      if (tableCell) {\n        const domNode = editor.getElementByKey(tableCell.getKey());\n        const position = domNode ? domNode.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };\n        setPosition({ xPos: position.right, yPos: position.bottom, height: position.height });\n      } else {\n        setPosition(null);\n      }\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  const handleResizeScroll = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const anchorNode = anchor.getNode();\n\n        const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n        if (tableCell) {\n          $setSelection(null);\n          setPosition(null);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  useEffect(() => {\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = () => {\n      setScrollableContainers(handleResizeScroll);\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin />\n      <ListPlugin />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && (\n        <TableCellContextMenu\n          position={position}\n          parentScrollPosition={editorScrollPosition}\n          onAction={handleTableAction}\n        />\n      )}\n      <LinkPlugin parentScrollPosition={editorScrollPosition} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editorScrollPosition","editor","useLexicalComposerContext","position","setPosition","useState","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","tableCell","$getTableCellNodeFromLexicalNode","domNode","handleTableAction","action","_a","handleResizeScroll","$setSelection","useEffect","editorState","setScrollableContainers","removeScrollableContainers","removeKeydown","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;;AA6BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AAC9E,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AAE1B,YAAAG,IADSH,EAAU,OACC,WAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,OAAQ,CAAA,GACnDX,IAAWa,IAAUA,EAAQ,sBAAsB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAE;AAClF,QAAAZ,EAAA,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAQ,CAAA;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAEpB;AAAA,EAAA,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,YAAYD;AAAA,EAAM,GAGhCE,IAAqB,MAAM;AAC/B,IAAAnB,EAAO,OAAO,MAAM;AAClB,YAAMS,IAAYC;AAEd,UAAAC,EAAkBF,CAAS,GAAG;AAE1B,cAAAG,IADSH,EAAU,OACC;AAG1B,QADkBK,EAAiCF,CAAU,MAE3DQ,EAAc,IAAI,GAClBjB,EAAY,IAAI;AAAA,MAEpB;AAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAAkB,EAAU,MAAM;AACd,IAAArB,EAAO,uBAAuB,CAAC,EAAE,aAAAsB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAf;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAE1Bc,EAAU,OACRE,EAAwBJ,CAAkB,GAEnC,OAAA,iBAAiB,UAAUA,CAAkB,GAC7C,OAAA,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACJ,WAAA,oBAAoB,UAAUA,CAAkB,GAChD,OAAA,oBAAoB,UAAUA,CAAkB,GACvDK,EAA2BL,CAAkB;AAAA,EAAA,IAG9C,CAACnB,CAAM,CAAC,GAEXqB,EAAU,MAAM;AACd,UAAMI,IAAgB,MAAM;AAC1B,MAAAF,EAAwBJ,CAAkB;AAAA,IAAA;AAG5C,kBAAO,iBAAiB,WAAWM,GAAe,EAAE,SAAS,IAAM,GAE5D,MAAM;AACJ,aAAA,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EAGvD,GAAG,CAAE,CAAA,GAGF,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAW,EAAA;AAAA,sBACXC,GAAY,EAAA,UAAU,EAAQ7B,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAA0B;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAA9B;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,gBAAAY,EAACK,GAAW,EAAA,sBAAsBlC,EAAsB,CAAA;AAAA,sBACvDmC,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection, $setSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n  height: number;\n};\n\ninterface ToolBarProps {\n  editorScrollPosition: number;\n}\n\nexport const ToolBarPlugin = ({ editorScrollPosition }: ToolBarProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n\n      const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n      if (tableCell) {\n        const domNode = editor.getElementByKey(tableCell.getKey());\n        const position = domNode ? domNode.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };\n        setPosition({ xPos: position.right, yPos: position.bottom, height: position.height });\n      } else {\n        setPosition(null);\n      }\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  const handleResizeScroll = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const anchorNode = anchor.getNode();\n\n        const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n        if (tableCell) {\n          $setSelection(null);\n          setPosition(null);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  useEffect(() => {\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = () => {\n      setScrollableContainers(handleResizeScroll);\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin />\n      <ListPlugin />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && (\n        <TableCellContextMenu\n          position={position}\n          parentScrollPosition={editorScrollPosition}\n          onAction={handleTableAction}\n        />\n      )}\n      <LinkPlugin parentScrollPosition={editorScrollPosition} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editorScrollPosition","editor","useLexicalComposerContext","position","setPosition","useState","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","tableCell","$getTableCellNodeFromLexicalNode","domNode","handleTableAction","action","_a","handleResizeScroll","$setSelection","useEffect","editorState","setScrollableContainers","removeScrollableContainers","removeKeydown","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;;AA6BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AAC9E,QAAA,CAACC,CAAM,IAAIC,EAA0B,GACrC,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC,EAAc;AAC5B,QAAAC,EAAkBF,CAAS,GAAG;AAE1B,YAAAG,IADSH,EAAU,OACC,QAAQ,GAE5BI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,QAAQ,GACnDX,IAAWa,IAAUA,EAAQ,sBAAsB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAE;AAClF,QAAAZ,EAAA,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAA,CAAQ;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAClB;AAAA,EACF,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,YAAYD;AAAA,EAChC,GAEME,IAAqB,MAAM;AAC/B,IAAAnB,EAAO,OAAO,MAAM;AAClB,YAAMS,IAAYC,EAAc;AAE5B,UAAAC,EAAkBF,CAAS,GAAG;AAE1B,cAAAG,IADSH,EAAU,OACC,QAAQ;AAGlC,QADkBK,EAAiCF,CAAU,MAE3DQ,EAAc,IAAI,GAClBjB,EAAY,IAAI;AAAA,MAClB;AAAA,IACF,CACD;AAAA,EACH;AAEA,SAAAkB,EAAU,MAAM;AACd,IAAArB,EAAO,uBAAuB,CAAC,EAAE,aAAAsB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAf,EAAA;AAAA,MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAE1Bc,EAAU,OACRE,EAAwBJ,CAAkB,GAEnC,OAAA,iBAAiB,UAAUA,CAAkB,GAC7C,OAAA,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACJ,WAAA,oBAAoB,UAAUA,CAAkB,GAChD,OAAA,oBAAoB,UAAUA,CAAkB,GACvDK,EAA2BL,CAAkB;AAAA,EAC/C,IAEC,CAACnB,CAAM,CAAC,GAEXqB,EAAU,MAAM;AACd,UAAMI,IAAgB,MAAM;AAC1B,MAAAF,EAAwBJ,CAAkB;AAAA,IAC5C;AAEA,kBAAO,iBAAiB,WAAWM,GAAe,EAAE,SAAS,IAAM,GAE5D,MAAM;AACJ,aAAA,oBAAoB,WAAWA,CAAa;AAAA,IACrD;AAAA,EAEF,GAAG,EAAE,GAGF,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAW,EAAA;AAAA,sBACXC,GAAY,EAAA,UAAU,EAAQ7B,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAA0B;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAA9B;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,gBAAAY,EAACK,GAAW,EAAA,sBAAsBlC,EAAsB,CAAA;AAAA,sBACvDmC,GAAc,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;"}

package/dist/components/RteEditor/Plugins/index.js

@@ -3,7 +3,7 @@ import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
 import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as a } from "../../../TablePlugin-BbiBRjod.js";
+import { T as a } from "../../../TablePlugin-ByeOn0Zf.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,

package/dist/components/RteEditor/Providers/LanguageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageProvider.js","sources":["../../../../src/components/RteEditor/Providers/LanguageProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport type { ReactNode } from 'react';\n\ninterface LanguageContextProps {\n  language: string;\n  switchLanguage: (language: string) => void;\n}\n\nconst LanguageContext = createContext<LanguageContextProps | undefined>(undefined);\n\nexport const LanguageProvider = ({ children }: { children: ReactNode }) => {\n  const [language, setLanguage] = useState<string>('en');\n\n  const switchLanguage = (language: string) => {\n    setLanguage(language);\n  };\n\n  return <LanguageContext.Provider value={{ language, switchLanguage }}>{children}</LanguageContext.Provider>;\n};\n\nexport const useLanguage = (): LanguageContextProps => {\n  const context = useContext(LanguageContext);\n  if (!context) {\n    throw new Error('useLanguage must be used within a LanguageProvider');\n  }\n  return context;\n};\n"],"names":["LanguageContext","createContext","LanguageProvider","children","language","setLanguage","useState","switchLanguage","jsx","useLanguage","context","useContext"],"mappings":";;AASA,MAAMA,IAAkBC,EAAgD,MAAS,GAEpEC,IAAmB,CAAC,EAAE,UAAAC,QAAwC;AACzE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAiB,IAAI,GAE/CC,IAAiB,CAACH,MAAqB;AAC3C,IAAAC,EAAYD,CAAQ;AAAA,EAAA;AAGf,SAAA,gBAAAI,EAACR,EAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAAI,GAAU,gBAAAG,EAAe,GAAI,UAAAJ,EAAS,CAAA;AAClF,GAEaM,IAAc,MAA4B;AAC/C,QAAAC,IAAUC,EAAWX,CAAe;AAC1C,MAAI,CAACU;AACG,UAAA,IAAI,MAAM,oDAAoD;AAE/D,SAAAA;AACT;"}
+{"version":3,"file":"LanguageProvider.js","sources":["../../../../src/components/RteEditor/Providers/LanguageProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport type { ReactNode } from 'react';\n\ninterface LanguageContextProps {\n  language: string;\n  switchLanguage: (language: string) => void;\n}\n\nconst LanguageContext = createContext<LanguageContextProps | undefined>(undefined);\n\nexport const LanguageProvider = ({ children }: { children: ReactNode }) => {\n  const [language, setLanguage] = useState<string>('en');\n\n  const switchLanguage = (language: string) => {\n    setLanguage(language);\n  };\n\n  return <LanguageContext.Provider value={{ language, switchLanguage }}>{children}</LanguageContext.Provider>;\n};\n\nexport const useLanguage = (): LanguageContextProps => {\n  const context = useContext(LanguageContext);\n  if (!context) {\n    throw new Error('useLanguage must be used within a LanguageProvider');\n  }\n  return context;\n};\n"],"names":["LanguageContext","createContext","LanguageProvider","children","language","setLanguage","useState","switchLanguage","jsx","useLanguage","context","useContext"],"mappings":";;AASA,MAAMA,IAAkBC,EAAgD,MAAS,GAEpEC,IAAmB,CAAC,EAAE,UAAAC,QAAwC;AACzE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAiB,IAAI,GAE/CC,IAAiB,CAACH,MAAqB;AAC3C,IAAAC,EAAYD,CAAQ;AAAA,EACtB;AAEO,SAAA,gBAAAI,EAACR,EAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAAI,GAAU,gBAAAG,KAAmB,UAAAJ,GAAS;AAClF,GAEaM,IAAc,MAA4B;AAC/C,QAAAC,IAAUC,EAAWX,CAAe;AAC1C,MAAI,CAACU;AACG,UAAA,IAAI,MAAM,oDAAoD;AAE/D,SAAAA;AACT;"}

package/dist/components/RteEditor/RteEditor.js

@@ -16,7 +16,7 @@ import { exportMap as cn, isStartingWithHtmlTag as dn, mergeBoldStrongTags as un
 import { s as M } from "../../RteEditor.module-oFMKEW6f.js";
 import { ToolBarPlugin as fn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { useTranslation as mn } from "./hooks/useTranslation.js";
-import "../../TablePlugin-BbiBRjod.js";
+import "../../TablePlugin-ByeOn0Zf.js";
 import "./Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
@@ -31,7 +31,6 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "react-router-dom";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
@@ -844,7 +843,7 @@ const Ye = 200, sr = ({
     ] }) }),
     s !== "" && /* @__PURE__ */ y(pn, { level: "error", feedback: s })
   ] });
-}, Vr = ({
+}, qr = ({
   currentLanguage: t = "NL",
   initialValue: e = "",
   placeholder: n = "",
@@ -870,6 +869,6 @@ const Ye = 200, sr = ({
 ) });
 export {
   sr as Rte,
-  Vr as RteEditor
+  qr as RteEditor
 };
 //# sourceMappingURL=RteEditor.js.map