npm - @uva-glass/component-library - Versions diffs - 3.54.2 → 3.55.0 - Mend

@uva-glass/component-library 3.54.2 → 3.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CourseCataloguePlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n $createRangeSelection,\r\n $createTextNode,\r\n $getSelection,\r\n $isRangeSelection,\r\n $isTextNode,\r\n $setSelection,\r\n COMMAND_PRIORITY_CRITICAL,\r\n COMMAND_PRIORITY_LOW,\r\n COPY_COMMAND,\r\n KEY_DOWN_COMMAND,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { RefObject } from 'react';\r\nimport type { LexicalNode, TextNode } from 'lexical';\r\nimport type { SearchResponse } from './AddCatalogueLinkForm';\r\n\r\nimport { AddCatalogueLinkForm } from './AddCatalogueLinkForm';\r\n\r\nimport styles from 'components/RteEditor/RteEditor.module.css';\r\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\r\nimport {\r\n $getLinkTypeFromNode,\r\n CourseCatalogueNode,\r\n INSERT_COURSE_CATALOGUE_LINK,\r\n REMOVE_COURSE_CATALOGUE_LINK,\r\n} from 'components/RteEditor/nodes/CourseCatalogueNode';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\r\n\r\ninterface CourseCataloguePluginProps {\r\n onSearch: (query: string, linkType: 'course' \| 'programme') => void;\r\n searchResponse: SearchResponse;\r\n parentScrollPosition: number;\r\n}\r\n\r\nexport const CourseCataloguePlugin = ({\r\n onSearch,\r\n searchResponse,\r\n parentScrollPosition,\r\n}: CourseCataloguePluginProps) => {\r\n const [editor] = useLexicalComposerContext();\r\n const t = useTranslation();\r\n const [courseIsActive, setCourseIsActive] = useState(false);\r\n const [programmeIsActive, setProgrammeIsActive] = useState(false);\r\n const courseButtonRef = useRef<HTMLButtonElement>(null);\r\n const programmeButtonRef = useRef<HTMLButtonElement>(null);\r\n const flyoutRef = useRef<HTMLDivElement>(null);\r\n const [flyoutPosition, setFlyoutPosition] = useState<{ top: number; left: number } \| null>(null);\r\n const [type, setType] = useState<'course' \| 'programme'>('course');\r\n const isVisibleRef = useRef(flyoutPosition !== null);\r\n\r\n const openFlyout = (type: 'course' \| 'programme') => {\r\n setType(type);\r\n const rect =\r\n type === 'course'\r\n ? courseButtonRef.current?.getBoundingClientRect()\r\n : programmeButtonRef.current?.getBoundingClientRect();\r\n if (rect) {\r\n setFlyoutPosition({ top: rect.bottom, left: rect.left });\r\n }\r\n };\r\n\r\n const closeFlyout = () => {\r\n onSearch('', type);\r\n setFlyoutPosition(null);\r\n };\r\n\r\n useEffect(() => {\r\n const removeKeyboardShortcut = editor.registerCommand(\r\n KEY_DOWN_COMMAND,\r\n (event: KeyboardEvent) => {\r\n if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'C') {\r\n event.preventDefault();\r\n openFlyout('course');\r\n return true;\r\n }\r\n if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'P') {\r\n event.preventDefault();\r\n openFlyout('programme');\r\n return true;\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_CRITICAL\r\n );\r\n\r\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\r\n editorState.read(() => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const anchorNode = selection.anchor.getNode();\r\n const offset = selection.anchor.offset;\r\n\r\n if (\r\n $isTextNode(anchorNode) &&\r\n offset === anchorNode.getTextContentSize() &&\r\n anchorNode.getNextSibling() instanceof CourseCatalogueNode\r\n ) {\r\n // Cursor staat aan het begin van de link!\r\n const courseCatalogueLink = anchorNode.getNextSibling();\r\n if (courseCatalogueLink) {\r\n const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n setCourseIsActive(linkType === 'course');\r\n setProgrammeIsActive(linkType === 'programme');\r\n return;\r\n }\r\n }\r\n\r\n const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n if (courseCatalogueLink) {\r\n const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n setCourseIsActive(linkType === 'course');\r\n setProgrammeIsActive(linkType === 'programme');\r\n return;\r\n }\r\n setCourseIsActive(false);\r\n setProgrammeIsActive(false);\r\n }\r\n });\r\n });\r\n\r\n const moveToEndOfWhiteSpace = (whiteSpace: TextNode) => {\r\n const selection = $createRangeSelection();\r\n const endOffset = whiteSpace.getTextContentSize();\r\n selection.setTextNodeRange(whiteSpace, endOffset, whiteSpace, endOffset);\r\n $setSelection(selection);\r\n };\r\n\r\n const isCursorBeforeLink = (anchorNode: LexicalNode, offset: number) =>\r\n $isTextNode(anchorNode) &&\r\n offset === anchorNode.getTextContentSize() &&\r\n anchorNode.getNextSibling() instanceof CourseCatalogueNode;\r\n\r\n const removeUnEditable = editor.registerCommand(\r\n KEY_DOWN_COMMAND,\r\n (event: KeyboardEvent) => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const key = event.key;\r\n const anchorNode = selection.anchor.getNode();\r\n const offset = selection.anchor.offset;\r\n let courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n\r\n // Detect if cursor is right before the link\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n courseCatalogueLink = anchorNode.getNextSibling();\r\n }\r\n\r\n if (!courseCatalogueLink) {\r\n return false;\r\n }\r\n\r\n const nodeLength = courseCatalogueLink?.getTextContentSize();\r\n\r\n // Prevent Enter if in the middle of the link, allow only at start or end\r\n if (courseCatalogueLink && event.key === 'Enter') {\r\n event.preventDefault();\r\n editor.update(() => {\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n const brNode = $createTextNode('\\n');\r\n courseCatalogueLink.insertBefore(brNode);\r\n }\r\n if (offset === nodeLength) {\r\n const brNode = $createTextNode('\\n');\r\n courseCatalogueLink.insertAfter(brNode);\r\n moveToEndOfWhiteSpace(brNode);\r\n }\r\n });\r\n return true;\r\n }\r\n\r\n // Allow add space before or after the link\r\n if (courseCatalogueLink && (key === ' ' \|\| event.code === 'Space')) {\r\n event.preventDefault();\r\n editor.update(() => {\r\n const spaceToAdd = $createTextNode(' ');\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n courseCatalogueLink.insertBefore(spaceToAdd);\r\n moveToEndOfWhiteSpace(spaceToAdd);\r\n }\r\n if (offset === nodeLength) {\r\n courseCatalogueLink.insertAfter(spaceToAdd);\r\n moveToEndOfWhiteSpace(spaceToAdd);\r\n }\r\n });\r\n return true;\r\n }\r\n\r\n // Delete link if selected and Backspace or Del is pressed\r\n if (courseCatalogueLink && (key === 'Backspace' \|\| key === 'Delete')) {\r\n event.preventDefault();\r\n editor.update(\r\n () => {\r\n editor.dispatchCommand(REMOVE_COURSE_CATALOGUE_LINK, undefined);\r\n },\r\n { discrete: true }\r\n );\r\n return true;\r\n }\r\n\r\n // Allow Home, End and Arrow navigation\r\n if (\r\n courseCatalogueLink &&\r\n key !== 'ArrowLeft' &&\r\n key !== 'ArrowRight' &&\r\n key !== 'ArrowUp' &&\r\n key !== 'ArrowDown' &&\r\n key !== 'Home' &&\r\n key !== 'End' &&\r\n !(event.ctrlKey && (key.toLowerCase() === 'z' \|\| key.toLowerCase() === 'y')) &&\r\n !(event.ctrlKey && key.toLowerCase() === 'c')\r\n ) {\r\n event.preventDefault();\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_CRITICAL\r\n );\r\n\r\n const removeCopy = editor.registerCommand(\r\n COPY_COMMAND,\r\n (event: ClipboardEvent) => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const anchorNode = selection.anchor.getNode();\r\n const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n if (courseCatalogueLink) {\r\n event.preventDefault();\r\n const domElement = editor.getElementByKey(courseCatalogueLink.getKey());\r\n if (domElement) {\r\n event.clipboardData?.setData('text/html', domElement.outerHTML);\r\n event.clipboardData?.setData('text/plain', courseCatalogueLink.getTextContent());\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_LOW\r\n );\r\n return () => {\r\n removeKeyboardShortcut();\r\n removeStatusListener();\r\n removeUnEditable();\r\n removeCopy();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [editor]);\r\n\r\n useOnClickOutside(flyoutRef as RefObject<HTMLElement>, () => setFlyoutPosition(null));\r\n\r\n useEffect(() => {\r\n const removeKeydown = (event: KeyboardEvent): boolean => {\r\n setScrollableContainers(handleResizeScroll);\r\n\r\n if (event.key === 'Escape' && isVisibleRef.current) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n closeFlyout();\r\n }\r\n return true;\r\n };\r\n\r\n window.addEventListener('keydown', removeKeydown, { capture: true });\r\n\r\n const handleResizeScroll = () => {\r\n closeFlyout();\r\n };\r\n\r\n setScrollableContainers(handleResizeScroll);\r\n\r\n window.addEventListener('scroll', handleResizeScroll);\r\n window.addEventListener('resize', handleResizeScroll);\r\n\r\n return () => {\r\n window.removeEventListener('keydown', removeKeydown);\r\n window.removeEventListener('scroll', handleResizeScroll);\r\n window.removeEventListener('resize', handleResizeScroll);\r\n removeScrollableContainers(handleResizeScroll);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (flyoutPosition) {\r\n closeFlyout();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [parentScrollPosition]);\r\n\r\n return (\r\n <div className={styles['editor__toolbar-button-group']}>\r\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\r\n <div className={styles['editor__toolbar-button-group--text']}>\r\n <button\r\n onClick={() => openFlyout('course')}\r\n title={t.cataloguelinks.courseTooltip}\r\n className={clsx(\r\n styles['editor__toolbar-button'],\r\n styles['editor__toolbar-button--text'],\r\n courseIsActive && styles[`editor__toolbar-button--active`]\r\n )}\r\n aria-label={t.aria.labels.courselink}\r\n aria-keyshortcuts={t.aria.keyshortcuts.courselink}\r\n type=\"button\"\r\n ref={courseButtonRef}\r\n >\r\n {t.cataloguelinks.courseButtonLabel}\r\n </button>\r\n <button\r\n onClick={() => openFlyout('programme')}\r\n title={t.cataloguelinks.programmeTooltip}\r\n className={clsx(\r\n styles['editor__toolbar-button'],\r\n styles['editor__toolbar-button--text'],\r\n programmeIsActive && styles[`editor__toolbar-button--active`]\r\n )}\r\n aria-label={t.aria.labels.programmelink}\r\n aria-keyshortcuts={t.aria.keyshortcuts.programmelink}\r\n type=\"button\"\r\n ref={programmeButtonRef}\r\n >\r\n {t.cataloguelinks.programmeButtonLabel}\r\n </button>\r\n </div>\r\n {flyoutPosition && (\r\n <div\r\n className={styles['editor__toolbar-flyout-wrapper']}\r\n style={{ top: flyoutPosition.top, left: flyoutPosition.left }}\r\n ref={flyoutRef}\r\n >\r\n <AddCatalogueLinkForm\r\n linkType={type}\r\n onCloseHandler={closeFlyout}\r\n onSearchHandler={onSearch}\r\n searchResponse={searchResponse}\r\n onSelect={(code, label, linkType) => {\r\n editor.dispatchCommand(INSERT_COURSE_CATALOGUE_LINK, {\r\n linkType,\r\n code,\r\n label,\r\n });\r\n closeFlyout();\r\n }}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n"],"names":["CourseCataloguePlugin","onSearch","searchResponse","parentScrollPosition","editor","useLexicalComposerContext","t","useTranslation","courseIsActive","setCourseIsActive","useState","programmeIsActive","setProgrammeIsActive","courseButtonRef","useRef","programmeButtonRef","flyoutRef","flyoutPosition","setFlyoutPosition","type","setType","isVisibleRef","openFlyout","rect","closeFlyout","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_CRITICAL","removeStatusListener","editorState","selection","$getSelection","$isRangeSelection","anchorNode","offset","$isTextNode","CourseCatalogueNode","courseCatalogueLink","linkType","$getLinkTypeFromNode","$getNearestNodeOfType","moveToEndOfWhiteSpace","whiteSpace","$createRangeSelection","endOffset","$setSelection","isCursorBeforeLink","removeUnEditable","key","nodeLength","brNode","$createTextNode","spaceToAdd","REMOVE_COURSE_CATALOGUE_LINK","removeCopy","COPY_COMMAND","domElement","COMMAND_PRIORITY_LOW","useOnClickOutside","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","jsx","styles","jsxs","clsx","AddCatalogueLinkForm","code","label","INSERT_COURSE_CATALOGUE_LINK"],"mappings":";;;;;;;;;;;;AAwCO,MAAMA,KAAwB,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AACF,MAAkC;AAChC,QAAM,CAACC,CAAM,IAAIC,EAAA,GACXC,IAAIC,GAAA,GACJ,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAmBC,CAAoB,IAAIF,EAAS,EAAK,GAC1DG,IAAkBC,EAA0B,IAAI,GAChDC,IAAqBD,EAA0B,IAAI,GACnDE,IAAYF,EAAuB,IAAI,GACvC,CAACG,GAAgBC,CAAiB,IAAIR,EAA+C,IAAI,GACzF,CAACS,GAAMC,CAAO,IAAIV,EAAiC,QAAQ,GAC3DW,IAAeP,EAAOG,MAAmB,IAAI,GAE7CK,IAAa,CAACH,MAAiC;AACnD,IAAAC,EAAQD,CAAI;AACZ,UAAMI,IACJJ,MAAS,WACLN,EAAgB,SAAS,0BACzBE,EAAmB,SAAS,sBAAA;AAClC,IAAIQ,KACFL,EAAkB,EAAE,KAAKK,EAAK,QAAQ,MAAMA,EAAK,MAAM;AAAA,EAE3D,GAEMC,IAAc,MAAM;AACxB,IAAAvB,EAAS,IAAIkB,CAAI,GACjBD,EAAkB,IAAI;AAAA,EACxB;AAEA,SAAAO,EAAU,MAAM;AACd,UAAMC,IAAyBtB,EAAO;AAAA,MACpCuB;AAAAA,MACA,CAACC,MACKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,UAAUA,EAAM,QAAQ,OACnEA,EAAM,eAAA,GACNN,EAAW,QAAQ,GACZ,MAELM,EAAM,WAAWA,EAAM,YAAYA,EAAM,UAAUA,EAAM,QAAQ,OACnEA,EAAM,eAAA,GACNN,EAAW,WAAW,GACf,MAEF;AAAA,MAETO;AAAAA,IAAA,GAGIC,IAAuB1B,EAAO,uBAAuB,CAAC,EAAE,aAAA2B,QAAkB;AAC9E,MAAAA,EAAY,KAAK,MAAM;AACrB,cAAMC,IAAYC,EAAA;AAClB,YAAIC,EAAkBF,CAAS,GAAG;AAChC,gBAAMG,IAAaH,EAAU,OAAO,QAAA,GAC9BI,IAASJ,EAAU,OAAO;AAEhC,cACEK,EAAYF,CAAU,KACtBC,MAAWD,EAAW,wBACtBA,EAAW,eAAA,aAA4BG,GACvC;AAEA,kBAAMC,IAAsBJ,EAAW,eAAA;AACvC,gBAAII,GAAqB;AACvB,oBAAMC,IAAWC,EAAqBF,CAAmB;AACzD,cAAA9B,EAAkB+B,MAAa,QAAQ,GACvC5B,EAAqB4B,MAAa,WAAW;AAC7C;AAAA,YACF;AAAA,UACF;AAEA,gBAAMD,IAAsBG,EAAsBP,GAAYG,CAAmB;AACjF,cAAIC,GAAqB;AACvB,kBAAMC,IAAWC,EAAqBF,CAAmB;AACzD,YAAA9B,EAAkB+B,MAAa,QAAQ,GACvC5B,EAAqB4B,MAAa,WAAW;AAC7C;AAAA,UACF;AACA,UAAA/B,EAAkB,EAAK,GACvBG,EAAqB,EAAK;AAAA,QAC5B;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAEK+B,IAAwB,CAACC,MAAyB;AACtD,YAAMZ,IAAYa,EAAA,GACZC,IAAYF,EAAW,mBAAA;AAC7B,MAAAZ,EAAU,iBAAiBY,GAAYE,GAAWF,GAAYE,CAAS,GACvEC,GAAcf,CAAS;AAAA,IACzB,GAEMgB,IAAqB,CAACb,GAAyBC,MACnDC,EAAYF,CAAU,KACtBC,MAAWD,EAAW,mBAAA,KACtBA,EAAW,4BAA4BG,GAEnCW,IAAmB7C,EAAO;AAAA,MAC9BuB;AAAAA,MACA,CAACC,MAAyB;AACxB,cAAMI,IAAYC,EAAA;AAClB,YAAIC,EAAkBF,CAAS,GAAG;AAChC,gBAAMkB,IAAMtB,EAAM,KACZO,IAAaH,EAAU,OAAO,QAAA,GAC9BI,IAASJ,EAAU,OAAO;AAChC,cAAIO,IAAsBG,EAAsBP,GAAYG,CAAmB;AAO/E,cAJIU,EAAmBb,GAAYC,CAAM,MACvCG,IAAsBJ,EAAW,eAAA,IAG/B,CAACI;AACH,mBAAO;AAGT,gBAAMY,IAAaZ,GAAqB,mBAAA;AAGxC,cAAIA,KAAuBX,EAAM,QAAQ;AACvC,mBAAAA,EAAM,eAAA,GACNxB,EAAO,OAAO,MAAM;AAClB,kBAAI4C,EAAmBb,GAAYC,CAAM,GAAG;AAC1C,sBAAMgB,IAASC,EAAgB;AAAA,CAAI;AACnC,gBAAAd,EAAoB,aAAaa,CAAM;AAAA,cACzC;AACA,kBAAIhB,MAAWe,GAAY;AACzB,sBAAMC,IAASC,EAAgB;AAAA,CAAI;AACnC,gBAAAd,EAAoB,YAAYa,CAAM,GACtCT,EAAsBS,CAAM;AAAA,cAC9B;AAAA,YACF,CAAC,GACM;AAIT,cAAIb,MAAwBW,MAAQ,OAAOtB,EAAM,SAAS;AACxD,mBAAAA,EAAM,eAAA,GACNxB,EAAO,OAAO,MAAM;AAClB,oBAAMkD,IAAaD,EAAgB,GAAG;AACtC,cAAIL,EAAmBb,GAAYC,CAAM,MACvCG,EAAoB,aAAae,CAAU,GAC3CX,EAAsBW,CAAU,IAE9BlB,MAAWe,MACbZ,EAAoB,YAAYe,CAAU,GAC1CX,EAAsBW,CAAU;AAAA,YAEpC,CAAC,GACM;AAIT,cAAIf,MAAwBW,MAAQ,eAAeA,MAAQ;AACzD,mBAAAtB,EAAM,eAAA,GACNxB,EAAO;AAAA,cACL,MAAM;AACJ,gBAAAA,EAAO,gBAAgBmD,IAA8B,MAAS;AAAA,cAChE;AAAA,cACA,EAAE,UAAU,GAAA;AAAA,YAAK,GAEZ;AAIT,cACEhB,KACAW,MAAQ,eACRA,MAAQ,gBACRA,MAAQ,aACRA,MAAQ,eACRA,MAAQ,UACRA,MAAQ,SACR,EAAEtB,EAAM,YAAYsB,EAAI,YAAA,MAAkB,OAAOA,EAAI,YAAA,MAAkB,SACvE,EAAEtB,EAAM,WAAWsB,EAAI,YAAA,MAAkB;AAEzC,mBAAAtB,EAAM,eAAA,GACC;AAAA,QAEX;AACA,eAAO;AAAA,MACT;AAAA,MACAC;AAAAA,IAAA,GAGI2B,IAAapD,EAAO;AAAA,MACxBqD;AAAAA,MACA,CAAC7B,MAA0B;AACzB,cAAMI,IAAYC,EAAA;AAClB,YAAIC,EAAkBF,CAAS,GAAG;AAChC,gBAAMG,IAAaH,EAAU,OAAO,QAAA,GAC9BO,IAAsBG,EAAsBP,GAAYG,CAAmB;AACjF,cAAIC,GAAqB;AACvB,YAAAX,EAAM,eAAA;AACN,kBAAM8B,IAAatD,EAAO,gBAAgBmC,EAAoB,QAAQ;AACtE,mBAAImB,MACF9B,EAAM,eAAe,QAAQ,aAAa8B,EAAW,SAAS,GAC9D9B,EAAM,eAAe,QAAQ,cAAcW,EAAoB,gBAAgB,IAE1E;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACAoB;AAAAA,IAAA;AAEF,WAAO,MAAM;AACX,MAAAjC,EAAA,GACAI,EAAA,GACAmB,EAAA,GACAO,EAAA;AAAA,IACF;AAAA,EAEF,GAAG,CAACpD,CAAM,CAAC,GAEXwD,GAAkB5C,GAAqC,MAAME,EAAkB,IAAI,CAAC,GAEpFO,EAAU,MAAM;AACd,UAAMoC,IAAgB,CAACjC,OACrBkC,EAAwBC,CAAkB,GAEtCnC,EAAM,QAAQ,YAAYP,EAAa,YACzCO,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNJ,EAAA,IAEK;AAGT,WAAO,iBAAiB,WAAWqC,GAAe,EAAE,SAAS,IAAM;AAEnE,UAAME,IAAqB,MAAM;AAC/B,MAAAvC,EAAA;AAAA,IACF;AAEA,WAAAsC,EAAwBC,CAAkB,GAE1C,OAAO,iBAAiB,UAAUA,CAAkB,GACpD,OAAO,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACX,aAAO,oBAAoB,WAAWF,CAAa,GACnD,OAAO,oBAAoB,UAAUE,CAAkB,GACvD,OAAO,oBAAoB,UAAUA,CAAkB,GACvDC,GAA2BD,CAAkB;AAAA,IAC/C;AAAA,EAEF,GAAG,CAAA,CAAE,GAELtC,EAAU,MAAM;AACd,IAAIR,KACFO,EAAA;AAAA,EAGJ,GAAG,CAACrB,CAAoB,CAAC,GAGvB,gBAAA8D,EAAC,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,sCAAsC,GAC3D,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,oCAAoC,GACzD,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM3C,EAAW,QAAQ;AAAA,UAClC,OAAOhB,EAAE,eAAe;AAAA,UACxB,WAAW8D;AAAA,YACTF,EAAO,wBAAwB;AAAA,YAC/BA,EAAO,8BAA8B;AAAA,YACrC1D,KAAkB0D,EAAO,gCAAgC;AAAA,UAAA;AAAA,UAE3D,cAAY5D,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,UACvC,MAAK;AAAA,UACL,KAAKO;AAAA,UAEJ,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpB,gBAAAoD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM3C,EAAW,WAAW;AAAA,UACrC,OAAOhB,EAAE,eAAe;AAAA,UACxB,WAAW8D;AAAA,YACTF,EAAO,wBAAwB;AAAA,YAC/BA,EAAO,8BAA8B;AAAA,YACrCvD,KAAqBuD,EAAO,gCAAgC;AAAA,UAAA;AAAA,UAE9D,cAAY5D,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,UACvC,MAAK;AAAA,UACL,KAAKS;AAAA,UAEJ,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,GACF;AAAA,IACCE,KACC,gBAAAgD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO,gCAAgC;AAAA,QAClD,OAAO,EAAE,KAAKjD,EAAe,KAAK,MAAMA,EAAe,KAAA;AAAA,QACvD,KAAKD;AAAA,QAEL,UAAA,gBAAAiD;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUlD;AAAA,YACV,gBAAgBK;AAAA,YAChB,iBAAiBvB;AAAA,YACjB,gBAAAC;AAAA,YACA,UAAU,CAACoE,GAAMC,GAAO/B,MAAa;AACnC,cAAApC,EAAO,gBAAgBoE,IAA8B;AAAA,gBACnD,UAAAhC;AAAA,gBACA,MAAA8B;AAAA,gBACA,OAAAC;AAAA,cAAA,CACD,GACD/C,EAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"CourseCataloguePlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n $createRangeSelection,\r\n $createTextNode,\r\n $getSelection,\r\n $isRangeSelection,\r\n $isTextNode,\r\n $setSelection,\r\n COMMAND_PRIORITY_CRITICAL,\r\n COMMAND_PRIORITY_LOW,\r\n COPY_COMMAND,\r\n KEY_DOWN_COMMAND,\r\n mergeRegister,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { RefObject } from 'react';\r\nimport type { LexicalNode, TextNode } from 'lexical';\r\nimport type { SearchResponse } from './AddCatalogueLinkForm';\r\n\r\nimport { AddCatalogueLinkForm } from './AddCatalogueLinkForm';\r\n\r\nimport styles from 'components/RteEditor/RteEditor.module.css';\r\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\r\nimport {\r\n $getLinkTypeFromNode,\r\n CourseCatalogueNode,\r\n INSERT_COURSE_CATALOGUE_LINK,\r\n REMOVE_COURSE_CATALOGUE_LINK,\r\n} from 'components/RteEditor/nodes/CourseCatalogueNode';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\ninterface CourseCataloguePluginProps {\r\n onSearch: (query: string, linkType: 'course' \| 'programme') => void;\r\n searchResponse: SearchResponse;\r\n parentScrollPosition: number;\r\n}\r\n\r\nexport const CourseCataloguePlugin = ({\r\n onSearch,\r\n searchResponse,\r\n parentScrollPosition,\r\n}: CourseCataloguePluginProps) => {\r\n const [editor] = useLexicalComposerContext();\r\n const t = useTranslation();\r\n const [courseIsActive, setCourseIsActive] = useState(false);\r\n const [programmeIsActive, setProgrammeIsActive] = useState(false);\r\n const courseButtonRef = useRef<HTMLButtonElement>(null);\r\n const programmeButtonRef = useRef<HTMLButtonElement>(null);\r\n const flyoutRef = useRef<HTMLDivElement>(null);\r\n const [flyoutPosition, setFlyoutPosition] = useState<{ top: number; left: number } \| null>(null);\r\n const [type, setType] = useState<'course' \| 'programme'>('course');\r\n const isVisibleRef = useRef(flyoutPosition !== null);\r\n\r\n const openFlyout = (type: 'course' \| 'programme') => {\r\n setType(type);\r\n const rect =\r\n type === 'course'\r\n ? courseButtonRef.current?.getBoundingClientRect()\r\n : programmeButtonRef.current?.getBoundingClientRect();\r\n if (rect) {\r\n setFlyoutPosition({ top: rect.bottom, left: rect.left });\r\n }\r\n };\r\n\r\n const closeFlyout = () => {\r\n onSearch('', type);\r\n setFlyoutPosition(null);\r\n };\r\n\r\n useEffect(() => {\r\n const removeKeyboardShortcut = editor.registerCommand(\r\n KEY_DOWN_COMMAND,\r\n (event: KeyboardEvent) => {\r\n if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'C') {\r\n event.preventDefault();\r\n openFlyout('course');\r\n return true;\r\n }\r\n if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'P') {\r\n event.preventDefault();\r\n openFlyout('programme');\r\n return true;\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_CRITICAL\r\n );\r\n\r\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\r\n editorState.read(() => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const anchorNode = selection.anchor.getNode();\r\n const offset = selection.anchor.offset;\r\n\r\n if (\r\n $isTextNode(anchorNode) &&\r\n offset === anchorNode.getTextContentSize() &&\r\n anchorNode.getNextSibling() instanceof CourseCatalogueNode\r\n ) {\r\n // Cursor staat aan het begin van de link!\r\n const courseCatalogueLink = anchorNode.getNextSibling();\r\n if (courseCatalogueLink) {\r\n const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n setCourseIsActive(linkType === 'course');\r\n setProgrammeIsActive(linkType === 'programme');\r\n return;\r\n }\r\n }\r\n\r\n const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n if (courseCatalogueLink) {\r\n const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n setCourseIsActive(linkType === 'course');\r\n setProgrammeIsActive(linkType === 'programme');\r\n return;\r\n }\r\n setCourseIsActive(false);\r\n setProgrammeIsActive(false);\r\n }\r\n });\r\n });\r\n\r\n const moveToEndOfWhiteSpace = (whiteSpace: TextNode) => {\r\n const selection = $createRangeSelection();\r\n const endOffset = whiteSpace.getTextContentSize();\r\n selection.setTextNodeRange(whiteSpace, endOffset, whiteSpace, endOffset);\r\n $setSelection(selection);\r\n };\r\n\r\n const isCursorBeforeLink = (anchorNode: LexicalNode, offset: number) =>\r\n $isTextNode(anchorNode) &&\r\n offset === anchorNode.getTextContentSize() &&\r\n anchorNode.getNextSibling() instanceof CourseCatalogueNode;\r\n\r\n const removeUnEditable = editor.registerCommand(\r\n KEY_DOWN_COMMAND,\r\n (event: KeyboardEvent) => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const key = event.key;\r\n const anchorNode = selection.anchor.getNode();\r\n const offset = selection.anchor.offset;\r\n let courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n\r\n // Detect if cursor is right before the link\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n courseCatalogueLink = anchorNode.getNextSibling();\r\n }\r\n\r\n if (!courseCatalogueLink) {\r\n return false;\r\n }\r\n\r\n const nodeLength = courseCatalogueLink?.getTextContentSize();\r\n\r\n // Prevent Enter if in the middle of the link, allow only at start or end\r\n if (courseCatalogueLink && event.key === 'Enter') {\r\n event.preventDefault();\r\n editor.update(() => {\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n const brNode = $createTextNode('\\n');\r\n courseCatalogueLink.insertBefore(brNode);\r\n }\r\n if (offset === nodeLength) {\r\n const brNode = $createTextNode('\\n');\r\n courseCatalogueLink.insertAfter(brNode);\r\n moveToEndOfWhiteSpace(brNode);\r\n }\r\n });\r\n return true;\r\n }\r\n\r\n // Allow add space before or after the link\r\n if (courseCatalogueLink && (key === ' ' \|\| event.code === 'Space')) {\r\n event.preventDefault();\r\n editor.update(() => {\r\n const spaceToAdd = $createTextNode(' ');\r\n if (isCursorBeforeLink(anchorNode, offset)) {\r\n courseCatalogueLink.insertBefore(spaceToAdd);\r\n moveToEndOfWhiteSpace(spaceToAdd);\r\n }\r\n if (offset === nodeLength) {\r\n courseCatalogueLink.insertAfter(spaceToAdd);\r\n moveToEndOfWhiteSpace(spaceToAdd);\r\n }\r\n });\r\n return true;\r\n }\r\n\r\n // Delete link if selected and Backspace or Del is pressed\r\n if (courseCatalogueLink && (key === 'Backspace' \|\| key === 'Delete')) {\r\n event.preventDefault();\r\n editor.update(\r\n () => {\r\n editor.dispatchCommand(REMOVE_COURSE_CATALOGUE_LINK, undefined);\r\n },\r\n { discrete: true }\r\n );\r\n return true;\r\n }\r\n\r\n // Allow Home, End and Arrow navigation\r\n if (\r\n courseCatalogueLink &&\r\n key !== 'ArrowLeft' &&\r\n key !== 'ArrowRight' &&\r\n key !== 'ArrowUp' &&\r\n key !== 'ArrowDown' &&\r\n key !== 'Home' &&\r\n key !== 'End' &&\r\n !(event.ctrlKey && (key.toLowerCase() === 'z' \|\| key.toLowerCase() === 'y')) &&\r\n !(event.ctrlKey && key.toLowerCase() === 'c')\r\n ) {\r\n event.preventDefault();\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_CRITICAL\r\n );\r\n\r\n const removeCopy = editor.registerCommand(\r\n COPY_COMMAND,\r\n (event: ClipboardEvent) => {\r\n const selection = $getSelection();\r\n if ($isRangeSelection(selection)) {\r\n const anchorNode = selection.anchor.getNode();\r\n const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n if (courseCatalogueLink) {\r\n event.preventDefault();\r\n const domElement = editor.getElementByKey(courseCatalogueLink.getKey());\r\n if (domElement) {\r\n event.clipboardData?.setData('text/html', domElement.outerHTML);\r\n event.clipboardData?.setData('text/plain', courseCatalogueLink.getTextContent());\r\n }\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_LOW\r\n );\r\n return () => {\r\n removeKeyboardShortcut();\r\n removeStatusListener();\r\n removeUnEditable();\r\n removeCopy();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [editor]);\r\n\r\n useOnClickOutside(flyoutRef as RefObject<HTMLElement>, () => setFlyoutPosition(null));\r\n\r\n const handleOnScroll = () => {\r\n closeFlyout();\r\n };\r\n\r\n useEffect(() => {\r\n return mergeRegister(\r\n editor.registerCommand(\r\n KEY_DOWN_COMMAND,\r\n (event: KeyboardEvent) => {\r\n if (event.key === 'Escape' && isVisibleRef.current) {\r\n event.preventDefault();\r\n closeFlyout();\r\n return true;\r\n }\r\n return false;\r\n },\r\n COMMAND_PRIORITY_LOW\r\n ),\r\n\r\n editor.registerRootListener((rootElement, prevRootElement) => {\r\n if (prevRootElement) {\r\n prevRootElement.removeEventListener('scroll', handleOnScroll);\r\n }\r\n\r\n if (rootElement) {\r\n rootElement.addEventListener('scroll', handleOnScroll);\r\n }\r\n })\r\n );\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [editor]);\r\n\r\n useEffect(() => {\r\n if (flyoutPosition) {\r\n closeFlyout();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [parentScrollPosition]);\r\n\r\n return (\r\n <div className={styles['editor__toolbar-button-group']}>\r\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\r\n <div className={styles['editor__toolbar-button-group--text']}>\r\n <button\r\n onClick={() => openFlyout('course')}\r\n title={t.cataloguelinks.courseTooltip}\r\n className={clsx(\r\n styles['editor__toolbar-button'],\r\n styles['editor__toolbar-button--text'],\r\n courseIsActive && styles[`editor__toolbar-button--active`]\r\n )}\r\n aria-label={t.aria.labels.courselink}\r\n aria-keyshortcuts={t.aria.keyshortcuts.courselink}\r\n type=\"button\"\r\n ref={courseButtonRef}\r\n >\r\n {t.cataloguelinks.courseButtonLabel}\r\n </button>\r\n <button\r\n onClick={() => openFlyout('programme')}\r\n title={t.cataloguelinks.programmeTooltip}\r\n className={clsx(\r\n styles['editor__toolbar-button'],\r\n styles['editor__toolbar-button--text'],\r\n programmeIsActive && styles[`editor__toolbar-button--active`]\r\n )}\r\n aria-label={t.aria.labels.programmelink}\r\n aria-keyshortcuts={t.aria.keyshortcuts.programmelink}\r\n type=\"button\"\r\n ref={programmeButtonRef}\r\n >\r\n {t.cataloguelinks.programmeButtonLabel}\r\n </button>\r\n </div>\r\n {flyoutPosition && (\r\n <div\r\n className={styles['editor__toolbar-flyout-wrapper']}\r\n style={{ top: flyoutPosition.top, left: flyoutPosition.left }}\r\n ref={flyoutRef}\r\n >\r\n <AddCatalogueLinkForm\r\n linkType={type}\r\n onCloseHandler={closeFlyout}\r\n onSearchHandler={onSearch}\r\n searchResponse={searchResponse}\r\n onSelect={(code, label, linkType) => {\r\n editor.dispatchCommand(INSERT_COURSE_CATALOGUE_LINK, {\r\n linkType,\r\n code,\r\n label,\r\n });\r\n closeFlyout();\r\n }}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n"],"names":["CourseCataloguePlugin","onSearch","searchResponse","parentScrollPosition","editor","useLexicalComposerContext","t","useTranslation","courseIsActive","setCourseIsActive","useState","programmeIsActive","setProgrammeIsActive","courseButtonRef","useRef","programmeButtonRef","flyoutRef","flyoutPosition","setFlyoutPosition","type","setType","isVisibleRef","openFlyout","rect","closeFlyout","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_CRITICAL","removeStatusListener","editorState","selection","$getSelection","$isRangeSelection","anchorNode","offset","$isTextNode","CourseCatalogueNode","courseCatalogueLink","linkType","$getLinkTypeFromNode","$getNearestNodeOfType","moveToEndOfWhiteSpace","whiteSpace","$createRangeSelection","endOffset","$setSelection","isCursorBeforeLink","removeUnEditable","key","nodeLength","brNode","$createTextNode","spaceToAdd","REMOVE_COURSE_CATALOGUE_LINK","removeCopy","COPY_COMMAND","domElement","COMMAND_PRIORITY_LOW","useOnClickOutside","handleOnScroll","mergeRegister","rootElement","prevRootElement","jsx","styles","jsxs","clsx","AddCatalogueLinkForm","code","label","INSERT_COURSE_CATALOGUE_LINK"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { c as e } from "../../../../clsx-OuTLNxxd.js";
 import { o as h } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { aQ as _, aR as C, aS as y, aT as k } from "../../../../Lexical.prod-A4JuKqM3.js";
+import { aQ as _, aR as C, aS as y, aT as k } from "../../../../Lexical.prod-o6Eq_uLx.js";
 import { useState as m, useEffect as s } from "react";
 import "../../../Accordion/Accordion.js";
 import { Icon as n } from "../../../Icon/Icon.js";
@@ -18,8 +18,8 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import "../../../../TablePlugin-CzmrXpxk.js";
-import { s as r } from "../../../../RteEditor.module-DaBh86FK.js";
+import "../../../../TablePlugin-BRZcXq73.js";
+import { s as r } from "../../../../RteEditor.module-CoTOIw5i.js";
 import { useTranslation as x } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { A as I } from "../../../../../TablePlugin-CzmrXpxk.js";
+import { A as I } from "../../../../../TablePlugin-BRZcXq73.js";
 import "../helpers.js";
 import "../../../../Accordion/Accordion.js";
 import "../../../../Icon/Icon.js";

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsxs as u, Fragment as L, jsx as n } from "react/jsx-runtime";
-import { forwardRef as j, useState as d, useRef as K, useImperativeHandle as N, useLayoutEffect as T } from "react";
+import { jsxs as k, Fragment as K, jsx as n } from "react/jsx-runtime";
+import { forwardRef as j, useState as b, useRef as D, useImperativeHandle as N, useLayoutEffect as T } from "react";
 import { ensureHttps as g } from "../helpers.js";
-import { Icon as k } from "../../../../Icon/Icon.js";
+import { Icon as m } from "../../../../Icon/Icon.js";
 import { useTranslation as E } from "../../../hooks/useTranslation.js";
-import { Button as b } from "../../../../Buttons/Button.js";
+import { Button as f } from "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
 import "@react-aria/button";
 import '../../../../../assets/LinkContextMenu.css';const i = {
@@ -11,47 +11,51 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
   "link-context-menu__input": "_link-context-menu__input_njt00_7",
   "link-context-menu__button": "_link-context-menu__button_njt00_25",
   "link-context-menu__actions": "_link-context-menu__actions_njt00_36"
-}, I = j(({ url: a, onSave: y, onDelete: f, onClose: h }, x) => {
-  const t = E(), [m, o] = d(a), [s, c] = d(!1), l = K(null), r = () => {
-    o(a), c(!1), l.current?.blur();
-  }, w = () => {
-    y(m), r();
-  }, _ = () => {
-    f(), o(""), r();
+}, O = j(({ url: a, onSave: y, onDelete: h, onClose: x }, w) => {
+  const t = E(), [_, o] = b(a), [c, u] = b(!1), l = D(null), r = () => {
+    o(a), u(!1), l.current?.blur();
   }, C = () => {
-    r(), h();
+    y(_), r();
+  }, d = () => {
+    h(), o(""), r();
+  }, L = () => {
+    r(), x();
   }, p = () => {
     window.open(g(a), "_blank");
   };
-  return N(x, () => ({
+  return N(w, () => ({
     clearForm: r
   })), T(() => {
-    o(a), window.addEventListener("keydown", (e) => {
-      e.ctrlKey && e.shiftKey && e.key === "L" && (c(!0), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.code === "Digit1" && (p(), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.key === "Q" && (_(), setTimeout(() => l.current?.focus(), 0));
-    });
-  }, [a]), /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ u("div", { className: i["link-context-menu__wrapper"], children: [
+    o(a);
+    const s = (e) => {
+      e.ctrlKey && e.shiftKey && e.key === "L" && (e.preventDefault(), u(!0), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.code === "Digit1" && (e.preventDefault(), p(), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.key === "Q" && (e.preventDefault(), d(), setTimeout(() => l.current?.focus(), 0));
+    };
+    return window.addEventListener("keydown", s), () => {
+      window.removeEventListener("keydown", s);
+    };
+  }, [a]), /* @__PURE__ */ k(K, { children: [
+    /* @__PURE__ */ k("div", { className: i["link-context-menu__wrapper"], children: [
       /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: m,
-          onChange: (e) => o(e.target.value),
+          value: _,
+          onChange: (s) => o(s.target.value),
           className: i["link-context-menu__input"],
-          disabled: !s,
+          disabled: !c,
           ref: l
         }
       ),
-      !s && /* @__PURE__ */ n(
+      !c && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: i["link-context-menu__button"],
-          onClick: () => c(!0),
+          onClick: () => u(!0),
           title: t.links.linkEdittip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.editlink,
-          children: /* @__PURE__ */ n(k, { name: "Pencil", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "Pencil", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
@@ -63,7 +67,7 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
           title: t.links.linkTesttip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.testlink,
-          children: /* @__PURE__ */ n(k, { name: "ArrowTopRightOnSquare", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "ArrowTopRightOnSquare", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
@@ -71,21 +75,21 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
         {
           type: "button",
           className: i["link-context-menu__button"],
-          onClick: _,
+          onClick: d,
           title: t.links.linkDeletetip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.deletelink,
-          children: /* @__PURE__ */ n(k, { name: "LinkSlash", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "LinkSlash", size: 20 })
         }
       )
     ] }),
-    s && /* @__PURE__ */ u("div", { className: i["link-context-menu__actions"], children: [
-      /* @__PURE__ */ n(b, { variant: "secondary", onClick: C, "aria-label": t.common.cancel, type: "button", children: t.common.cancel }),
-      /* @__PURE__ */ n(b, { variant: "primary", onClick: w, "aria-label": t.aria.labels.linkOkButton, type: "button", children: t.links.addLink })
+    c && /* @__PURE__ */ k("div", { className: i["link-context-menu__actions"], children: [
+      /* @__PURE__ */ n(f, { variant: "secondary", onClick: L, "aria-label": t.common.cancel, type: "button", children: t.common.cancel }),
+      /* @__PURE__ */ n(f, { variant: "primary", onClick: C, "aria-label": t.aria.labels.linkOkButton, type: "button", children: t.links.addLink })
     ] })
   ] });
 });
 export {
-  I as LinkContextMenu
+  O as LinkContextMenu
 };
 //# sourceMappingURL=LinkContextMenu.js.map

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n url: string;\n onSave: (url: string) => void;\n onDelete: () => void;\n onClose: () => void;\n}\n\nexport interface linkFormMethods {\n clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n const t = useTranslation();\n const [link, setLink] = useState(url);\n const [editable, setEditable] = useState(false);\n const linkRef = useRef<HTMLInputElement>(null);\n\n const reset = () => {\n setLink(url);\n setEditable(false);\n linkRef.current?.blur();\n };\n\n const handleSave = () => {\n onSave(link);\n reset();\n };\n\n const handleDelete = () => {\n onDelete();\n setLink('');\n reset();\n };\n\n const handleClose = () => {\n reset();\n onClose();\n };\n\n const handlePreview = () => {\n window.open(ensureHttps(url), '_blank');\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: reset,\n }));\n\n useLayoutEffect(() => {\n setLink(url);\n ~~window.addEventListener('keydown',~~ (event) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n setEditable(true);\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n handlePreview();\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n handleDelete();\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url]);\n\n return (\n <>\n <div className={styles['link-context-menu__wrapper']}>\n <input\n type=\"text\"\n value={link}\n onChange={(event) => setLink(event.target.value)}\n className={styles['link-context-menu__input']}\n disabled={!editable}\n ref={linkRef}\n />\n {!editable && (\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={() => setEditable(true)}\n title={t.links.linkEdittip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n >\n <Icon name=\"Pencil\" size={20} />\n </button>\n )}\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={handlePreview}\n title={t.links.linkTesttip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n >\n <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n </button>\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={handleDelete}\n title={t.links.linkDeletetip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n >\n <Icon name=\"LinkSlash\" size={20} />\n </button>\n </div>\n {editable && (\n <div className={styles['link-context-menu__actions']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n {t.links.addLink}\n </Button>\n </div>\n )}\n </>\n );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":";;;;;;;;;;;;;GAoBaA,IAAkBC,EAAW,CAAC,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,EAAA,GAAiCC,MAAQ;AAC3G,QAAM,IAAIC,EAAA,GACJ,CAACC,GAAMC,CAAO,IAAIC,EAASR,CAAG,GAC9B,CAACS,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAUC,EAAyB,IAAI,GAEvCC,IAAQ,MAAM;AAClB,IAAAN,EAAQP,CAAG,GACXU,EAAY,EAAK,GACjBC,EAAQ,SAAS,KAAA;AAAA,EACnB,GAEMG,IAAa,MAAM;AACvB,IAAAb,EAAOK,CAAI,GACXO,EAAA;AAAA,EACF,GAEME,IAAe,MAAM;AACzB,IAAAb,EAAA,GACAK,EAAQ,EAAE,GACVM,EAAA;AAAA,EACF,GAEMG,IAAc,MAAM;AACxB,IAAAH,EAAA,GACAV,EAAA;AAAA,EACF,GAEMc,IAAgB,MAAM;AAC1B,WAAO,KAAKC,EAAYlB,CAAG,GAAG,QAAQ;AAAA,EACxC;AAEA,SAAAmB,EAAoBf,GAAK,OAAO;AAAA,IAC9B,WAAWS;AAAA,EAAA,EACX,GAEFO,EAAgB,MAAM;AACpB,IAAAb,EAAQP,CAAG,~~GACX~~,~~OAAO~~,~~iBAAiB~~,~~WAAW,CAACqB,MAAU~~;~~AAC5C~~,MAAIA,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,~~QACnDX~~,EAAY,EAAI,GAChB,WAAW,MAAMC,EAAQ,SAAS,MAAA,GAAS,CAAC,~~IAE1CU~~,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,~~aACpDJ~~,EAAA,GACA,WAAW,MAAMN,EAAQ,SAAS,MAAA,GAAS,CAAC,~~IAE1CU~~,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,~~QACnDN~~,EAAA,GACA,WAAW,MAAMJ,EAAQ,SAAS,MAAA,GAAS,CAAC;AAAA,IAEhD,~~CAAC~~;AAAA,~~EAEH~~,GAAG,~~CAACX~~,CAAG,CAAC,GAGN,~~gBAAAsB~~,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,~~OAAOnB~~;AAAA,UACP,UAAU,~~CAACe~~,~~MAAUd~~,~~EAAQc~~,EAAM,OAAO,KAAK;AAAA,UAC/C,WAAWG,EAAO,0BAA0B;AAAA,UAC5C,UAAU,~~CAACf~~;AAAA,UACX,KAAKE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,CAACF,KACA,~~gBAAAgB~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAAS,~~MAAMd~~,EAAY,EAAI;AAAA,UAC/B,OAAO,EAAE,MAAM;AAAA,UACf,cAAY,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmB,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,~~gBAAAe~~,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlC,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,~~SAASP~~;AAAA,UACT,OAAO,EAAE,MAAM;AAAA,UACf,cAAY,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmB,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,~~gBAAAQ~~,EAACC,GAAA,EAAK,MAAK,yBAAwB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/C,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,~~SAAST~~;AAAA,UACT,OAAO,EAAE,MAAM;AAAA,UACf,cAAY,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmB,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,~~gBAAAU~~,EAACC,GAAA,EAAK,MAAK,aAAY,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACF;AAAA,~~IACCjB~~,KACC,~~gBAAAa~~,EAAC,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAO,SAAS,aAAa,~~SAASX~~,GAAa,cAAY,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAA,EAAE,OAAO,QACZ;AAAA,MACA,~~gBAAAS~~,EAACE,GAAA,EAAO,SAAS,WAAW,~~SAASb~~,GAAY,cAAY,EAAE,KAAK,OAAO,cAAc,MAAK,UAC3F,UAAA,EAAE,MAAM,QAAA,CACX;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
1	+ {"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n url: string;\n onSave: (url: string) => void;\n onDelete: () => void;\n onClose: () => void;\n}\n\nexport interface linkFormMethods {\n clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n const t = useTranslation();\n const [link, setLink] = useState(url);\n const [editable, setEditable] = useState(false);\n const linkRef = useRef<HTMLInputElement>(null);\n\n const reset = () => {\n setLink(url);\n setEditable(false);\n linkRef.current?.blur();\n };\n\n const handleSave = () => {\n onSave(link);\n reset();\n };\n\n const handleDelete = () => {\n onDelete();\n setLink('');\n reset();\n };\n\n const handleClose = () => {\n reset();\n onClose();\n };\n\n const handlePreview = () => {\n window.open(ensureHttps(url), '_blank');\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: reset,\n }));\n\n useLayoutEffect(() => {\n setLink(url);\n\n const handleKeydown = (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n event.preventDefault();\n setEditable(true);\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n event.preventDefault();\n handlePreview();\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n\n if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n event.preventDefault();\n handleDelete();\n setTimeout(() => linkRef.current?.focus(), 0);\n }\n };\n\n window.addEventListener('keydown', handleKeydown);\n\n return () => {\n window.removeEventListener('keydown', handleKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url]);\n\n return (\n <>\n <div className={styles['link-context-menu__wrapper']}>\n <input\n type=\"text\"\n value={link}\n onChange={(event) => setLink(event.target.value)}\n className={styles['link-context-menu__input']}\n disabled={!editable}\n ref={linkRef}\n />\n {!editable && (\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={() => setEditable(true)}\n title={t.links.linkEdittip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n >\n <Icon name=\"Pencil\" size={20} />\n </button>\n )}\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={handlePreview}\n title={t.links.linkTesttip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n >\n <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n </button>\n <button\n type=\"button\"\n className={styles['link-context-menu__button']}\n onClick={handleDelete}\n title={t.links.linkDeletetip}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n >\n <Icon name=\"LinkSlash\" size={20} />\n </button>\n </div>\n {editable && (\n <div className={styles['link-context-menu__actions']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n {t.links.addLink}\n </Button>\n </div>\n )}\n </>\n );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","handleKeydown","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { jsx as f, jsxs as $ } from "react/jsx-runtime";
+import { jsx as d, jsxs as q } from "react/jsx-runtime";
 import { o as Q } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { c as W } from "../../../../clsx-OuTLNxxd.js";
-import { E as b, j as Y, Z } from "../../../../LexicalLink.prod-Dp06n3Hn.js";
-import { useRef as a, useState as q, useEffect as u } from "react";
-import { ad as G, $ as p, B as J, aO as X, w, ap as tt, m as et, p as ot } from "../../../../Lexical.prod-A4JuKqM3.js";
-import { v as N } from "../../../../LexicalUtils.prod-CAsHFX57.js";
-import { A as rt } from "../../../../TablePlugin-CzmrXpxk.js";
-import { ensureHttps as nt } from "./helpers.js";
-import { LinkContextMenu as it } from "./LinkContextMenu/LinkContextMenu.js";
-import { useFlyout as st } from "../../hooks/useFlyout.js";
+import { E as N, j as Y, Z } from "../../../../LexicalLink.prod-DAVbKER8.js";
+import { useRef as a, useState as G, useEffect as u } from "react";
+import { ad as J, $ as p, B as X, ap as O, w as v, aq as tt, e as et, H as ot, m as rt, p as nt } from "../../../../Lexical.prod-o6Eq_uLx.js";
+import { v as T } from "../../../../LexicalUtils.prod-CF7x-KWm.js";
+import { A as st } from "../../../../TablePlugin-BRZcXq73.js";
+import { ensureHttps as it } from "./helpers.js";
+import { LinkContextMenu as ct } from "./LinkContextMenu/LinkContextMenu.js";
+import { useFlyout as at } from "../../hooks/useFlyout.js";
 import "../../../Accordion/Accordion.js";
-import { Icon as ct } from "../../../Icon/Icon.js";
+import { Icon as lt } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -24,9 +24,8 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import { setScrollableContainers as z, removeScrollableContainers as at } from "../../helpers.js";
-import { s as g } from "../../../../RteEditor.module-DaBh86FK.js";
-import { useTranslation as lt } from "../../hooks/useTranslation.js";
+import { s as g } from "../../../../RteEditor.module-CoTOIw5i.js";
+import { useTranslation as ut } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "react-dom";
 import "../../../../index-yEhaxKq-.js";
@@ -36,124 +35,124 @@ import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BbwlEPIr.js";
 import "../../../WeekSelector/components/WeekSelectorOptionContainer.js";
-const ut = 200, Zt = ({ parentScrollPosition: O }) => {
-  const T = lt(), [i] = Q(), { flyout: U, showFlyout: S, hideFlyout: h, isVisible: l } = st(), m = a(void 0), x = a(!1), C = a(""), d = a(""), [k, I] = q({ active: !1, url: "", linktext: "" }), R = a(l), E = a(null), P = a(null), F = a(void 0), v = () => {
-    i.update(() => {
-      const r = p();
-      E.current = r;
+const mt = 200, Yt = ({ parentScrollPosition: U }) => {
+  const x = ut(), [s] = Q(), { flyout: I, showFlyout: P, hideFlyout: h, isVisible: l } = at(), m = a(void 0), F = a(!1), C = a(""), f = a(""), [k, j] = G({ active: !1, url: "", linktext: "" }), D = a(l), _ = a(null), E = a(null), R = a(void 0), y = () => {
+    s.update(() => {
+      const t = p();
+      _.current = t;
     });
-  }, D = () => {
-    i.update(() => {
-      E.current && et(E.current);
+  }, B = () => {
+    s.update(() => {
+      _.current && rt(_.current);
     });
-  }, j = (r, t) => {
-    S({
-      position: t,
-      children: /* @__PURE__ */ f(
-        it,
+  }, A = (t, o) => {
+    P({
+      position: o,
+      children: /* @__PURE__ */ d(
+        ct,
         {
-          url: r,
-          onSave: (e) => K(e, ""),
-          onDelete: () => A(),
-          onClose: B,
-          ref: F
+          url: t,
+          onSave: (r) => H(r, ""),
+          onDelete: () => M(),
+          onClose: w,
+          ref: R
         }
       )
     });
-  }, B = () => {
-    F.current?.clearForm(), h(), D();
-  }, _ = () => {
-    const r = P.current?.getBoundingClientRect();
-    !x.current && r && (v(), S({ position: { top: r.bottom, left: r.left }, ...H }), setTimeout(() => m.current?.setDefaults("", d.current), 0));
-  }, y = () => {
-    h(), D();
-  }, K = (r, t) => {
-    i.update(() => {
-      const e = p();
-      if (w(e)) {
-        const o = e.anchor.getNode(), s = N(o, b);
-        if (t && t !== "") {
-          if (s) {
-            const n = ot(t);
-            s.replace(n), n.select();
+  }, w = () => {
+    R.current?.clearForm(), h(), B();
+  }, S = () => {
+    const t = E.current?.getBoundingClientRect();
+    !F.current && t && (y(), P({ position: { top: t.bottom, left: t.left }, ...V }), setTimeout(() => m.current?.setDefaults("", f.current), 0));
+  }, b = () => {
+    h(), B();
+  }, H = (t, o) => {
+    s.update(() => {
+      const r = p();
+      if (v(r)) {
+        const e = r.anchor.getNode(), i = T(e, N);
+        if (o && o !== "") {
+          if (i) {
+            const n = nt(o);
+            i.replace(n), n.select();
           }
-          if (t !== C.current && C.current === "") {
-            const { anchor: n, focus: c } = e;
-            e.insertText(t), n.offset -= t.length, c.offset = n.offset + t.length;
+          if (o !== C.current && C.current === "") {
+            const { anchor: n, focus: c } = r;
+            r.insertText(o), n.offset -= o.length, c.offset = n.offset + o.length;
           }
         }
-        Z(nt(r), { target: "_blank" });
+        Z(it(t), { target: "_blank" });
       }
-      y();
+      b();
     });
-  }, A = () => {
-    i.dispatchCommand(Y, null), B();
-  }, H = {
-    children: /* @__PURE__ */ f(
-      rt,
+  }, M = () => {
+    s.dispatchCommand(Y, null), w();
+  }, V = {
+    children: /* @__PURE__ */ d(
+      st,
       {
         isLink: k,
-        onCloseHandler: y,
-        onSaveHandler: (r, t) => K(r, t),
+        onCloseHandler: b,
+        onSaveHandler: (t, o) => H(t, o),
         ref: m
       }
     )
   };
-  return u(() => {
-    l ? (x.current = !0, m.current?.focusFirstField()) : (m.current?.clearForm(), C.current = d.current = "", setTimeout(() => x.current = !1, ut));
+  u(() => {
+    l ? (F.current = !0, m.current?.focusFirstField()) : (m.current?.clearForm(), C.current = f.current = "", setTimeout(() => F.current = !1, mt));
   }, [m, l]), u(() => {
-    const r = (o) => {
-      if (w(o) && o.isCollapsed()) {
-        const s = o.anchor.getNode(), n = N(s, b);
+    const t = (e) => {
+      if (v(e) && e.isCollapsed()) {
+        const i = e.anchor.getNode(), n = T(i, N);
         if (n) {
-          const c = i.getElementByKey(o.anchor.getNode().getKey()), L = c ? { top: c.getBoundingClientRect().bottom, left: c.getBoundingClientRect().left } : { top: 0, left: 0 };
-          return j(n.getURL(), L), !0;
+          const c = s.getElementByKey(e.anchor.getNode().getKey()), L = c ? { top: c.getBoundingClientRect().bottom, left: c.getBoundingClientRect().left } : { top: 0, left: 0 };
+          return A(n.getURL(), L), !0;
         }
       }
       return !1;
-    }, t = i.registerCommand(
-      G,
+    }, o = s.registerCommand(
+      J,
       () => {
-        const o = p();
-        return d.current = o?.getTextContent() ?? "", r(o), !1;
+        const e = p();
+        return f.current = e?.getTextContent() ?? "", t(e), !1;
       },
       0
-    ), e = i.registerCommand(
-      J,
-      (o) => {
-        const s = p();
-        return v(), o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), r(s), !1;
+    ), r = s.registerCommand(
+      X,
+      (e) => {
+        const i = p();
+        return y(), e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), t(i), !1;
       },
       0
     );
     return () => {
-      e(), t();
+      r(), o();
     };
-  }, [i]), u(() => {
-    const r = i.registerCommand(
-      X,
-      (e) => {
-        if (e.ctrlKey && e.shiftKey && e.key === "U") {
-          const o = p();
-          if (v(), !w(o))
+  }, [s]), u(() => {
+    const t = s.registerCommand(
+      O,
+      (r) => {
+        if (r.ctrlKey && r.shiftKey && r.key === "U") {
+          const e = p();
+          if (y(), !v(e))
             return !1;
-          const s = o.anchor.getNode(), n = N(s, b), c = (M = "", V = "") => {
-            _(), setTimeout(() => m.current?.setDefaults(M, V), 0);
+          const i = e.anchor.getNode(), n = T(i, N), c = (z = "", $ = "") => {
+            S(), setTimeout(() => m.current?.setDefaults(z, $), 0);
           };
           if (n)
-            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), C.current = n.getTextContent(), c(n.getURL(), n.getTextContent()), !0;
-          const L = o.getTextContent();
-          return L !== "" ? (d.current = L, c("", d.current), !0) : (_(), !0);
+            return r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), C.current = n.getTextContent(), c(n.getURL(), n.getTextContent()), !0;
+          const L = e.getTextContent();
+          return L !== "" ? (f.current = L, c("", f.current), !0) : (S(), !0);
         }
         return !1;
       },
       tt
-    ), t = i.registerUpdateListener(({ editorState: e }) => {
-      I(
-        e.read(() => {
-          const o = p();
-          if (v(), w(o)) {
-            const s = o.anchor.getNode(), n = N(s, b);
+    ), o = s.registerUpdateListener(({ editorState: r }) => {
+      j(
+        r.read(() => {
+          const e = p();
+          if (y(), v(e)) {
+            const i = e.anchor.getNode(), n = T(i, N);
             if (n)
               return {
                 active: !0,
@@ -170,45 +169,49 @@ const ut = 200, Zt = ({ parentScrollPosition: O }) => {
       );
     });
     return () => {
-      r(), t();
+      t(), o();
     };
-  }, [i]), u(() => {
-    R.current = l, l || F.current?.clearForm();
+  }, [s]), u(() => {
+    D.current = l, l || R.current?.clearForm();
   }, [l]), u(() => {
-    l && y();
-  }, [O]), u(() => {
+    l && b();
+  }, [U]), u(() => {
     k.active || h();
-  }, [k]), u(() => {
-    const r = (e) => (z(t), e.key === "Escape" && R.current && (e.preventDefault(), e.stopPropagation(), y()), !0);
-    window.addEventListener("keydown", r, { capture: !0 });
-    const t = () => {
-      h();
-    };
-    return z(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
-    };
-  }, []), /* @__PURE__ */ f("div", { className: g["editor__toolbar-button-group"], children: /* @__PURE__ */ $("div", { className: g["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ f(
+  }, [k]);
+  const K = () => {
+    h();
+  };
+  return u(() => et(
+    s.registerCommand(
+      O,
+      (t) => t.key === "Escape" && D.current ? (t.preventDefault(), b(), !0) : !1,
+      ot
+    ),
+    s.registerRootListener((t, o) => {
+      o && o.removeEventListener("scroll", K), t && t.addEventListener("scroll", K);
+    })
+  ), [s]), /* @__PURE__ */ d("div", { className: g["editor__toolbar-button-group"], children: /* @__PURE__ */ q("div", { className: g["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ d(
       "button",
       {
-        onClick: _,
-        title: T.links.linkTooltip,
+        onClick: S,
+        title: x.links.linkTooltip,
         className: W(
           g["editor__toolbar-button"],
           g["editor__toolbar-button--link"],
           k.active && g["editor__toolbar-button--active"]
         ),
-        "aria-label": T.aria.labels.link,
-        "aria-keyshortcuts": T.aria.keyshortcuts.link,
+        "aria-label": x.aria.labels.link,
+        "aria-keyshortcuts": x.aria.keyshortcuts.link,
         type: "button",
-        ref: P,
-        children: /* @__PURE__ */ f(ct, { name: "Link", size: 20 })
+        ref: E,
+        children: /* @__PURE__ */ d(lt, { name: "Link", size: 20 })
       }
     ),
-    U
+    I
   ] }) });
 };
 export {
-  Zt as LinkPlugin
+  Yt as LinkPlugin
 };
 //# sourceMappingURL=LinkPlugin.js.map