@uva-glass/component-library 3.53.1 → 3.53.3

package/dist/components/InputField/InputField.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { f as p } from "../../index-BmvI9fji.js";
+import { f as p } from "../../index-Cfzi-sRQ.js";
 import { InputField as e } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import "../Accordion/Accordion.js";
@@ -17,7 +17,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-DBKzGTIm.js";
+import "../../TablePlugin-Culqb83M.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as t, s as l } from "../../react.esm-CzkD5JmE.js";
+import { r as t, s as l } from "../../react.esm-BpII5CMY.js";
 import { Label as r } from "./Label.js";
 describe("Label", () => {
   it("should render", () => {

package/dist/components/MetaDataBar/MetaDataBar.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from 'components/Icon';
+import { IconProps } from '../Icon';
 export type itemType = {
     iconName: IconProps['name'];
     itemLabel: string;

package/dist/components/MetaDataBar/MetaDataBar.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as n, s as e } from "../../react.esm-CzkD5JmE.js";
+import { r as n, s as e } from "../../react.esm-BpII5CMY.js";
 import { MetaDataBar as c } from "./MetaDataBar.js";
 jest.mock("components/Icon", () => ({
   Icon: ({ name: a }) => /* @__PURE__ */ t("span", { "data-testid": "icon", children: a })

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as r } from "@react-aria/overlays";
-import { f as i } from "../../index-BmvI9fji.js";
+import { f as i } from "../../index-Cfzi-sRQ.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as s } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';
-import { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';
+import { MultiSelectItem } from './components/MultiSelectItem';
+import { MultiSelectHeader } from './components/MultiSelectHeader';
 export interface MultiSelectProps {
     /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */
     scrollable?: boolean;

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-BzBmsKof.js";
-import { M as p } from "../../TablePlugin-DBKzGTIm.js";
+import { M as p } from "../../TablePlugin-Culqb83M.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { f as d } from "../../index-BmvI9fji.js";
+import { f as d } from "../../index-Cfzi-sRQ.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-DBKzGTIm.js";
+import { M as e } from "../../TablePlugin-Culqb83M.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -16,7 +16,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as C } from "../../../TablePlugin-DBKzGTIm.js";
+import { a as C } from "../../../TablePlugin-Culqb83M.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-DBKzGTIm.js";
+import { M as l } from "../../TablePlugin-Culqb83M.js";
 export {
   l as MultiSelect
 };

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { f as u } from "../../index-BmvI9fji.js";
+import { f as u } from "../../index-Cfzi-sRQ.js";
 import { useState as r } from "react";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const d = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", S = {

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as a } from "../../react.esm-CzkD5JmE.js";
+import { r as n, s as t, f as a } from "../../react.esm-BpII5CMY.js";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const i = jest.fn(), c = [
   { label: "Option 1", value: "1" },

package/dist/components/Notification/Notification.stories.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { f as a } from "../../index-BmvI9fji.js";
+import { f as a } from "../../index-Cfzi-sRQ.js";
 import { Notification as t } from "./Notification.js";
 const r = `<Notification title={title} subtitle={subtitle} action={action} 
   level={level} variant={variant} onClose={() => {}} />`, p = {

package/dist/components/Notification/Notification.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as i, s as t } from "../../react.esm-CzkD5JmE.js";
+import { r as i, s as t } from "../../react.esm-BpII5CMY.js";
 import { Notification as n } from "./Notification.js";
 describe("Notification", () => {
   it("renders title and subtitle", () => {

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { f as a } from "../../index-BmvI9fji.js";
+import { f as a } from "../../index-Cfzi-sRQ.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -18,7 +18,7 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as I } from "../Label/Label.js";
 import "react-router";
-import "../../TablePlugin-DBKzGTIm.js";
+import "../../TablePlugin-Culqb83M.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { f as t } from "../../index-BmvI9fji.js";
+import { f as t } from "../../index-Cfzi-sRQ.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -18,7 +18,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "../../TablePlugin-DBKzGTIm.js";
+import "../../TablePlugin-Culqb83M.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { f as a } from "../../index-BmvI9fji.js";
+import { f as a } from "../../index-Cfzi-sRQ.js";
 import { RadioGroup as o } from "./RadioGroup.js";
 const l = `
   <RadioGroup label={label} options={options} 

package/dist/components/RadioGroup/Radiogroup.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as l, s as t, f as s } from "../../react.esm-CzkD5JmE.js";
+import { r as l, s as t, f as s } from "../../react.esm-BpII5CMY.js";
 import { RadioGroup as a } from "./RadioGroup.js";
 const i = [
   { id: "1", titleLabel: "Option 1", value: "option1" },

package/dist/components/RadioTabSelector/RadioTabSelector.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from 'components';
+import { IconProps } from '..';
 type ButtonProps = {
     label: string;
     value: string;

package/dist/components/RadioTabSelector/RadioTabSelector.js

@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-DBKzGTIm.js";
+import "../../TablePlugin-Culqb83M.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/RadioTabSelector/RadioTabSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { f as t } from "../../index-BmvI9fji.js";
+import { f as t } from "../../index-Cfzi-sRQ.js";
 import { RadioTabSelector as e } from "./RadioTabSelector.js";
 const i = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", b = {
   title: "Molecules/RadioTabSelector",

package/dist/components/RteEditor/EditorHeader/EditorHeader.js

@@ -15,7 +15,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import "../../../TablePlugin-DBKzGTIm.js";
+import "../../../TablePlugin-Culqb83M.js";
 import "../Providers/LanguageProvider.js";
 import "../Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../hooks/components/Flyout.js";

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { o as u } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { c as f } from "../../../../clsx-OuTLNxxd.js";
-import { c as _, b as p, Z as h } from "../../../../Lexical.prod-CNQPQ6W-.js";
+import { c as _, b as p, Z as h } from "../../../../Lexical.prod-Dgzi-S1E.js";
 import { useState as l, useEffect as k } from "react";
 import { Icon as I } from "../../../Icon/Icon.js";
 import { s as a } from "../../../../RteEditor.module-DaBh86FK.js";

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

@@ -1,21 +1,21 @@
 import { jsx as p, jsxs as O } from "react/jsx-runtime";
 import { useState as C, useRef as L, useEffect as I } from "react";
 import { c as U } from "../../../../clsx-OuTLNxxd.js";
-import { o as W } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { aF as F, V as v, c as T, b as A, p as z, _ as S, aG as X, Y as q, a7 as J, l as Q } from "../../../../Lexical.prod-CNQPQ6W-.js";
-import { x as E } from "../../../../LexicalUtils.prod-lqA_upYF.js";
-import { AddCatalogueLinkForm as Z } from "./AddCatalogueLinkForm/AddCatalogueLinkForm.js";
+import { o as $ } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
+import { aF as F, V as W, c as T, b as A, p as v, _ as S, ah as X, aG as q, Y as J, a7 as Q, l as Z } from "../../../../Lexical.prod-Dgzi-S1E.js";
+import { x as E } from "../../../../LexicalUtils.prod-D1mwAww-.js";
+import { AddCatalogueLinkForm as tt } from "./AddCatalogueLinkForm/AddCatalogueLinkForm.js";
 import { s as i } from "../../../../RteEditor.module-DaBh86FK.js";
-import { useTranslation as tt } from "../../hooks/useTranslation.js";
-import { CourseCatalogueNode as g, $getLinkTypeFromNode as P, REMOVE_COURSE_CATALOGUE_LINK as et, INSERT_COURSE_CATALOGUE_LINK as ot } from "../../nodes/CourseCatalogueNode/CourseCatalogueNode.js";
-import { useOnClickOutside as rt } from "../../../hooks/useOnClickOutside.js";
-const gt = ({
+import { useTranslation as et } from "../../hooks/useTranslation.js";
+import { CourseCatalogueNode as g, $getLinkTypeFromNode as z, REMOVE_COURSE_CATALOGUE_LINK as ot, INSERT_COURSE_CATALOGUE_LINK as rt } from "../../nodes/CourseCatalogueNode/CourseCatalogueNode.js";
+import { useOnClickOutside as st } from "../../../hooks/useOnClickOutside.js";
+const bt = ({
   onSearch: D,
-  searchResponse: H,
-  parentScrollPosition: j
+  searchResponse: P,
+  parentScrollPosition: G
 }) => {
-  const [s] = W(), c = tt(), [G, k] = C(!1), [V, _] = C(!1), K = L(null), w = L(null), B = L(null), [b, h] = C(null), [R, Y] = C("course"), y = (f) => {
-    Y(f);
+  const [s] = $(), c = et(), [H, k] = C(!1), [j, _] = C(!1), K = L(null), w = L(null), B = L(null), [b, h] = C(null), [R, V] = C("course"), y = (f) => {
+    V(f);
     const u = f === "course" ? K.current?.getBoundingClientRect() : w.current?.getBoundingClientRect();
     u && h({ top: u.bottom + window.scrollY, left: u.left + window.scrollX });
   }, N = () => {
@@ -23,27 +23,27 @@ const gt = ({
   };
   return I(() => {
     b && N();
-  }, [j]), I(() => {
+  }, [G]), I(() => {
     const f = s.registerCommand(
       F,
       (t) => t.ctrlKey && t.shiftKey && t.altKey && t.key === "C" ? (t.preventDefault(), y("course"), !0) : t.ctrlKey && t.shiftKey && t.altKey && t.key === "P" ? (t.preventDefault(), y("programme"), !0) : !1,
-      v
+      W
     ), u = s.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
         const r = T();
         if (A(r)) {
           const e = r.anchor.getNode(), n = r.anchor.offset;
-          if (z(e) && n === e.getTextContentSize() && e.getNextSibling() instanceof g) {
+          if (v(e) && n === e.getTextContentSize() && e.getNextSibling() instanceof g) {
             const o = e.getNextSibling();
             if (o) {
-              const d = P(o);
+              const d = z(o);
               k(d === "course"), _(d === "programme");
               return;
             }
           }
           const a = E(e, g);
           if (a) {
-            const o = P(a);
+            const o = z(a);
             k(o === "course"), _(o === "programme");
             return;
           }
@@ -51,9 +51,9 @@ const gt = ({
         }
       });
     }), m = (t) => {
-      const r = J(), e = t.getTextContentSize();
-      r.setTextNodeRange(t, e, t, e), Q(r);
-    }, x = (t, r) => z(t) && r === t.getTextContentSize() && t.getNextSibling() instanceof g, M = s.registerCommand(
+      const r = Q(), e = t.getTextContentSize();
+      r.setTextNodeRange(t, e, t, e), Z(r);
+    }, x = (t, r) => v(t) && r === t.getTextContentSize() && t.getNextSibling() instanceof g, Y = s.registerCommand(
       F,
       (t) => {
         const r = T();
@@ -84,7 +84,7 @@ const gt = ({
           if (o && (e === "Backspace" || e === "Delete"))
             return t.preventDefault(), s.update(
               () => {
-                s.dispatchCommand(et, void 0);
+                s.dispatchCommand(ot, void 0);
               },
               { discrete: !0 }
             ), !0;
@@ -93,9 +93,9 @@ const gt = ({
         }
         return !1;
       },
-      v
-    ), $ = s.registerCommand(
-      X,
+      X
+    ), M = s.registerCommand(
+      q,
       (t) => {
         const r = T();
         if (A(r)) {
@@ -108,12 +108,12 @@ const gt = ({
         }
         return !1;
       },
-      q
+      J
     );
     return () => {
-      f(), u(), M(), $();
+      f(), u(), Y(), M();
     };
-  }, [s]), rt(B, () => h(null)), /* @__PURE__ */ p("div", { className: i["editor__toolbar-button-group"], children: /* @__PURE__ */ O("div", { className: i["editor__toolbar-button-flyoutwrapper"], children: [
+  }, [s]), st(B, () => h(null)), /* @__PURE__ */ p("div", { className: i["editor__toolbar-button-group"], children: /* @__PURE__ */ O("div", { className: i["editor__toolbar-button-flyoutwrapper"], children: [
     /* @__PURE__ */ O("div", { className: i["editor__toolbar-button-group--text"], children: [
       /* @__PURE__ */ p(
         "button",
@@ -123,7 +123,7 @@ const gt = ({
           className: U(
             i["editor__toolbar-button"],
             i["editor__toolbar-button--text"],
-            G && i["editor__toolbar-button--active"]
+            H && i["editor__toolbar-button--active"]
           ),
           "aria-label": c.aria.labels.courselink,
           "aria-keyshortcuts": c.aria.keyshortcuts.courselink,
@@ -140,7 +140,7 @@ const gt = ({
           className: U(
             i["editor__toolbar-button"],
             i["editor__toolbar-button--text"],
-            V && i["editor__toolbar-button--active"]
+            j && i["editor__toolbar-button--active"]
           ),
           "aria-label": c.aria.labels.programmelink,
           "aria-keyshortcuts": c.aria.keyshortcuts.programmelink,
@@ -157,14 +157,14 @@ const gt = ({
         style: { top: b.top, left: b.left },
         ref: B,
         children: /* @__PURE__ */ p(
-          Z,
+          tt,
           {
             linkType: R,
             onCloseHandler: N,
             onSearchHandler: D,
-            searchResponse: H,
+            searchResponse: P,
             onSelect: (f, u, m) => {
-              s.dispatchCommand(ot, {
+              s.dispatchCommand(rt, {
                 linkType: m,
                 code: f,
                 label: u
@@ -177,6 +177,6 @@ const gt = ({
   ] }) });
 };
 export {
-  gt as CourseCataloguePlugin
+  bt as CourseCataloguePlugin
 };
 //# sourceMappingURL=CourseCataloguePlugin.js.map

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

@@ -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_EDITOR,\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\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\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 + window.scrollY, left: rect.left + window.scrollX });\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    if (flyoutPosition) {\r\n      closeFlyout();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [parentScrollPosition]);\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_EDITOR\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_EDITOR\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  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","openFlyout","rect","closeFlyout","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_EDITOR","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","jsx","styles","jsxs","clsx","AddCatalogueLinkForm","code","label","INSERT_COURSE_CATALOGUE_LINK"],"mappings":";;;;;;;;;;;AAuCO,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,GAE3DW,IAAa,CAACF,MAAiC;AACnD,IAAAC,EAAQD,CAAI;AACZ,UAAMG,IACJH,MAAS,WACLN,EAAgB,SAAS,0BACzBE,EAAmB,SAAS,sBAAA;AAClC,IAAIO,KACFJ,EAAkB,EAAE,KAAKI,EAAK,SAAS,OAAO,SAAS,MAAMA,EAAK,OAAO,OAAO,QAAA,CAAS;AAAA,EAE7F,GAEMC,IAAc,MAAM;AACxB,IAAAtB,EAAS,IAAIkB,CAAI,GACjBD,EAAkB,IAAI;AAAA,EACxB;AAEA,SAAAM,EAAU,MAAM;AACd,IAAIP,KACFM,EAAA;AAAA,EAGJ,GAAG,CAACpB,CAAoB,CAAC,GAEzBqB,EAAU,MAAM;AACd,UAAMC,IAAyBrB,EAAO;AAAA,MACpCsB;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,IAAuBzB,EAAO,uBAAuB,CAAC,EAAE,aAAA0B,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,cAAA7B,EAAkB8B,MAAa,QAAQ,GACvC3B,EAAqB2B,MAAa,WAAW;AAC7C;AAAA,YACF;AAAA,UACF;AAEA,gBAAMD,IAAsBG,EAAsBP,GAAYG,CAAmB;AACjF,cAAIC,GAAqB;AACvB,kBAAMC,IAAWC,EAAqBF,CAAmB;AACzD,YAAA7B,EAAkB8B,MAAa,QAAQ,GACvC3B,EAAqB2B,MAAa,WAAW;AAC7C;AAAA,UACF;AACA,UAAA9B,EAAkB,EAAK,GACvBG,EAAqB,EAAK;AAAA,QAC5B;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAEK8B,IAAwB,CAACC,MAAyB;AACtD,YAAMZ,IAAYa,EAAA,GACZC,IAAYF,EAAW,mBAAA;AAC7B,MAAAZ,EAAU,iBAAiBY,GAAYE,GAAWF,GAAYE,CAAS,GACvEC,EAAcf,CAAS;AAAA,IACzB,GAEMgB,IAAqB,CAACb,GAAyBC,MACnDC,EAAYF,CAAU,KACtBC,MAAWD,EAAW,mBAAA,KACtBA,EAAW,4BAA4BG,GAEnCW,IAAmB5C,EAAO;AAAA,MAC9BsB;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,GACNvB,EAAO,OAAO,MAAM;AAClB,kBAAI2C,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,GACNvB,EAAO,OAAO,MAAM;AAClB,oBAAMiD,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,GACNvB,EAAO;AAAA,cACL,MAAM;AACJ,gBAAAA,EAAO,gBAAgBkD,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,IAAanD,EAAO;AAAA,MACxBoD;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,IAAarD,EAAO,gBAAgBkC,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,CAACnD,CAAM,CAAC,GAEXuD,GAAkB3C,GAAqC,MAAME,EAAkB,IAAI,CAAC,GAGlF,gBAAA0C,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,MAAMvC,EAAW,QAAQ;AAAA,UAClC,OAAOf,EAAE,eAAe;AAAA,UACxB,WAAWyD;AAAA,YACTF,EAAO,wBAAwB;AAAA,YAC/BA,EAAO,8BAA8B;AAAA,YACrCrD,KAAkBqD,EAAO,gCAAgC;AAAA,UAAA;AAAA,UAE3D,cAAYvD,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,gBAAA+C;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAMvC,EAAW,WAAW;AAAA,UACrC,OAAOf,EAAE,eAAe;AAAA,UACxB,WAAWyD;AAAA,YACTF,EAAO,wBAAwB;AAAA,YAC/BA,EAAO,8BAA8B;AAAA,YACrClD,KAAqBkD,EAAO,gCAAgC;AAAA,UAAA;AAAA,UAE9D,cAAYvD,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,gBAAA2C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO,gCAAgC;AAAA,QAClD,OAAO,EAAE,KAAK5C,EAAe,KAAK,MAAMA,EAAe,KAAA;AAAA,QACvD,KAAKD;AAAA,QAEL,UAAA,gBAAA4C;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAU7C;AAAA,YACV,gBAAgBI;AAAA,YAChB,iBAAiBtB;AAAA,YACjB,gBAAAC;AAAA,YACA,UAAU,CAAC+D,GAAMC,GAAO3B,MAAa;AACnC,cAAAnC,EAAO,gBAAgB+D,IAA8B;AAAA,gBACnD,UAAA5B;AAAA,gBACA,MAAA0B;AAAA,gBACA,OAAAC;AAAA,cAAA,CACD,GACD3C,EAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
+{"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_EDITOR,\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\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\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 + window.scrollY, left: rect.left + window.scrollX });\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    if (flyoutPosition) {\r\n      closeFlyout();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [parentScrollPosition]);\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_EDITOR\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  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","openFlyout","rect","closeFlyout","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_EDITOR","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","COMMAND_PRIORITY_CRITICAL","removeCopy","COPY_COMMAND","domElement","COMMAND_PRIORITY_LOW","useOnClickOutside","jsx","styles","jsxs","clsx","AddCatalogueLinkForm","code","label","INSERT_COURSE_CATALOGUE_LINK"],"mappings":"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"}

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

@@ -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 { aH as _, aI as C, aJ as y, aK as k } from "../../../../Lexical.prod-CNQPQ6W-.js";
+import { aH as _, aI as C, aJ as y, aK as k } from "../../../../Lexical.prod-Dgzi-S1E.js";
 import { useState as m, useEffect as s } from "react";
 import "../../../Accordion/Accordion.js";
 import { Icon as n } from "../../../Icon/Icon.js";
@@ -18,7 +18,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import "../../../../TablePlugin-DBKzGTIm.js";
+import "../../../../TablePlugin-Culqb83M.js";
 import { s as r } from "../../../../RteEditor.module-DaBh86FK.js";
 import { useTranslation as g } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.d.ts

@@ -1,4 +1,4 @@
-import { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';
+import { LinkType } from '..';
 interface AddLinkFormProps {
     onCloseHandler: () => void;
     onSaveHandler: (url: string, linktext: string) => void;

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

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

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

@@ -1,11 +1,11 @@
 import { jsx as f, jsxs as J } from "react/jsx-runtime";
 import { o as W } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { c as Y } from "../../../../clsx-OuTLNxxd.js";
-import { y as L, P as $, J as q } from "../../../../LexicalLink.prod-DjG5QZHP.js";
+import { y as L, P as $, J as q } from "../../../../LexicalLink.prod-EEOzXxej.js";
 import { useRef as a, useState as G, useEffect as u } from "react";
-import { a4 as Q, c as p, u as X, aF as Z, b as w, V as tt, l as et, _ as ot } from "../../../../Lexical.prod-CNQPQ6W-.js";
-import { x as N } from "../../../../LexicalUtils.prod-lqA_upYF.js";
-import { A as rt } from "../../../../TablePlugin-DBKzGTIm.js";
+import { a4 as Q, c as p, u as X, aF as Z, b as w, V as tt, l as et, _ as ot } from "../../../../Lexical.prod-Dgzi-S1E.js";
+import { x as N } from "../../../../LexicalUtils.prod-D1mwAww-.js";
+import { A as rt } from "../../../../TablePlugin-Culqb83M.js";
 import { ensureHttps as nt } from "./helpers.js";
 import { LinkContextMenu as it } from "./LinkContextMenu/LinkContextMenu.js";
 import { useFlyout as st } from "../../hooks/useFlyout.js";

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

@@ -1,4 +1,4 @@
-import { H as w } from "../../../../LexicalLink.prod-DjG5QZHP.js";
+import { H as w } from "../../../../LexicalLink.prod-EEOzXxej.js";
 const a = /^(http|https):\/\//, s = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, A = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/, z = /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})?$/, n = (t) => t === "https://" || s.test(t), o = (t) => t === "https://" || z.test(t), r = [
   w(s, (t) => a.test(t) ? t : `//${t}`),
   w(A, (t) => `mailto:${t}`)

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

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import { o as I } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { k as b, x as _, S as v, o as K, d as N, h as P, l as y } from "../../../../LexicalList.prod-CzxWmBG3.js";
+import { k as b, x as _, S as v, o as K, d as N, h as P, l as y } from "../../../../LexicalList.prod-DADZlhem.js";
 import { useState as p, useEffect as k } from "react";
 import { c as $ } from "../../../../clsx-OuTLNxxd.js";
-import { aF as O, V as U, a2 as Y, c as x, b as S, Y as B } from "../../../../Lexical.prod-CNQPQ6W-.js";
-import { x as E } from "../../../../LexicalUtils.prod-lqA_upYF.js";
+import { aF as O, V as U, a2 as Y, c as x, b as S, Y as B } from "../../../../Lexical.prod-Dgzi-S1E.js";
+import { x as E } from "../../../../LexicalUtils.prod-D1mwAww-.js";
 import { Icon as F } from "../../../Icon/Icon.js";
 import { s as n } from "../../../../RteEditor.module-DaBh86FK.js";
 import { useTranslation as V } from "../../hooks/useTranslation.js";

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

@@ -1,8 +1,8 @@
 import { o as m } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { useEffect as c } from "react";
-import { n as f, ah as p, c as u } from "../../../../Lexical.prod-CNQPQ6W-.js";
-import { P as i } from "../../../../LexicalUtils.prod-lqA_upYF.js";
-import { R as d } from "../../../../LexicalClipboard.prod-BdghxvkJ.js";
+import { n as f, ah as p, c as u } from "../../../../Lexical.prod-Dgzi-S1E.js";
+import { P as i } from "../../../../LexicalUtils.prod-D1mwAww-.js";
+import { R as d } from "../../../../LexicalClipboard.prod-Dxc8c2F_.js";
 import { d as D } from "../../../../index-yEhaxKq-.js";
 const w = () => {
   const [e] = m(), l = (t) => {

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { T as b } from "../../../../TableCellResizerPlugin-BdgrIlKp.js";
-import "../../../../LexicalTable.prod-C97KnedB.js";
-import "../../../../LexicalUtils.prod-lqA_upYF.js";
-import "../../../../Lexical.prod-CNQPQ6W-.js";
+import { T as b } from "../../../../TableCellResizerPlugin-9kvw_LpH.js";
+import "../../../../LexicalTable.prod-QpQxZNNH.js";
+import "../../../../LexicalUtils.prod-D1mwAww-.js";
+import "../../../../Lexical.prod-Dgzi-S1E.js";
 import "react-dom";
 import "../TablePlugin/helpers.js";
 import "../../nodes/TableWrapperNode/TableWrapperNode.js";

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

@@ -1,4 +1,4 @@
-import { T as r } from "../../../../TableCellResizerPlugin-BdgrIlKp.js";
+import { T as r } from "../../../../TableCellResizerPlugin-9kvw_LpH.js";
 export {
   r as TableCellResizerPlugin
 };