@uva-glass/component-library 3.52.11 → 3.53.0

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-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.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-DRQMriwT.js";
+import { f as t } from "../../index-B4NxQN5d.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-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.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-DRQMriwT.js";
+import { f as a } from "../../index-B4NxQN5d.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-BjO203QT.js";
+import { r as l, s as t, f as s } from "../../react.esm-BDo_tPxu.js";
 import { RadioGroup as a } from "./RadioGroup.js";
 const i = [
   { id: "1", titleLabel: "Option 1", value: "option1" },

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-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.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-DRQMriwT.js";
+import { f as t } from "../../index-B4NxQN5d.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-CqCjNBW_.js";
+import "../../../TablePlugin-DmE96vN7.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,10 +1,10 @@
 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 { b as _, y as p, _ as h } from "../../../../Lexical.prod-sd_e2sqT.js";
+import { b as _, y as p, _ as h } from "../../../../Lexical.prod-DH2XfwvA.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-CUi7Vqe8.js";
+import { s as a } from "../../../../RteEditor.module-DaBh86FK.js";
 import { useTranslation as B } from "../../hooks/useTranslation.js";
 const C = {
   bold: "Bold",

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.d.ts

@@ -0,0 +1,22 @@
+type SearchResult = {
+    code: string;
+    id: string;
+    name: {
+        EN: string;
+        NL: string;
+    };
+    programmeType: string;
+};
+export type SearchResponse = {
+    state: 'idle' | 'pending' | 'ready';
+    results: SearchResult[];
+};
+interface AddCatalogueLinkFormProps {
+    linkType: 'course' | 'programme';
+    onCloseHandler: () => void;
+    onSearchHandler: (query: string, type: 'course' | 'programme') => void;
+    searchResponse?: SearchResponse;
+    onSelect?: (code: string, label: string, type: 'course' | 'programme') => void;
+}
+export declare const AddCatalogueLinkForm: ({ linkType, onCloseHandler, onSearchHandler, searchResponse, onSelect, }: AddCatalogueLinkFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,108 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useId as F, useRef as g, useEffect as L } from "react";
+import { Button as v } from "../../../../Buttons/Button.js";
+import "../../../../Buttons/LinkButton.js";
+import "@react-aria/button";
+import { FormField as C } from "../../../../FormField/FormField.js";
+import { Label as E } from "../../../../Label/Label.js";
+import { useTranslation as y } from "../../../hooks/useTranslation.js";
+import { InputField as x } from "../../../../InputField/InputField.js";
+import { useLanguage as P } from "../../../Providers/LanguageProvider.js";
+import { Repeater as A } from "../../../../Repeater/Repeater.js";
+import '../../../../../assets/AddCatalogueLinkForm.css';const I = "_courselinkform_16a4f_1", K = "_courselinkform__footer_16a4f_13", $ = "_courselinkform__results_16a4f_20", o = {
+  courselinkform: I,
+  "courselinkform__input-field": "_courselinkform__input-field_16a4f_7",
+  courselinkform__footer: K,
+  "courselinkform__results-wrapper": "_courselinkform__results-wrapper_16a4f_20",
+  "courselinkform__results-header": "_courselinkform__results-header_16a4f_24",
+  courselinkform__results: $,
+  "courselinkform__result-message": "_courselinkform__result-message_16a4f_41",
+  "courselinkform__result-item": "_courselinkform__result-item_16a4f_51"
+}, W = ({
+  linkType: n,
+  onCloseHandler: h,
+  onSearchHandler: f,
+  searchResponse: t,
+  onSelect: u
+}) => {
+  const s = y(), p = `search_${F()}`, c = g(null), k = g(null), { currentLanguage: m } = P(), b = (r) => {
+    const l = r.target.value;
+    f && f(l, n);
+  }, _ = () => {
+    h();
+  }, w = (r) => {
+    r.key === "ArrowDown" && (r.preventDefault(), k.current?.querySelector("button")?.focus());
+  }, D = (r, l, a, d) => {
+    switch (r.key) {
+      case "Escape":
+        r.preventDefault(), r.stopPropagation(), _();
+        break;
+      case "Enter":
+        r.preventDefault(), u && u(l, a, d);
+        break;
+      case "ArrowDown": {
+        r.preventDefault(), r.stopPropagation(), r.currentTarget.nextElementSibling?.focus();
+        break;
+      }
+      case "ArrowUp": {
+        r.preventDefault(), r.stopPropagation(), r.currentTarget.previousElementSibling?.focus();
+        break;
+      }
+      case "Tab":
+        r.preventDefault(), _();
+        break;
+      default:
+        r.preventDefault();
+        break;
+    }
+  };
+  return L(() => {
+    c.current && (f("", n), c.current.value = "", c.current.focus());
+  }, []), /* @__PURE__ */ i("div", { className: o.courselinkform, children: [
+    /* @__PURE__ */ i(A, { gap: "050", children: [
+      /* @__PURE__ */ i(C, { className: o["courselinkform__input-field"], children: [
+        /* @__PURE__ */ e(E, { htmlFor: p, children: s.cataloguelinks[n === "course" ? "searchCourseFieldLabel" : "searchProgrammeFieldLabel"] }),
+        /* @__PURE__ */ e("div", { className: o["linkform__input-url-wrapper"], children: /* @__PURE__ */ e(
+          x,
+          {
+            id: p,
+            placeholder: s.cataloguelinks.searchFieldPlaceholder,
+            onChange: b,
+            onKeyDown: w,
+            ref: c,
+            "aria-label": s.aria.labels.searchField
+          }
+        ) })
+      ] }),
+      t && t.state === "pending" && /* @__PURE__ */ e("div", { className: o["courselinkform__result-message"], children: s.cataloguelinks.loading }),
+      t && t.results.length === 0 && t.state === "ready" && /* @__PURE__ */ e("div", { className: o["courselinkform__result-message"], children: s.cataloguelinks.noResults }),
+      t && t.results.length > 0 && /* @__PURE__ */ i("div", { className: o["courselinkform__results-wrapper"], children: [
+        /* @__PURE__ */ i("div", { className: o["courselinkform__results-header"], children: [
+          /* @__PURE__ */ e("span", { children: s.cataloguelinks[n === "course" ? "resultCourseListCatalogNumber" : "resultProgrammeListCatalogNumber"] }),
+          /* @__PURE__ */ e("span", { children: s.cataloguelinks.resultListName })
+        ] }),
+        /* @__PURE__ */ e("div", { className: o.courselinkform__results, ref: k, children: t.results.map(({ id: r, code: l, name: a }) => /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: o["courselinkform__result-item"],
+            onClick: () => u && u(l, a[m], n),
+            onKeyDown: (d) => D(d, l, a[m], n),
+            tabIndex: 0,
+            "aria-label": `${l} ${a[m]}`,
+            children: [
+              /* @__PURE__ */ e("span", { children: l }),
+              /* @__PURE__ */ e("span", { children: a[m] })
+            ]
+          },
+          r
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: o.courselinkform__footer, children: /* @__PURE__ */ e(v, { variant: "secondary", onClick: _, "aria-label": s.common.cancel, type: "button", children: s.common.cancel }) })
+  ] });
+};
+export {
+  W as AddCatalogueLinkForm
+};
+//# sourceMappingURL=AddCatalogueLinkForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddCatalogueLinkForm.js","sources":["../../../../../../src/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react';\r\n\r\nimport type { KeyboardEvent } from 'react';\r\n\r\nimport styles from './AddCatalogueLinkForm.module.css';\r\n\r\nimport { Button } from 'components/Buttons';\r\nimport { FormField } from 'components/FormField';\r\nimport { Label } from 'components/Label';\r\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\r\nimport { InputField } from 'components/InputField';\r\nimport { useLanguage } from 'components/RteEditor/Providers/LanguageProvider';\r\nimport { Repeater } from 'components/Repeater';\r\n\r\ntype SearchResult = {\r\n  code: string;\r\n  id: string;\r\n  name: {\r\n    EN: string;\r\n    NL: string;\r\n  };\r\n  programmeType: string;\r\n};\r\n\r\nexport type SearchResponse = {\r\n  state: 'idle' | 'pending' | 'ready';\r\n  results: SearchResult[];\r\n};\r\n\r\ninterface AddCatalogueLinkFormProps {\r\n  linkType: 'course' | 'programme';\r\n  onCloseHandler: () => void;\r\n  onSearchHandler: (query: string, type: 'course' | 'programme') => void;\r\n  searchResponse?: SearchResponse;\r\n  onSelect?: (code: string, label: string, type: 'course' | 'programme') => void;\r\n}\r\n\r\nexport const AddCatalogueLinkForm = ({\r\n  linkType,\r\n  onCloseHandler,\r\n  onSearchHandler,\r\n  searchResponse,\r\n  onSelect,\r\n}: AddCatalogueLinkFormProps) => {\r\n  const t = useTranslation();\r\n  const searchId = `search_${useId()}`;\r\n  const searchFieldRef = useRef<HTMLInputElement>(null);\r\n  const resultListRef = useRef<HTMLDivElement>(null);\r\n  const { currentLanguage } = useLanguage();\r\n\r\n  const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const query = event.target.value;\r\n    if (onSearchHandler) {\r\n      onSearchHandler(query, linkType);\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    onCloseHandler();\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    if (event.key === 'ArrowDown') {\r\n      event.preventDefault();\r\n      const container = resultListRef.current;\r\n      const firstFocusable = container?.querySelector<HTMLElement>('button');\r\n      firstFocusable?.focus();\r\n    }\r\n  };\r\n\r\n  const onResultKeyDown = (\r\n    event: KeyboardEvent<HTMLButtonElement>,\r\n    code: string,\r\n    name: string,\r\n    linkType: 'course' | 'programme'\r\n  ) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        handleClose();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        onSelect && onSelect(code, name, linkType);\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        const nextElement = event.currentTarget.nextElementSibling;\r\n        (nextElement as HTMLButtonElement)?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        const previousElement = event.currentTarget.previousElementSibling;\r\n        (previousElement as HTMLButtonElement)?.focus();\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        event.preventDefault();\r\n        handleClose();\r\n        break;\r\n      default:\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (searchFieldRef.current) {\r\n      onSearchHandler('', linkType);\r\n      searchFieldRef.current.value = '';\r\n      searchFieldRef.current.focus();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  return (\r\n    <div className={styles['courselinkform']}>\r\n      <Repeater gap=\"050\">\r\n        <FormField className={styles['courselinkform__input-field']}>\r\n          <Label htmlFor={searchId}>\r\n            {t.cataloguelinks[linkType === 'course' ? 'searchCourseFieldLabel' : 'searchProgrammeFieldLabel']}\r\n          </Label>\r\n          <div className={styles['linkform__input-url-wrapper']}>\r\n            <InputField\r\n              id={searchId}\r\n              placeholder={t.cataloguelinks.searchFieldPlaceholder}\r\n              onChange={handleSearch}\r\n              onKeyDown={handleKeyDown}\r\n              ref={searchFieldRef}\r\n              aria-label={t.aria.labels.searchField}\r\n            />\r\n          </div>\r\n        </FormField>\r\n        {searchResponse && searchResponse.state === 'pending' && (\r\n          <div className={styles['courselinkform__result-message']}>{t.cataloguelinks.loading}</div>\r\n        )}\r\n        {searchResponse && searchResponse.results.length === 0 && searchResponse.state === 'ready' && (\r\n          <div className={styles['courselinkform__result-message']}>{t.cataloguelinks.noResults}</div>\r\n        )}\r\n        {searchResponse && searchResponse.results.length > 0 && (\r\n          <div className={styles['courselinkform__results-wrapper']}>\r\n            <div className={styles['courselinkform__results-header']}>\r\n              <span>\r\n                {\r\n                  t.cataloguelinks[\r\n                    linkType === 'course' ? 'resultCourseListCatalogNumber' : 'resultProgrammeListCatalogNumber'\r\n                  ]\r\n                }\r\n              </span>\r\n              <span>{t.cataloguelinks.resultListName}</span>\r\n            </div>\r\n            <div className={styles['courselinkform__results']} ref={resultListRef}>\r\n              {searchResponse.results.map(({ id, code, name }) => (\r\n                <button\r\n                  key={id}\r\n                  type=\"button\"\r\n                  className={styles['courselinkform__result-item']}\r\n                  onClick={() => onSelect && onSelect(code, name[currentLanguage], linkType)}\r\n                  onKeyDown={(event) => onResultKeyDown(event, code, name[currentLanguage], linkType)}\r\n                  tabIndex={0}\r\n                  aria-label={`${code} ${name[currentLanguage]}`}\r\n                >\r\n                  <span>{code}</span>\r\n                  <span>{name[currentLanguage]}</span>\r\n                </button>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </Repeater>\r\n      <div className={styles['courselinkform__footer']}>\r\n        <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\r\n          {t.common.cancel}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AddCatalogueLinkForm","linkType","onCloseHandler","onSearchHandler","searchResponse","onSelect","t","useTranslation","searchId","useId","searchFieldRef","useRef","resultListRef","currentLanguage","useLanguage","handleSearch","event","query","handleClose","handleKeyDown","onResultKeyDown","code","name","useEffect","jsxs","styles","Repeater","FormField","jsx","Label","InputField","id","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;GAqCaA,IAAuB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAAiC;AAC/B,QAAMC,IAAIC,EAAA,GACJC,IAAW,UAAUC,EAAA,CAAO,IAC5BC,IAAiBC,EAAyB,IAAI,GAC9CC,IAAgBD,EAAuB,IAAI,GAC3C,EAAE,iBAAAE,EAAA,IAAoBC,EAAA,GAEtBC,IAAe,CAACC,MAA+C;AACnE,UAAMC,IAAQD,EAAM,OAAO;AAC3B,IAAIb,KACFA,EAAgBc,GAAOhB,CAAQ;AAAA,EAEnC,GAEMiB,IAAc,MAAM;AACxB,IAAAhB,EAAA;AAAA,EACF,GAEMiB,IAAgB,CAACH,MAA2C;AAChE,IAAIA,EAAM,QAAQ,gBAChBA,EAAM,eAAA,GACYJ,EAAc,SACE,cAA2B,QAAQ,GACrD,MAAA;AAAA,EAEpB,GAEMQ,IAAkB,CACtBJ,GACAK,GACAC,GACArB,MACG;AACH,YAAQe,EAAM,KAAA;AAAA,MACZ,KAAK;AACH,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNE,EAAA;AACA;AAAA,MACF,KAAK;AACH,QAAAF,EAAM,eAAA,GACNX,KAAYA,EAASgB,GAAMC,GAAMrB,CAAQ;AACzC;AAAA,MACF,KAAK,aAAa;AAChB,QAAAe,EAAM,eAAA,GACNA,EAAM,gBAAA,GACcA,EAAM,cAAc,oBACJ,MAAA;AACpC;AAAA,MACF;AAAA,MACA,KAAK,WAAW;AACd,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACkBA,EAAM,cAAc,wBACJ,MAAA;AACxC;AAAA,MACF;AAAA,MACA,KAAK;AACH,QAAAA,EAAM,eAAA,GACNE,EAAA;AACA;AAAA,MACF;AACE,QAAAF,EAAM,eAAA;AACN;AAAA,IAAA;AAAA,EAEN;AAEA,SAAAO,EAAU,MAAM;AACd,IAAIb,EAAe,YACjBP,EAAgB,IAAIF,CAAQ,GAC5BS,EAAe,QAAQ,QAAQ,IAC/BA,EAAe,QAAQ,MAAA;AAAA,EAG3B,GAAG,CAAA,CAAE,GAGH,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAS,KAAI,OACZ,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAU,WAAWF,EAAO,6BAA6B,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAA,EAAM,SAASrB,GACb,UAAAF,EAAE,eAAeL,MAAa,WAAW,2BAA2B,2BAA2B,EAAA,CAClG;AAAA,QACA,gBAAA2B,EAAC,OAAA,EAAI,WAAWH,EAAO,6BAA6B,GAClD,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAItB;AAAA,YACJ,aAAaF,EAAE,eAAe;AAAA,YAC9B,UAAUS;AAAA,YACV,WAAWI;AAAA,YACX,KAAKT;AAAA,YACL,cAAYJ,EAAE,KAAK,OAAO;AAAA,UAAA;AAAA,QAAA,EAC5B,CACF;AAAA,MAAA,GACF;AAAA,MACCF,KAAkBA,EAAe,UAAU,aAC1C,gBAAAwB,EAAC,OAAA,EAAI,WAAWH,EAAO,gCAAgC,GAAI,UAAAnB,EAAE,eAAe,QAAA,CAAQ;AAAA,MAErFF,KAAkBA,EAAe,QAAQ,WAAW,KAAKA,EAAe,UAAU,WACjF,gBAAAwB,EAAC,OAAA,EAAI,WAAWH,EAAO,gCAAgC,GAAI,UAAAnB,EAAE,eAAe,WAAU;AAAA,MAEvFF,KAAkBA,EAAe,QAAQ,SAAS,uBAChD,OAAA,EAAI,WAAWqB,EAAO,iCAAiC,GACtD,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,gCAAgC,GACrD,UAAA;AAAA,UAAA,gBAAAG,EAAC,UAEG,UAAAtB,EAAE,eACAL,MAAa,WAAW,kCAAkC,kCAC5D,GAEJ;AAAA,UACA,gBAAA2B,EAAC,QAAA,EAAM,UAAAtB,EAAE,eAAe,eAAA,CAAe;AAAA,QAAA,GACzC;AAAA,0BACC,OAAA,EAAI,WAAWmB,EAAO,yBAA4B,KAAKb,GACrD,UAAAR,EAAe,QAAQ,IAAI,CAAC,EAAE,IAAA2B,GAAI,MAAAV,GAAM,MAAAC,QACvC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAWC,EAAO,6BAA6B;AAAA,YAC/C,SAAS,MAAMpB,KAAYA,EAASgB,GAAMC,EAAKT,CAAe,GAAGZ,CAAQ;AAAA,YACzE,WAAW,CAACe,MAAUI,EAAgBJ,GAAOK,GAAMC,EAAKT,CAAe,GAAGZ,CAAQ;AAAA,YAClF,UAAU;AAAA,YACV,cAAY,GAAGoB,CAAI,IAAIC,EAAKT,CAAe,CAAC;AAAA,YAE5C,UAAA;AAAA,cAAA,gBAAAe,EAAC,UAAM,UAAAP,EAAA,CAAK;AAAA,cACZ,gBAAAO,EAAC,QAAA,EAAM,UAAAN,EAAKT,CAAe,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UATxBkB;AAAA,QAAA,CAWR,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAH,EAAC,SAAI,WAAWH,EAAO,wBACrB,UAAA,gBAAAG,EAACI,KAAO,SAAS,aAAa,SAASd,GAAa,cAAYZ,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAAA,EAAE,OAAO,OAAA,CACZ,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/index.d.ts

@@ -0,0 +1 @@
+export * from './AddCatalogueLinkForm';

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

@@ -0,0 +1,5 @@
+import { AddCatalogueLinkForm as a } from "./AddCatalogueLinkForm.js";
+export {
+  a as AddCatalogueLinkForm
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.d.ts

@@ -0,0 +1,8 @@
+import { SearchResponse } from './AddCatalogueLinkForm';
+interface CourseCataloguePluginProps {
+    onSearch: (query: string, linkType: 'course' | 'programme') => void;
+    searchResponse: SearchResponse;
+    parentScrollPosition: number;
+}
+export declare const CourseCataloguePlugin: ({ onSearch, searchResponse, parentScrollPosition, }: CourseCataloguePluginProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,182 @@
+import { jsx as p, jsxs as O } from "react/jsx-runtime";
+import { useState as C, useRef as T, useEffect as z } from "react";
+import { c as I } from "../../../../clsx-OuTLNxxd.js";
+import { o as Y } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
+import { at as U, K as F, b as x, y as A, l as P, s as w, au as $, z as q, a3 as J, a0 as Q } from "../../../../Lexical.prod-DH2XfwvA.js";
+import { w as K } from "../../../../LexicalUtils.prod-DU4QwthB.js";
+import { AddCatalogueLinkForm as Z } 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 v, 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 = ({
+  onSearch: S,
+  searchResponse: H,
+  parentScrollPosition: j
+}) => {
+  const [s] = Y(), c = tt(), [G, k] = C(!1), [M, _] = C(!1), E = T(null), D = T(null), R = T(null), [b, h] = C(null), [B, V] = C("course"), y = (f) => {
+    V(f);
+    const u = f === "course" ? E.current?.getBoundingClientRect() : D.current?.getBoundingClientRect();
+    u && h({ top: u.bottom + window.scrollY, left: u.left + window.scrollX });
+  }, L = () => {
+    S("", B), h(null);
+  };
+  return z(() => {
+    b && L();
+  }, [j]), z(() => {
+    const f = s.registerCommand(
+      U,
+      (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,
+      F
+    ), u = s.registerUpdateListener(({ editorState: t }) => {
+      t.read(() => {
+        const r = x();
+        if (A(r)) {
+          const e = r.anchor.getNode(), n = r.anchor.offset;
+          if (P(e) && n === e.getTextContentSize() && e.getNextSibling() instanceof g) {
+            const o = e.getNextSibling();
+            if (o) {
+              const d = v(o);
+              k(d === "course"), _(d === "programme");
+              return;
+            }
+          }
+          const a = K(e, g);
+          if (a) {
+            const o = v(a);
+            k(o === "course"), _(o === "programme");
+            return;
+          }
+          k(!1), _(!1);
+        }
+      });
+    }), m = (t) => {
+      const r = J(), e = t.getTextContentSize();
+      r.setTextNodeRange(t, e, t, e), Q(r);
+    }, N = (t, r) => P(t) && r === t.getTextContentSize() && t.getNextSibling() instanceof g, W = s.registerCommand(
+      U,
+      (t) => {
+        const r = x();
+        if (A(r)) {
+          const e = t.key, n = r.anchor.getNode(), a = r.anchor.offset;
+          let o = K(n, g);
+          if (N(n, a) && (o = n.getNextSibling()), !o)
+            return !1;
+          const d = o?.getTextContentSize();
+          if (o && t.key === "Enter")
+            return t.preventDefault(), s.update(() => {
+              if (N(n, a)) {
+                const l = w(`
+`);
+                o.insertBefore(l);
+              }
+              if (a === d) {
+                const l = w(`
+`);
+                o.insertAfter(l), m(l);
+              }
+            }), !0;
+          if (o && (e === " " || t.code === "Space"))
+            return t.preventDefault(), s.update(() => {
+              const l = w(" ");
+              N(n, a) && (o.insertBefore(l), m(l)), a === d && (o.insertAfter(l), m(l));
+            }), !0;
+          if (o && (e === "Backspace" || e === "Delete"))
+            return t.preventDefault(), s.update(
+              () => {
+                s.dispatchCommand(et, void 0);
+              },
+              { discrete: !0 }
+            ), !0;
+          if (o && e !== "ArrowLeft" && e !== "ArrowRight" && e !== "ArrowUp" && e !== "ArrowDown" && e !== "Home" && e !== "End" && !(t.ctrlKey && (e.toLowerCase() === "z" || e.toLowerCase() === "y")) && !(t.ctrlKey && e.toLowerCase() === "c"))
+            return t.preventDefault(), !0;
+        }
+        return !1;
+      },
+      F
+    ), X = s.registerCommand(
+      $,
+      (t) => {
+        const r = x();
+        if (A(r)) {
+          const e = r.anchor.getNode(), n = K(e, g);
+          if (n) {
+            t.preventDefault();
+            const a = s.getElementByKey(n.getKey());
+            return a && (t.clipboardData?.setData("text/html", a.outerHTML), t.clipboardData?.setData("text/plain", n.getTextContent())), !0;
+          }
+        }
+        return !1;
+      },
+      q
+    );
+    return () => {
+      f(), u(), W(), X();
+    };
+  }, [s]), rt(R, () => 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",
+        {
+          onClick: () => y("course"),
+          title: c.cataloguelinks.courseTooltip,
+          className: I(
+            i["editor__toolbar-button"],
+            i["editor__toolbar-button--text"],
+            G && i["editor__toolbar-button--active"]
+          ),
+          "aria-label": c.aria.labels.courselink,
+          "aria-keyshortcuts": c.aria.keyshortcuts.courselink,
+          type: "button",
+          ref: E,
+          children: c.cataloguelinks.courseButtonLabel
+        }
+      ),
+      /* @__PURE__ */ p(
+        "button",
+        {
+          onClick: () => y("programme"),
+          title: c.cataloguelinks.programmeTooltip,
+          className: I(
+            i["editor__toolbar-button"],
+            i["editor__toolbar-button--text"],
+            M && i["editor__toolbar-button--active"]
+          ),
+          "aria-label": c.aria.labels.programmelink,
+          "aria-keyshortcuts": c.aria.keyshortcuts.programmelink,
+          type: "button",
+          ref: D,
+          children: c.cataloguelinks.programmeButtonLabel
+        }
+      )
+    ] }),
+    b && /* @__PURE__ */ p(
+      "div",
+      {
+        className: i["editor__toolbar-flyout-wrapper"],
+        style: { top: b.top, left: b.left },
+        ref: R,
+        children: /* @__PURE__ */ p(
+          Z,
+          {
+            linkType: B,
+            onCloseHandler: L,
+            onSearchHandler: S,
+            searchResponse: H,
+            onSelect: (f, u, m) => {
+              s.dispatchCommand(ot, {
+                linkType: m,
+                code: f,
+                label: u
+              }), L();
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  gt as CourseCataloguePlugin
+};
+//# sourceMappingURL=CourseCataloguePlugin.js.map

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

@@ -0,0 +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":"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"}

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/index.d.ts

@@ -0,0 +1 @@
+export * from './CourseCataloguePlugin';

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

@@ -0,0 +1,5 @@
+import { CourseCataloguePlugin as r } from "./CourseCataloguePlugin.js";
+export {
+  r as CourseCataloguePlugin
+};
+//# sourceMappingURL=index.js.map

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

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

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 { at as _, au as y, av as C, aw as k } from "../../../../Lexical.prod-sd_e2sqT.js";
+import { av as y, aw as _, ax as C, ay as k } from "../../../../Lexical.prod-DH2XfwvA.js";
 import { useState as m, useEffect as s } from "react";
 import "../../../Accordion/Accordion.js";
 import { Icon as n } from "../../../Icon/Icon.js";
@@ -18,14 +18,14 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import "../../../../TablePlugin-CqCjNBW_.js";
-import { s as r } from "../../../../RteEditor.module-CUi7Vqe8.js";
-import { useTranslation as g } from "../../hooks/useTranslation.js";
+import "../../../../TablePlugin-DmE96vN7.js";
+import { s as r } from "../../../../RteEditor.module-DaBh86FK.js";
+import { useTranslation as x } from "../../hooks/useTranslation.js";
+import "../../Providers/LanguageProvider.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../hooks/components/Flyout.js";
 import "react-dom";
 import "../../../../index-yEhaxKq-.js";
-import "../../Providers/LanguageProvider.js";
 import "../../../SearchField/SearchField.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
@@ -33,17 +33,17 @@ import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BbwlEPIr.js";
 import "../../../WeekSelector/components/WeekSelectorOptionContainer.js";
 const ro = () => {
-  const o = g(), [t] = h(), [p, d] = m(!1), [l, c] = m(!1), u = () => {
+  const o = x(), [t] = h(), [p, d] = m(!1), [l, c] = m(!1), u = () => {
     t.dispatchCommand(C, void 0);
   }, b = () => {
     t.dispatchCommand(k, void 0);
   };
   return s(() => t.registerCommand(
-    _,
+    y,
     (a) => (d(a), !1),
     1
   ), [t]), s(() => t.registerCommand(
-    y,
+    _,
     (a) => (c(a), !1),
     1
   ), [t]), /* @__PURE__ */ f("div", { className: r["editor__toolbar-button-group"], children: [

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-CqCjNBW_.js";
+import { A as I } from "../../../../../TablePlugin-DmE96vN7.js";
 import "../helpers.js";
 import "../../../../Accordion/Accordion.js";
 import "../../../../Icon/Icon.js";
@@ -21,11 +21,11 @@ import "../../../../Input/Input.js";
 import "../../../../InputField/InputField.js";
 import "react-router";
 import "../../../hooks/useTranslation.js";
+import "../../../Providers/LanguageProvider.js";
 import "../LinkContextMenu/LinkContextMenu.js";
 import "../../../hooks/components/Flyout.js";
 import "react-dom";
 import "../../../../../index-yEhaxKq-.js";
-import "../../../Providers/LanguageProvider.js";
 import "../../../../SearchField/SearchField.js";
 import "../../../../SelectListbox/SelectListbox.js";
 import "../../../../SelectListbox/SelectProvider.js";

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

@@ -1,4 +1,3 @@
-import { ElementNode, TextNode } from 'lexical';
 export interface LinkType {
     active: boolean;
     url: string;
@@ -7,6 +6,5 @@ export interface LinkType {
 interface LinkPluginProps {
     parentScrollPosition: number;
 }
-export declare const getLinkNodeTag: (anchorNode: ElementNode | TextNode) => boolean | LinkType;
 export declare const LinkPlugin: ({ parentScrollPosition }: LinkPluginProps) => import("react/jsx-runtime").JSX.Element;
 export {};