@uva-glass/component-library 3.52.10 → 3.53.0

package/dist/components/RteEditor/RteEditor.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RteEditor.stories.js","sources":["../../../src/components/RteEditor/RteEditor.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RteEditorProps } from './RteEditor';\n\nimport { RteEditor } from './RteEditor';\nimport { MOCK_RTE_CONTENT } from './mockRteContent';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `<RteEditor\n          initialValue=\"\"\n          currentLanguage=\"NL\"\n          label=\"\"\n          info=\"\"\n          placeholder=\"\"\n          notValidatedText=\"\"\n          onChange={handleChange}\n        />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/RteEditor',\n  component: RteEditor,\n  parameters: {\n    inspectComponent: RteEditor,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RteEditorProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RteEditorProps>> = (args) => {\n  const [result, setResult] = useState<string>(args.initialValue || '');\n\n  return (\n    <>\n      <Container size=\"large-full-height\">\n        <RteEditor {...args} onChange={(evt) => setResult(evt)} />\n      </Container>\n      <br />\n      <br />\n\n      <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n      <div\n        style={{\n          marginTop: '0rem',\n          padding: '1rem',\n          backgroundColor: '#F9F9F9',\n          borderRadius: '0.25rem',\n          color: '#666',\n        }}\n      >\n        {result}\n      </div>\n    </>\n  );\n};\n\nexport const RteEditorExample = Template.bind({});\n\nRteEditorExample.args = {\n  placeholder: 'Voeg hier tekst in...',\n  currentLanguage: 'NL',\n  label: 'Studiemateriaal',\n  info: \"Studiemateriaal is essentieel voor succesvol leren. Het omvat boeken, artikelen, video's en oefeningen die studenten helpen hun kennis te vergroten, vaardigheden te ontwikkelen en hun studieprestaties te verbeteren.\",\n  required: true,\n  maxWords: 100,\n  initialValue: MOCK_RTE_CONTENT,\n};\n\nexport const MultipleRteEditors = () => {\n  const [result01, setResult01] = useState<string>(\n    'Students will:<br>• demonstrate digital literacy in an academic context<br>• learn to read and engage with texts from a range of disciplinary perspectives<br>• develop writing and argumentation skills appropriate to different disciplines<br>• learn to recognize and apply different research methodologies<br>• learn how to recognize and practice different genres and modes of academic discourse<br>• develop vocabulary appropriate to an academic environment<br>• improve analytic and critical thinking skills<br>• work independently and as part of a collaborative group<br>• learn to review and critique their own work and that of their peers <br>• improve listening comprehension and develop presentation skills<br>• participate in discussions, workshops and debates'\n  );\n  const [result02, setResult02] = useState<string>(\n    `<p>Editor 2</p>\n    <ul>\n      <li>nesting</li>\n      <li>\n        <ol>\n          <li>nested 1</li>\n          <li>nested 2</li>\n        </ol>\n      </li>\n      <li>nesting 2</li>\n      <li>\n        <ul>\n          <li>deep nested 1</li>\n            <li>deep nested 2</li>\n            <li>\n              <ol>\n                <li>deeper nested 1</li>\n                <li>\n                <ul>\n                <li>deepest nested 1</li>\n                <li>deepest nested 2</li>\n                </ul>\n                </li>\n                <li>deeper nested 2</li>\n                <li>\n                  <ol>\n                    <li>deepest nested 1</li>\n                    <li>deepest nested 2</li>\n                  </ol>\n                </li>\n              </ol>\n            </li>\n          </ul>\n        </li>\n      <li>nesting end</li>\n    </ul>`\n  );\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: '1rem',\n        width: '100%',\n        padding: '1rem',\n        backgroundColor: '#FFF',\n      }}\n    >\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result01}\n          label=\"Editor 1\"\n          info=\"Uitleg over editor 1\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult01(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result01}\n        </div>\n      </div>\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result02}\n          label=\"Editor 2\"\n          info=\"Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult02(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result02}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["codeString","RteEditor_stories","RteEditor","Template","args","result","setResult","useState","jsxs","Fragment","jsx","Container","evt","RteEditorExample","MOCK_RTE_CONTENT","MultipleRteEditors","result01","setResult01","result02","setResult02"],"mappings":"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"}
+{"version":3,"file":"RteEditor.stories.js","sources":["../../../src/components/RteEditor/RteEditor.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RteEditorProps } from './RteEditor';\nimport type { SearchResponse } from './Plugins/CourseCataloguePlugin/AddCatalogueLinkForm';\n\nimport { RteEditor } from './RteEditor';\nimport { MOCK_RTE_CONTENT } from './mockRteContent';\nimport { MOCK_SEARCH_COURSES, MOCK_SEARCH_PROGRAMMES } from './mockCatalogueSearchData';\n\nimport { Container } from 'storyComponents/Container';\n\nconst QUERY_SPEED = 1000; // ms\nconst CHARACTER_THRESHOLD = 3;\n\nconst codeString = `<RteEditor\n          initialValue=\"\"\n          currentLanguage=\"NL\"\n          label=\"\"\n          info=\"\"\n          placeholder=\"\"\n          notValidatedText=\"\"\n          onChange={handleChange}\n          onCatalogueLinkSearch={handleCatalogueLinkSearch}\n          catalogueSearchResponse={{ state: 'idle', results: [] }}\n        />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/RteEditor',\n  component: RteEditor,\n  parameters: {\n    inspectComponent: RteEditor,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RteEditorProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RteEditorProps>> = (args) => {\n  const [result, setResult] = useState<string>(args.initialValue || '');\n  const [catalogueSearchResponse, setCatalogueSearchResponse] = useState<SearchResponse>({\n    state: 'idle',\n    results: [],\n  });\n  const networkTimer = useRef<NodeJS.Timeout | null>(null);\n\n  const handleSearch = (query: string, linkType: 'course' | 'programme') => {\n    if (query.length < CHARACTER_THRESHOLD) {\n      clearTimeout(networkTimer.current!);\n      setCatalogueSearchResponse({ state: 'idle', results: [] });\n      return;\n    }\n\n    if (networkTimer.current !== null) {\n      clearTimeout(networkTimer.current);\n    }\n\n    const lowerCaseQuery = query.toLowerCase();\n    if (query.length >= CHARACTER_THRESHOLD) {\n      setCatalogueSearchResponse({ state: 'pending', results: [] });\n      const mockResults =\n        linkType === 'course'\n          ? MOCK_SEARCH_COURSES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            )\n          : MOCK_SEARCH_PROGRAMMES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            );\n\n      networkTimer.current = setTimeout(\n        () =>\n          setCatalogueSearchResponse({\n            state: 'ready',\n            results: mockResults,\n          }),\n        QUERY_SPEED\n      );\n    }\n  };\n\n  return (\n    <>\n      <Container size=\"large-full-height\">\n        <RteEditor\n          {...args}\n          onChange={(evt) => setResult(evt)}\n          onCatalogueLinkSearch={handleSearch}\n          catalogueSearchResponse={catalogueSearchResponse}\n        />\n      </Container>\n      <br />\n      <br />\n\n      <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n      <div\n        style={{\n          marginTop: '0rem',\n          padding: '1rem',\n          backgroundColor: '#F9F9F9',\n          borderRadius: '0.25rem',\n          color: '#666',\n        }}\n      >\n        {result}\n      </div>\n    </>\n  );\n};\n\nexport const RteEditorExample = Template.bind({});\n\nRteEditorExample.args = {\n  placeholder: 'Voeg hier tekst in...',\n  currentLanguage: 'NL',\n  label: 'Studiemateriaal',\n  info: \"Studiemateriaal is essentieel voor succesvol leren. Het omvat boeken, artikelen, video's en oefeningen die studenten helpen hun kennis te vergroten, vaardigheden te ontwikkelen en hun studieprestaties te verbeteren.\",\n  required: true,\n  maxWords: 100,\n  initialValue: MOCK_RTE_CONTENT,\n};\n\nexport const MultipleRteEditors = () => {\n  const [result01, setResult01] = useState<string>(\n    'Students will:<br>• demonstrate digital literacy in an academic context<br>• learn to read and engage with texts from a range of disciplinary perspectives<br>• develop writing and argumentation skills appropriate to different disciplines<br>• learn to recognize and apply different research methodologies<br>• learn how to recognize and practice different genres and modes of academic discourse<br>• develop vocabulary appropriate to an academic environment<br>• improve analytic and critical thinking skills<br>• work independently and as part of a collaborative group<br>• learn to review and critique their own work and that of their peers <br>• improve listening comprehension and develop presentation skills<br>• participate in discussions, workshops and debates'\n  );\n  const [result02, setResult02] = useState<string>(\n    `<p>Editor 2</p>\n    <ul>\n      <li>nesting</li>\n      <li>\n        <ol>\n          <li>nested 1</li>\n          <li>nested 2</li>\n        </ol>\n      </li>\n      <li>nesting 2</li>\n      <li>\n        <ul>\n          <li>deep nested 1</li>\n            <li>deep nested 2</li>\n            <li>\n              <ol>\n                <li>deeper nested 1</li>\n                <li>\n                <ul>\n                <li>deepest nested 1</li>\n                <li>deepest nested 2</li>\n                </ul>\n                </li>\n                <li>deeper nested 2</li>\n                <li>\n                  <ol>\n                    <li>deepest nested 1</li>\n                    <li>deepest nested 2</li>\n                  </ol>\n                </li>\n              </ol>\n            </li>\n          </ul>\n        </li>\n      <li>nesting end</li>\n    </ul>`\n  );\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: '1rem',\n        width: '100%',\n        padding: '1rem',\n        backgroundColor: '#FFF',\n      }}\n    >\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result01}\n          label=\"Editor 1\"\n          info=\"Uitleg over editor 1\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult01(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result01}\n        </div>\n      </div>\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result02}\n          label=\"Editor 2\"\n          info=\"Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult02(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result02}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["QUERY_SPEED","CHARACTER_THRESHOLD","codeString","RteEditor_stories","RteEditor","Template","args","result","setResult","useState","catalogueSearchResponse","setCatalogueSearchResponse","networkTimer","useRef","jsxs","Fragment","jsx","Container","evt","query","linkType","lowerCaseQuery","mockResults","MOCK_SEARCH_COURSES","item","MOCK_SEARCH_PROGRAMMES","RteEditorExample","MOCK_RTE_CONTENT","MultipleRteEditors","result01","setResult01","result02","setResult02"],"mappings":"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"}

package/dist/components/RteEditor/UvaTheme/UvaTheme.d.ts

@@ -20,4 +20,5 @@ export declare const UvaTheme: {
     link: string;
     tableWrapper: string;
     table: string;
+    courseCatalogueLink: string;
 };

package/dist/components/RteEditor/UvaTheme/UvaTheme.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../../RteEditor.module-CUi7Vqe8.js";
+import { s as t } from "../../../RteEditor.module-DaBh86FK.js";
 const i = {
   ltr: t["guide-text-ltr"],
   rtl: t["guide-text-rtl"],
@@ -32,7 +32,8 @@ const i = {
   },
   link: t["guide-text__link"],
   tableWrapper: t["guide-text__table-wrapper"],
-  table: t["guide-text__table"]
+  table: t["guide-text__table"],
+  courseCatalogueLink: t["guide-text__course-catalogue-link"]
 };
 export {
   i as UvaTheme

package/dist/components/RteEditor/UvaTheme/UvaTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"UvaTheme.js","sources":["../../../../src/components/RteEditor/UvaTheme/UvaTheme.tsx"],"sourcesContent":["import styles from 'components/RteEditor/RteEditor.module.css';\n\nexport const UvaTheme = {\n  ltr: styles['guide-text-ltr'],\n  rtl: styles['guide-text-rtl'],\n  paragraph: styles['guide-text-paragraph'],\n  text: {\n    bold: styles['guide-text__text--bold'],\n    italic: styles['guide-text__text--italic'],\n  },\n  list: {\n    listitem: styles['guide-text__list--listitem'],\n    nested: {\n      list: styles['guide-text__list--nested'],\n      listitem: styles['guide-text__list--nested-listitem'],\n    },\n    olDepth: [\n      styles['guide-text__list--ol'],\n      styles['guide-text__list--ol2'],\n      styles['guide-text__list--ol3'],\n      styles['guide-text__list--ol4'],\n      styles['guide-text__list--ol5'],\n    ],\n    ulDepth: [\n      styles['guide-text__list--ul'],\n      styles['guide-text__list--ul2'],\n      styles['guide-text__list--ul3'],\n      styles['guide-text__list--ul4'],\n      styles['guide-text__list--ul5'],\n    ],\n    ul: styles['guide-text__list--ul'],\n    ulDepthNested: [styles['guide-text__list--ol']],\n  },\n  link: styles['guide-text__link'],\n  tableWrapper: styles['guide-text__table-wrapper'],\n  table: styles['guide-text__table'],\n};\n"],"names":["UvaTheme","styles"],"mappings":";AAEO,MAAMA,IAAW;AAAA,EACtB,KAAKC,EAAO,gBAAgB;AAAA,EAC5B,KAAKA,EAAO,gBAAgB;AAAA,EAC5B,WAAWA,EAAO,sBAAsB;AAAA,EACxC,MAAM;AAAA,IACJ,MAAMA,EAAO,wBAAwB;AAAA,IACrC,QAAQA,EAAO,0BAA0B;AAAA,EAAA;AAAA,EAE3C,MAAM;AAAA,IACJ,UAAUA,EAAO,4BAA4B;AAAA,IAC7C,QAAQ;AAAA,MACN,MAAMA,EAAO,0BAA0B;AAAA,MACvC,UAAUA,EAAO,mCAAmC;AAAA,IAAA;AAAA,IAEtD,SAAS;AAAA,MACPA,EAAO,sBAAsB;AAAA,MAC7BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,IAAA;AAAA,IAEhC,SAAS;AAAA,MACPA,EAAO,sBAAsB;AAAA,MAC7BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,IAAA;AAAA,IAEhC,IAAIA,EAAO,sBAAsB;AAAA,IACjC,eAAe,CAACA,EAAO,sBAAsB,CAAC;AAAA,EAAA;AAAA,EAEhD,MAAMA,EAAO,kBAAkB;AAAA,EAC/B,cAAcA,EAAO,2BAA2B;AAAA,EAChD,OAAOA,EAAO,mBAAmB;AACnC;"}
+{"version":3,"file":"UvaTheme.js","sources":["../../../../src/components/RteEditor/UvaTheme/UvaTheme.tsx"],"sourcesContent":["import styles from 'components/RteEditor/RteEditor.module.css';\n\nexport const UvaTheme = {\n  ltr: styles['guide-text-ltr'],\n  rtl: styles['guide-text-rtl'],\n  paragraph: styles['guide-text-paragraph'],\n  text: {\n    bold: styles['guide-text__text--bold'],\n    italic: styles['guide-text__text--italic'],\n  },\n  list: {\n    listitem: styles['guide-text__list--listitem'],\n    nested: {\n      list: styles['guide-text__list--nested'],\n      listitem: styles['guide-text__list--nested-listitem'],\n    },\n    olDepth: [\n      styles['guide-text__list--ol'],\n      styles['guide-text__list--ol2'],\n      styles['guide-text__list--ol3'],\n      styles['guide-text__list--ol4'],\n      styles['guide-text__list--ol5'],\n    ],\n    ulDepth: [\n      styles['guide-text__list--ul'],\n      styles['guide-text__list--ul2'],\n      styles['guide-text__list--ul3'],\n      styles['guide-text__list--ul4'],\n      styles['guide-text__list--ul5'],\n    ],\n    ul: styles['guide-text__list--ul'],\n    ulDepthNested: [styles['guide-text__list--ol']],\n  },\n  link: styles['guide-text__link'],\n  tableWrapper: styles['guide-text__table-wrapper'],\n  table: styles['guide-text__table'],\n  courseCatalogueLink: styles['guide-text__course-catalogue-link'],\n};\n"],"names":["UvaTheme","styles"],"mappings":";AAEO,MAAMA,IAAW;AAAA,EACtB,KAAKC,EAAO,gBAAgB;AAAA,EAC5B,KAAKA,EAAO,gBAAgB;AAAA,EAC5B,WAAWA,EAAO,sBAAsB;AAAA,EACxC,MAAM;AAAA,IACJ,MAAMA,EAAO,wBAAwB;AAAA,IACrC,QAAQA,EAAO,0BAA0B;AAAA,EAAA;AAAA,EAE3C,MAAM;AAAA,IACJ,UAAUA,EAAO,4BAA4B;AAAA,IAC7C,QAAQ;AAAA,MACN,MAAMA,EAAO,0BAA0B;AAAA,MACvC,UAAUA,EAAO,mCAAmC;AAAA,IAAA;AAAA,IAEtD,SAAS;AAAA,MACPA,EAAO,sBAAsB;AAAA,MAC7BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,IAAA;AAAA,IAEhC,SAAS;AAAA,MACPA,EAAO,sBAAsB;AAAA,MAC7BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,MAC9BA,EAAO,uBAAuB;AAAA,IAAA;AAAA,IAEhC,IAAIA,EAAO,sBAAsB;AAAA,IACjC,eAAe,CAACA,EAAO,sBAAsB,CAAC;AAAA,EAAA;AAAA,EAEhD,MAAMA,EAAO,kBAAkB;AAAA,EAC/B,cAAcA,EAAO,2BAA2B;AAAA,EAChD,OAAOA,EAAO,mBAAmB;AAAA,EACjC,qBAAqBA,EAAO,mCAAmC;AACjE;"}

package/dist/components/RteEditor/helpers.js

@@ -1,38 +1,41 @@
-import { y as s } from "../../LexicalLink.prod-BCE6Bg2N.js";
-import { l as n, n as i } from "../../LexicalList.prod-CIB0K0ja.js";
-import { ac as c, X as a } from "../../Lexical.prod-sd_e2sqT.js";
-import { x as m } from "../../LexicalTable.prod-Oa2YPHLl.js";
-const f = (t) => {
+import { y as s } from "../../LexicalLink.prod-BV5Y2RYj.js";
+import { l as n, n as i } from "../../LexicalList.prod-DA9du3qx.js";
+import { ac as c, X as a } from "../../Lexical.prod-DH2XfwvA.js";
+import { x as m } from "../../LexicalTable.prod-RGq0GKAR.js";
+import "react";
+import { CourseCatalogueNode as g } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
+const y = (t) => {
   let r = t.replace(/<b><strong>/gi, "<strong>");
   return r = r.replace(/<\/strong><\/b>/gi, "</strong>"), r;
-}, d = (t) => t.replace(/<div[^>]*>\s*(<table[\s\S]*?<\/table>)\s*<\/div>/gi, "$1"), o = (t, r) => {
+}, A = (t) => t.replace(/<div[^>]*>\s*(<table[\s\S]*?<\/table>)\s*<\/div>/gi, "$1"), l = (t, r) => {
   const e = r.exportDOM(t);
   if (e && e.element instanceof HTMLElement)
-    for (const l of [e.element, ...e.element.querySelectorAll('[style],[class],[dir="ltr"]')])
-      l.removeAttribute("class"), l.getAttribute("style") && (l.setAttribute("style", ""), l.removeAttribute("style")), l.getAttribute("dir") === "ltr" && l.removeAttribute("dir");
+    for (const o of [e.element, ...e.element.querySelectorAll('[style],[class],[dir="ltr"]')])
+      o.removeAttribute("class"), o.getAttribute("style") && (o.setAttribute("style", ""), o.removeAttribute("style")), o.getAttribute("dir") === "ltr" && o.removeAttribute("dir");
   return e;
-}, v = /* @__PURE__ */ new Map([
-  [c, o],
-  [a, o],
-  [n, o],
-  [i, o],
-  [m, o],
-  [s, o]
-]), y = (t) => {
+}, C = /* @__PURE__ */ new Map([
+  [c, l],
+  [a, l],
+  [n, l],
+  [i, l],
+  [m, l],
+  [s, l],
+  [g, l]
+]), S = (t) => {
   document.querySelectorAll("*").forEach((e) => {
     e.scrollHeight > e.clientHeight && e.addEventListener("scroll", t);
   });
-}, A = (t) => {
+}, h = (t) => {
   document.querySelectorAll("*").forEach((e) => {
     e.scrollHeight > e.clientHeight && e.removeEventListener("scroll", t);
   });
 };
 export {
-  d as cleanUpTable,
-  v as exportMap,
-  f as mergeBoldStrongTags,
-  A as removeScrollableContainers,
-  o as removeStylesExportDOM,
-  y as setScrollableContainers
+  A as cleanUpTable,
+  C as exportMap,
+  y as mergeBoldStrongTags,
+  h as removeScrollableContainers,
+  l as removeStylesExportDOM,
+  S as setScrollableContainers
 };
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/RteEditor/helpers.ts"],"sourcesContent":["import { LinkNode } from '@lexical/link';\nimport { ListNode, ListItemNode } from '@lexical/list';\nimport { ParagraphNode, TextNode } from 'lexical';\nimport { TableCellNode } from '@lexical/table';\n\nimport type { DOMExportOutput, Klass, LexicalEditor, LexicalNode } from 'lexical';\n\nexport const mergeBoldStrongTags = (html: string): string => {\n  let mergedHtml = html.replace(/<b><strong>/gi, '<strong>');\n  mergedHtml = mergedHtml.replace(/<\\/strong><\\/b>/gi, '</strong>');\n  return mergedHtml;\n};\n\nexport const cleanUpTable = (html: string): string =>\n  html.replace(/<div[^>]*>\\s*(<table[\\s\\S]*?<\\/table>)\\s*<\\/div>/gi, '$1');\n\nexport const removeStylesExportDOM = (editor: LexicalEditor, target: LexicalNode): DOMExportOutput => {\n  const output = target.exportDOM(editor);\n  if (output && output.element instanceof HTMLElement) {\n    for (const el of [output.element, ...output.element.querySelectorAll('[style],[class],[dir=\"ltr\"]')]) {\n      el.removeAttribute('class');\n      if (el.getAttribute('style')) {\n        el.setAttribute('style', '');\n        el.removeAttribute('style');\n      }\n      if (el.getAttribute('dir') === 'ltr') {\n        el.removeAttribute('dir');\n      }\n    }\n  }\n  return output;\n};\n\nexport const exportMap = new Map<Klass<LexicalNode>, (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput>([\n  [ParagraphNode, removeStylesExportDOM],\n  [TextNode, removeStylesExportDOM],\n  [ListNode, removeStylesExportDOM],\n  [ListItemNode, removeStylesExportDOM],\n  [TableCellNode, removeStylesExportDOM],\n  [LinkNode, removeStylesExportDOM],\n]);\n\nexport const setScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.addEventListener('scroll', fn);\n    }\n  });\n};\n\nexport const removeScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.removeEventListener('scroll', fn);\n    }\n  });\n};\n"],"names":["mergeBoldStrongTags","html","mergedHtml","cleanUpTable","removeStylesExportDOM","editor","target","output","el","exportMap","ParagraphNode","TextNode","ListNode","ListItemNode","TableCellNode","LinkNode","setScrollableContainers","fn","container","removeScrollableContainers"],"mappings":";;;;AAOO,MAAMA,IAAsB,CAACC,MAAyB;AAC3D,MAAIC,IAAaD,EAAK,QAAQ,iBAAiB,UAAU;AACzD,SAAAC,IAAaA,EAAW,QAAQ,qBAAqB,WAAW,GACzDA;AACT,GAEaC,IAAe,CAACF,MAC3BA,EAAK,QAAQ,sDAAsD,IAAI,GAE5DG,IAAwB,CAACC,GAAuBC,MAAyC;AACpG,QAAMC,IAASD,EAAO,UAAUD,CAAM;AACtC,MAAIE,KAAUA,EAAO,mBAAmB;AACtC,eAAWC,KAAM,CAACD,EAAO,SAAS,GAAGA,EAAO,QAAQ,iBAAiB,6BAA6B,CAAC;AACjG,MAAAC,EAAG,gBAAgB,OAAO,GACtBA,EAAG,aAAa,OAAO,MACzBA,EAAG,aAAa,SAAS,EAAE,GAC3BA,EAAG,gBAAgB,OAAO,IAExBA,EAAG,aAAa,KAAK,MAAM,SAC7BA,EAAG,gBAAgB,KAAK;AAI9B,SAAOD;AACT,GAEaE,wBAAgB,IAAyF;AAAA,EACpH,CAACC,GAAeN,CAAqB;AAAA,EACrC,CAACO,GAAUP,CAAqB;AAAA,EAChC,CAACQ,GAAUR,CAAqB;AAAA,EAChC,CAACS,GAAcT,CAAqB;AAAA,EACpC,CAACU,GAAeV,CAAqB;AAAA,EACrC,CAACW,GAAUX,CAAqB;AAClC,CAAC,GAEYY,IAA0B,CAACC,MAA+B;AAErE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,iBAAiB,UAAUD,CAAE;AAAA,EAE3C,CAAC;AACH,GAEaE,IAA6B,CAACF,MAA+B;AAExE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,oBAAoB,UAAUD,CAAE;AAAA,EAE9C,CAAC;AACH;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/RteEditor/helpers.ts"],"sourcesContent":["import { LinkNode } from '@lexical/link';\nimport { ListNode, ListItemNode } from '@lexical/list';\nimport { ParagraphNode, TextNode } from 'lexical';\nimport { TableCellNode } from '@lexical/table';\n\nimport type { DOMExportOutput, Klass, LexicalEditor, LexicalNode } from 'lexical';\n\nimport { CourseCatalogueNode } from './nodes';\n\nexport const mergeBoldStrongTags = (html: string): string => {\n  let mergedHtml = html.replace(/<b><strong>/gi, '<strong>');\n  mergedHtml = mergedHtml.replace(/<\\/strong><\\/b>/gi, '</strong>');\n  return mergedHtml;\n};\n\nexport const cleanUpTable = (html: string): string =>\n  html.replace(/<div[^>]*>\\s*(<table[\\s\\S]*?<\\/table>)\\s*<\\/div>/gi, '$1');\n\nexport const removeStylesExportDOM = (editor: LexicalEditor, target: LexicalNode): DOMExportOutput => {\n  const output = target.exportDOM(editor);\n  if (output && output.element instanceof HTMLElement) {\n    for (const el of [output.element, ...output.element.querySelectorAll('[style],[class],[dir=\"ltr\"]')]) {\n      el.removeAttribute('class');\n      if (el.getAttribute('style')) {\n        el.setAttribute('style', '');\n        el.removeAttribute('style');\n      }\n      if (el.getAttribute('dir') === 'ltr') {\n        el.removeAttribute('dir');\n      }\n    }\n  }\n  return output;\n};\n\nexport const exportMap = new Map<Klass<LexicalNode>, (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput>([\n  [ParagraphNode, removeStylesExportDOM],\n  [TextNode, removeStylesExportDOM],\n  [ListNode, removeStylesExportDOM],\n  [ListItemNode, removeStylesExportDOM],\n  [TableCellNode, removeStylesExportDOM],\n  [LinkNode, removeStylesExportDOM],\n  [CourseCatalogueNode, removeStylesExportDOM],\n]);\n\nexport const setScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.addEventListener('scroll', fn);\n    }\n  });\n};\n\nexport const removeScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.removeEventListener('scroll', fn);\n    }\n  });\n};\n"],"names":["mergeBoldStrongTags","html","mergedHtml","cleanUpTable","removeStylesExportDOM","editor","target","output","el","exportMap","ParagraphNode","TextNode","ListNode","ListItemNode","TableCellNode","LinkNode","CourseCatalogueNode","setScrollableContainers","fn","container","removeScrollableContainers"],"mappings":";;;;;;AASO,MAAMA,IAAsB,CAACC,MAAyB;AAC3D,MAAIC,IAAaD,EAAK,QAAQ,iBAAiB,UAAU;AACzD,SAAAC,IAAaA,EAAW,QAAQ,qBAAqB,WAAW,GACzDA;AACT,GAEaC,IAAe,CAACF,MAC3BA,EAAK,QAAQ,sDAAsD,IAAI,GAE5DG,IAAwB,CAACC,GAAuBC,MAAyC;AACpG,QAAMC,IAASD,EAAO,UAAUD,CAAM;AACtC,MAAIE,KAAUA,EAAO,mBAAmB;AACtC,eAAWC,KAAM,CAACD,EAAO,SAAS,GAAGA,EAAO,QAAQ,iBAAiB,6BAA6B,CAAC;AACjG,MAAAC,EAAG,gBAAgB,OAAO,GACtBA,EAAG,aAAa,OAAO,MACzBA,EAAG,aAAa,SAAS,EAAE,GAC3BA,EAAG,gBAAgB,OAAO,IAExBA,EAAG,aAAa,KAAK,MAAM,SAC7BA,EAAG,gBAAgB,KAAK;AAI9B,SAAOD;AACT,GAEaE,wBAAgB,IAAyF;AAAA,EACpH,CAACC,GAAeN,CAAqB;AAAA,EACrC,CAACO,GAAUP,CAAqB;AAAA,EAChC,CAACQ,GAAUR,CAAqB;AAAA,EAChC,CAACS,GAAcT,CAAqB;AAAA,EACpC,CAACU,GAAeV,CAAqB;AAAA,EACrC,CAACW,GAAUX,CAAqB;AAAA,EAChC,CAACY,GAAqBZ,CAAqB;AAC7C,CAAC,GAEYa,IAA0B,CAACC,MAA+B;AAErE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,iBAAiB,UAAUD,CAAE;AAAA,EAE3C,CAAC;AACH,GAEaE,IAA6B,CAACF,MAA+B;AAExE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,oBAAoB,UAAUD,CAAE;AAAA,EAE9C,CAAC;AACH;"}

package/dist/components/RteEditor/hooks/components/Flyout.js

@@ -1,21 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as f } from "../../../../clsx-OuTLNxxd.js";
-import { forwardRef as l } from "react";
-import '../../../../assets/Flyout.css';const s = "_flyout__wrapper_1cw8u_1", u = "_flyout__open_1cw8u_14", t = {
-  flyout__wrapper: s,
-  flyout__open: u
-}, m = l(
-  ({ position: o, visible: _, children: p }, r) => /* @__PURE__ */ e(
-    "div",
-    {
-      className: f(t.flyout__wrapper, _ && t.flyout__open),
-      style: { top: o.top, left: o.left },
-      ref: r,
-      children: p
-    }
-  )
+import { forwardRef as _ } from "react";
+import '../../../../assets/Flyout.css';const f = "_flyout__wrapper_14wn0_1", l = {
+  flyout__wrapper: f
+}, y = _(
+  ({ position: t, visible: r, children: o }, p) => r && /* @__PURE__ */ e("div", { className: l.flyout__wrapper, style: { top: t.top, left: t.left }, ref: p, children: o })
 );
 export {
-  m as Flyout
+  y as Flyout
 };
 //# sourceMappingURL=Flyout.js.map

package/dist/components/RteEditor/hooks/components/Flyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flyout.js","sources":["../../../../../src/components/RteEditor/hooks/components/Flyout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { JSX, ReactNode } from 'react';\n\nimport styles from './Flyout.module.css';\n\ninterface FlyoutProps {\n  position: { top: number; left: number };\n  visible: boolean;\n  children: ReactNode;\n}\n\nexport const Flyout = forwardRef<HTMLDivElement, FlyoutProps>(\n  ({ position, visible, children }: FlyoutProps, ref): JSX.Element => (\n    <div\n      className={clsx(styles['flyout__wrapper'], visible && styles['flyout__open'])}\n      style={{ top: position.top, left: position.left }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n);\n"],"names":["Flyout","forwardRef","position","visible","children","ref","jsx","clsx","styles"],"mappings":";;;;;;GAaaA,IAASC;AAAA,EACpB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,EAAA,GAAyBC,MAC7C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,iBAAoBL,KAAWK,EAAO,YAAe;AAAA,MAC5E,OAAO,EAAE,KAAKN,EAAS,KAAK,MAAMA,EAAS,KAAA;AAAA,MAC3C,KAAAG;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Flyout.js","sources":["../../../../../src/components/RteEditor/hooks/components/Flyout.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Flyout.module.css';\n\ninterface FlyoutProps {\n  position: { top: number; left: number };\n  visible: boolean;\n  children: ReactNode;\n}\n\nexport const Flyout = forwardRef<HTMLDivElement, FlyoutProps>(\n  ({ position, visible, children }: FlyoutProps, ref) =>\n    visible && (\n      <div className={styles['flyout__wrapper']} style={{ top: position.top, left: position.left }} ref={ref}>\n        {children}\n      </div>\n    )\n);\n"],"names":["Flyout","forwardRef","position","visible","children","ref","jsx","styles"],"mappings":";;;;GAYaA,IAASC;AAAA,EACpB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,KAAyBC,MAC7CF,KACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAO,iBAAoB,OAAO,EAAE,KAAKL,EAAS,KAAK,MAAMA,EAAS,KAAA,GAAQ,KAAAG,GAC3F,UAAAD,EAAA,CACH;AAEN;"}

package/dist/components/RteEditor/hooks/useTranslation.d.ts

@@ -44,6 +44,9 @@ export declare const useTranslation: () => {
             tableDeleteColumn: string;
             tableDeleteTable: string;
             cancelButton: string;
+            courselink: string;
+            programmelink: string;
+            searchField: string;
         };
         keyshortcuts: {
             bold: string;
@@ -57,6 +60,8 @@ export declare const useTranslation: () => {
             deletelink: string;
             testlink: string;
             table: string;
+            courselink: string;
+            programmelink: string;
         };
     };
     table: {
@@ -83,6 +88,20 @@ export declare const useTranslation: () => {
         linkTesttip: string;
         linkDeletetip: string;
     };
+    cataloguelinks: {
+        courseButtonLabel: string;
+        courseTooltip: string;
+        programmeTooltip: string;
+        programmeButtonLabel: string;
+        searchCourseFieldLabel: string;
+        searchProgrammeFieldLabel: string;
+        searchFieldPlaceholder: string;
+        resultCourseListCatalogNumber: string;
+        resultProgrammeListCatalogNumber: string;
+        resultListName: string;
+        loading: string;
+        noResults: string;
+    };
 } | {
     common: {
         cancel: string;
@@ -128,7 +147,10 @@ export declare const useTranslation: () => {
             tableInsertColumnRight: string;
             tableDeleteColumn: string;
             tableDeleteTable: string;
-            cancel: string;
+            cancelButton: string;
+            courselink: string;
+            programmelink: string;
+            searchField: string;
         };
         keyshortcuts: {
             bold: string;
@@ -142,6 +164,8 @@ export declare const useTranslation: () => {
             deletelink: string;
             testlink: string;
             table: string;
+            courselink: string;
+            programmelink: string;
         };
     };
     table: {
@@ -168,4 +192,18 @@ export declare const useTranslation: () => {
         linkTesttip: string;
         linkDeletetip: string;
     };
+    cataloguelinks: {
+        courseButtonLabel: string;
+        courseTooltip: string;
+        programmeTooltip: string;
+        programmeButtonLabel: string;
+        searchCourseFieldLabel: string;
+        searchProgrammeFieldLabel: string;
+        searchFieldPlaceholder: string;
+        resultCourseListCatalogNumber: string;
+        resultProgrammeListCatalogNumber: string;
+        resultListName: string;
+        loading: string;
+        noResults: string;
+    };
 };

package/dist/components/RteEditor/hooks/useTranslation.js

@@ -1,10 +1,10 @@
-import { translations as o } from "../translations.js";
-import { useLanguage as r } from "../Providers/LanguageProvider.js";
-const s = () => {
-  const { language: n } = r();
-  return o[n];
+import { translations as n } from "../translations.js";
+import { useLanguage as t } from "../Providers/LanguageProvider.js";
+const e = () => {
+  const { currentLanguage: r } = t();
+  return n[r];
 };
 export {
-  s as useTranslation
+  e as useTranslation
 };
 //# sourceMappingURL=useTranslation.js.map

package/dist/components/RteEditor/hooks/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","sources":["../../../../src/components/RteEditor/hooks/useTranslation.tsx"],"sourcesContent":["import { translations } from 'components/RteEditor/translations';\nimport { useLanguage } from 'components/RteEditor/Providers/LanguageProvider';\n\nexport const useTranslation = () => {\n  const { language } = useLanguage() as { language: 'nl' | 'en' };\n  return translations[language];\n};\n"],"names":["useTranslation","language","useLanguage","translations"],"mappings":";;AAGO,MAAMA,IAAiB,MAAM;AAClC,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAA;AACrB,SAAOC,EAAaF,CAAQ;AAC9B;"}
+{"version":3,"file":"useTranslation.js","sources":["../../../../src/components/RteEditor/hooks/useTranslation.tsx"],"sourcesContent":["import { translations } from 'components/RteEditor/translations';\nimport { useLanguage } from 'components/RteEditor/Providers/LanguageProvider';\n\nexport const useTranslation = () => {\n  const { currentLanguage } = useLanguage() as { currentLanguage: 'NL' | 'EN' };\n  return translations[currentLanguage];\n};\n"],"names":["useTranslation","currentLanguage","useLanguage","translations"],"mappings":";;AAGO,MAAMA,IAAiB,MAAM;AAClC,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAOC,EAAaF,CAAe;AACrC;"}

package/dist/components/RteEditor/mockCatalogueSearchData.d.ts

@@ -0,0 +1,18 @@
+export declare const MOCK_SEARCH_COURSES: {
+    code: string;
+    id: string;
+    name: {
+        EN: string;
+        NL: string;
+    };
+    programmeType: string;
+}[];
+export declare const MOCK_SEARCH_PROGRAMMES: {
+    code: string;
+    id: string;
+    name: {
+        EN: string;
+        NL: string;
+    };
+    programmeType: string;
+}[];