@uva-glass/component-library 3.55.1 → 3.55.2

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

@@ -1,209 +1,162 @@
-import { jsxs as s, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { useState as c, useRef as b } from "react";
-import { RteEditor as o } from "./RteEditor.js";
-import { MOCK_RTE_CONTENT as C } from "./mockRteContent.js";
-import { MOCK_SEARCH_COURSES as k, MOCK_SEARCH_PROGRAMMES as R } from "./mockCatalogueSearchData.js";
-import { Container as v } from "../../storyComponents/Container/Container.js";
-const w = 1e3, g = 3, T = `<RteEditor
-          editorId="editor-id"
-          initialValue=""
-          currentLanguage="NL"
-          label=""
-          info=""
-          placeholder=""
-          notValidatedText=""
-          onChange={handleChange}
-          onCatalogueLinkSearch={handleCatalogueLinkSearch}
-          catalogueSearchResponse={{ state: 'idle', results: [] }}
-        />`, M = {
-  title: "Organisms/RteEditor",
-  component: o,
-  parameters: {
-    inspectComponent: o,
-    codeString: T
-  }
-}, E = (i) => {
-  const [u, l] = c(i.initialValue || ""), [p, t] = c({
-    state: "idle",
-    results: []
-  }), a = b(null);
-  return /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ e(v, { size: "large-full-height", children: /* @__PURE__ */ e(
-      o,
-      {
-        ...i,
-        onChange: (r) => l(r),
-        onCatalogueLinkSearch: (r, m) => {
-          if (r.length < g) {
-            clearTimeout(a.current), t({ state: "idle", results: [] });
-            return;
-          }
-          a.current !== null && clearTimeout(a.current);
-          const d = r.toLowerCase();
-          if (r.length >= g) {
-            t({ state: "pending", results: [] });
-            const h = m === "course" ? k.filter(
-              (n) => n.name.NL.toLowerCase().includes(d) || n.code.toLowerCase().includes(d)
-            ) : R.filter(
-              (n) => n.name.NL.toLowerCase().includes(d) || n.code.toLowerCase().includes(d)
-            );
-            a.current = setTimeout(
-              () => t({
-                state: "ready",
-                results: h
-              }),
-              w
-            );
-          }
-        },
-        catalogueSearchResponse: p
-      }
-    ) }),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("p", { style: { margin: "0", marginTop: "2rem" }, children: "HTML Output:" }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          marginTop: "0rem",
-          padding: "1rem",
-          backgroundColor: "#F9F9F9",
-          borderRadius: "0.25rem",
-          color: "#666"
-        },
-        children: u
-      }
-    )
-  ] });
-}, S = E.bind({});
-S.args = {
-  editorId: "test-editor",
-  placeholder: "Voeg hier tekst in...",
-  currentLanguage: "NL",
-  label: "Studiemateriaal",
-  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.",
-  required: !0,
-  initialValue: C
+import { n as e } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+import { t } from "../../Container-BLjtYDqq.js";
+import "../../storyComponents/Container/index.js";
+import { MOCK_RTE_CONTENT as n } from "./mockRteContent.js";
+import { MOCK_SEARCH_COURSES as r, MOCK_SEARCH_PROGRAMMES as i } from "./mockCatalogueSearchData.js";
+import { useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/RteEditor/RteEditor.stories.tsx
+var u = 1e3, d = 3, f = {
+	title: "Organisms/RteEditor",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<RteEditor\n          editorId=\"editor-id\"\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        />"
+	}
+}, p = ((n) => {
+	let [f, p] = o(n.initialValue || ""), [m, h] = o({
+		state: "idle",
+		results: []
+	}), g = a(null), _ = (e, t) => {
+		if (e.length < d) {
+			clearTimeout(g.current), h({
+				state: "idle",
+				results: []
+			});
+			return;
+		}
+		g.current !== null && clearTimeout(g.current);
+		let n = e.toLowerCase();
+		if (e.length >= d) {
+			h({
+				state: "pending",
+				results: []
+			});
+			let e = t === "course" ? r.filter((e) => e.name.NL.toLowerCase().includes(n) || e.code.toLowerCase().includes(n)) : i.filter((e) => e.name.NL.toLowerCase().includes(n) || e.code.toLowerCase().includes(n));
+			g.current = setTimeout(() => h({
+				state: "ready",
+				results: e
+			}), u);
+		}
+	};
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c(t, {
+			size: "large-full-height",
+			children: /* @__PURE__ */ c(e, {
+				...n,
+				onChange: (e) => p(e),
+				onCatalogueLinkSearch: _,
+				catalogueSearchResponse: m
+			})
+		}),
+		/* @__PURE__ */ c("br", {}),
+		/* @__PURE__ */ c("br", {}),
+		/* @__PURE__ */ c("p", {
+			style: {
+				margin: "0",
+				marginTop: "2rem"
+			},
+			children: "HTML Output:"
+		}),
+		/* @__PURE__ */ c("div", {
+			style: {
+				marginTop: "0rem",
+				padding: "1rem",
+				backgroundColor: "#F9F9F9",
+				borderRadius: "0.25rem",
+				color: "#666"
+			},
+			children: f
+		})
+	] });
+}).bind({});
+p.args = {
+	editorId: "test-editor",
+	placeholder: "Voeg hier tekst in...",
+	currentLanguage: "NL",
+	label: "Studiemateriaal",
+	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.",
+	required: !0,
+	initialValue: n
 };
-const _ = () => {
-  const [i, u] = c(
-    "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"
-  ), [l, p] = c(
-    `<p>Editor 2</p>
-    <ul>
-      <li>nesting</li>
-      <li>
-        <ol>
-          <li>nested 1</li>
-          <li>nested 2</li>
-        </ol>
-      </li>
-      <li>nesting 2</li>
-      <li>
-        <ul>
-          <li>deep nested 1</li>
-            <li>deep nested 2</li>
-            <li>
-              <ol>
-                <li>deeper nested 1</li>
-                <li>
-                <ul>
-                <li>deepest nested 1</li>
-                <li>deepest nested 2</li>
-                </ul>
-                </li>
-                <li>deeper nested 2</li>
-                <li>
-                  <ol>
-                    <li>deepest nested 1</li>
-                    <li>deepest nested 2</li>
-                  </ol>
-                </li>
-              </ol>
-            </li>
-          </ul>
-        </li>
-      <li>nesting end</li>
-    </ul>`
-  );
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        gap: "1rem",
-        width: "100%",
-        padding: "1rem",
-        backgroundColor: "#FFF"
-      },
-      children: [
-        /* @__PURE__ */ s("div", { style: { flex: "1" }, children: [
-          /* @__PURE__ */ e(
-            o,
-            {
-              initialValue: i,
-              editorId: "editor-one",
-              label: "Editor 1",
-              info: "Uitleg over editor 1",
-              placeholder: "Voeg hier tekst in...",
-              notValidatedText: "",
-              onChange: (t) => u(t)
-            }
-          ),
-          /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("p", { style: { margin: "0", marginTop: "2rem" }, children: "HTML Output:" }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: {
-                marginTop: "0rem",
-                padding: "1rem",
-                backgroundColor: "#F9F9F9",
-                borderRadius: "0.25rem",
-                color: "#666"
-              },
-              children: i
-            }
-          )
-        ] }),
-        /* @__PURE__ */ s("div", { style: { flex: "1" }, children: [
-          /* @__PURE__ */ e(
-            o,
-            {
-              initialValue: l,
-              editorId: "editor-two",
-              label: "Editor 2",
-              info: "Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.",
-              placeholder: "Voeg hier tekst in...",
-              notValidatedText: "",
-              onChange: (t) => p(t)
-            }
-          ),
-          /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("p", { style: { margin: "0", marginTop: "2rem" }, children: "HTML Output:" }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: {
-                marginTop: "0rem",
-                padding: "1rem",
-                backgroundColor: "#F9F9F9",
-                borderRadius: "0.25rem",
-                color: "#666"
-              },
-              children: l
-            }
-          )
-        ] })
-      ]
-    }
-  );
+var m = () => {
+	let [t, n] = o("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"), [r, i] = o("<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>");
+	return /* @__PURE__ */ l("div", {
+		style: {
+			display: "flex",
+			flexDirection: "row",
+			gap: "1rem",
+			width: "100%",
+			padding: "1rem",
+			backgroundColor: "#FFF"
+		},
+		children: [/* @__PURE__ */ l("div", {
+			style: { flex: "1" },
+			children: [
+				/* @__PURE__ */ c(e, {
+					initialValue: t,
+					editorId: "editor-one",
+					label: "Editor 1",
+					info: "Uitleg over editor 1",
+					placeholder: "Voeg hier tekst in...",
+					notValidatedText: "",
+					onChange: (e) => n(e)
+				}),
+				/* @__PURE__ */ c("br", {}),
+				/* @__PURE__ */ c("p", {
+					style: {
+						margin: "0",
+						marginTop: "2rem"
+					},
+					children: "HTML Output:"
+				}),
+				/* @__PURE__ */ c("div", {
+					style: {
+						marginTop: "0rem",
+						padding: "1rem",
+						backgroundColor: "#F9F9F9",
+						borderRadius: "0.25rem",
+						color: "#666"
+					},
+					children: t
+				})
+			]
+		}), /* @__PURE__ */ l("div", {
+			style: { flex: "1" },
+			children: [
+				/* @__PURE__ */ c(e, {
+					initialValue: r,
+					editorId: "editor-two",
+					label: "Editor 2",
+					info: "Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.",
+					placeholder: "Voeg hier tekst in...",
+					notValidatedText: "",
+					onChange: (e) => i(e)
+				}),
+				/* @__PURE__ */ c("br", {}),
+				/* @__PURE__ */ c("p", {
+					style: {
+						margin: "0",
+						marginTop: "2rem"
+					},
+					children: "HTML Output:"
+				}),
+				/* @__PURE__ */ c("div", {
+					style: {
+						marginTop: "0rem",
+						padding: "1rem",
+						backgroundColor: "#F9F9F9",
+						borderRadius: "0.25rem",
+						color: "#666"
+					},
+					children: r
+				})
+			]
+		})]
+	});
 };
-export {
-  _ as MultipleRteEditors,
-  S as RteEditorExample,
-  M as default
-};
-//# sourceMappingURL=RteEditor.stories.js.map
+//#endregion
+export { m as MultipleRteEditors, p as RteEditorExample, f as default };
+
+//# sourceMappingURL=RteEditor.stories.js.map

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 { 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          editorId=\"editor-id\"\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  editorId: 'test-editor',\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  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          editorId=\"editor-one\"\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          editorId=\"editor-two\"\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":";;;;;;AAaA,MAAMA,IAAc,KACdC,IAAsB,GAEtBC,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAcnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuD,CAACC,MAAS;AACrE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAiBH,EAAK,gBAAgB,EAAE,GAC9D,CAACI,GAAyBC,CAA0B,IAAIF,EAAyB;AAAA,IACrF,OAAO;AAAA,IACP,SAAS,CAAA;AAAA,EAAC,CACX,GACKG,IAAeC,EAA8B,IAAI;AAsCvD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAU,MAAK,qBACd,UAAA,gBAAAD;AAAA,MAACZ;AAAA,MAAA;AAAA,QACE,GAAGE;AAAA,QACJ,UAAU,CAACY,MAAQV,EAAUU,CAAG;AAAA,QAChC,uBA1Ca,CAACC,GAAeC,MAAqC;AACxE,cAAID,EAAM,SAASlB,GAAqB;AACtC,yBAAaW,EAAa,OAAQ,GAClCD,EAA2B,EAAE,OAAO,QAAQ,SAAS,CAAA,GAAI;AACzD;AAAA,UACF;AAEA,UAAIC,EAAa,YAAY,QAC3B,aAAaA,EAAa,OAAO;AAGnC,gBAAMS,IAAiBF,EAAM,YAAA;AAC7B,cAAIA,EAAM,UAAUlB,GAAqB;AACvC,YAAAU,EAA2B,EAAE,OAAO,WAAW,SAAS,CAAA,GAAI;AAC5D,kBAAMW,IACJF,MAAa,WACTG,EAAoB;AAAA,cAClB,CAACC,MACCA,EAAK,KAAK,GAAG,YAAA,EAAc,SAASH,CAAc,KAAKG,EAAK,KAAK,YAAA,EAAc,SAASH,CAAc;AAAA,YAAA,IAE1GI,EAAuB;AAAA,cACrB,CAACD,MACCA,EAAK,KAAK,GAAG,YAAA,EAAc,SAASH,CAAc,KAAKG,EAAK,KAAK,YAAA,EAAc,SAASH,CAAc;AAAA,YAAA;AAGhH,YAAAT,EAAa,UAAU;AAAA,cACrB,MACED,EAA2B;AAAA,gBACzB,OAAO;AAAA,gBACP,SAASW;AAAA,cAAA,CACV;AAAA,cACHtB;AAAA,YAAA;AAAA,UAEJ;AAAA,QACF;AAAA,QASQ,yBAAAU;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,sBACC,MAAA,EAAG;AAAA,sBACH,MAAA,EAAG;AAAA,IAEJ,gBAAAM,EAAC,OAAE,OAAO,EAAE,QAAQ,KAAK,WAAW,OAAA,GAAU,UAAA,eAAA,CAAY;AAAA,IAC1D,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW;AAAA,UACX,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,UACd,OAAO;AAAA,QAAA;AAAA,QAGR,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GAEamB,IAAmBrB,EAAS,KAAK,CAAA,CAAE;AAEhDqB,EAAiB,OAAO;AAAA,EACtB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAcC;AAChB;AAEO,MAAMC,IAAqB,MAAM;AACtC,QAAM,CAACC,GAAUC,CAAW,IAAIrB;AAAA,IAC9B;AAAA,EAAA,GAEI,CAACsB,GAAUC,CAAW,IAAIvB;AAAA,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAsCF,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,MAGnB,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,OAAO,EAAE,MAAM,OAClB,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACZ;AAAA,YAAA;AAAA,cACC,cAAcyB;AAAA,cACd,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,kBAAiB;AAAA,cACjB,UAAU,CAACX,MAAQY,EAAYZ,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEnC,MAAA,EAAG;AAAA,UACJ,gBAAAF,EAAC,OAAE,OAAO,EAAE,QAAQ,KAAK,WAAW,OAAA,GAAU,UAAA,eAAA,CAAY;AAAA,UAC1D,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,cAAA;AAAA,cAGR,UAAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,0BACC,OAAA,EAAI,OAAO,EAAE,MAAM,OAClB,UAAA;AAAA,UAAA,gBAAAb;AAAA,YAACZ;AAAA,YAAA;AAAA,cACC,cAAc2B;AAAA,cACd,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,kBAAiB;AAAA,cACjB,UAAU,CAACb,MAAQc,EAAYd,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEnC,MAAA,EAAG;AAAA,UACJ,gBAAAF,EAAC,OAAE,OAAO,EAAE,QAAQ,KAAK,WAAW,OAAA,GAAU,UAAA,eAAA,CAAY;AAAA,UAC1D,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,cAAA;AAAA,cAGR,UAAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RteEditor.stories.js","names":[],"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          editorId=\"editor-id\"\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  editorId: 'test-editor',\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  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          editorId=\"editor-one\"\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          editorId=\"editor-two\"\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"],"mappings":"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"}

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

@@ -1,41 +1,42 @@
-import { s as t } from "../../../RteEditor.module-CoTOIw5i.js";
-const i = {
-  ltr: t["guide-text-ltr"],
-  rtl: t["guide-text-rtl"],
-  paragraph: t["guide-text-paragraph"],
-  text: {
-    bold: t["guide-text__text--bold"],
-    italic: t["guide-text__text--italic"]
-  },
-  list: {
-    listitem: t["guide-text__list--listitem"],
-    nested: {
-      list: t["guide-text__list--nested"],
-      listitem: t["guide-text__list--nested-listitem"]
-    },
-    olDepth: [
-      t["guide-text__list--ol"],
-      t["guide-text__list--ol2"],
-      t["guide-text__list--ol3"],
-      t["guide-text__list--ol4"],
-      t["guide-text__list--ol5"]
-    ],
-    ulDepth: [
-      t["guide-text__list--ul"],
-      t["guide-text__list--ul2"],
-      t["guide-text__list--ul3"],
-      t["guide-text__list--ul4"],
-      t["guide-text__list--ul5"]
-    ],
-    ul: t["guide-text__list--ul"],
-    ulDepthNested: [t["guide-text__list--ol"]]
-  },
-  link: t["guide-text__link"],
-  tableWrapper: t["guide-text__table-wrapper"],
-  table: t["guide-text__table"],
-  courseCatalogueLink: t["guide-text__course-catalogue-link"]
+import { t as e } from "../../../RteEditor.module-Jk80F1FA.js";
+//#region src/components/RteEditor/UvaTheme/UvaTheme.tsx
+var t = {
+	ltr: e["guide-text-ltr"],
+	rtl: e["guide-text-rtl"],
+	paragraph: e["guide-text-paragraph"],
+	text: {
+		bold: e["guide-text__text--bold"],
+		italic: e["guide-text__text--italic"]
+	},
+	list: {
+		listitem: e["guide-text__list--listitem"],
+		nested: {
+			list: e["guide-text__list--nested"],
+			listitem: e["guide-text__list--nested-listitem"]
+		},
+		olDepth: [
+			e["guide-text__list--ol"],
+			e["guide-text__list--ol2"],
+			e["guide-text__list--ol3"],
+			e["guide-text__list--ol4"],
+			e["guide-text__list--ol5"]
+		],
+		ulDepth: [
+			e["guide-text__list--ul"],
+			e["guide-text__list--ul2"],
+			e["guide-text__list--ul3"],
+			e["guide-text__list--ul4"],
+			e["guide-text__list--ul5"]
+		],
+		ul: e["guide-text__list--ul"],
+		ulDepthNested: [e["guide-text__list--ol"]]
+	},
+	link: e["guide-text__link"],
+	tableWrapper: e["guide-text__table-wrapper"],
+	table: e["guide-text__table"],
+	courseCatalogueLink: e["guide-text__course-catalogue-link"]
 };
-export {
-  i as UvaTheme
-};
-//# sourceMappingURL=UvaTheme.js.map
+//#endregion
+export { t as UvaTheme };
+
+//# sourceMappingURL=UvaTheme.js.map

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  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;"}
+{"version":3,"file":"UvaTheme.js","names":[],"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"],"mappings":";;AAEA,IAAa,IAAW;CACtB,KAAK,EAAO;CACZ,KAAK,EAAO;CACZ,WAAW,EAAO;CAClB,MAAM;EACJ,MAAM,EAAO;EACb,QAAQ,EAAO;EAChB;CACD,MAAM;EACJ,UAAU,EAAO;EACjB,QAAQ;GACN,MAAM,EAAO;GACb,UAAU,EAAO;GAClB;EACD,SAAS;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACR;EACD,SAAS;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACP,EAAO;GACR;EACD,IAAI,EAAO;EACX,eAAe,CAAC,EAAO,wBAAwB;EAChD;CACD,MAAM,EAAO;CACb,cAAc,EAAO;CACrB,OAAO,EAAO;CACd,qBAAqB,EAAO;CAC7B"}

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

@@ -1,5 +1,2 @@
-import { UvaTheme as o } from "./UvaTheme.js";
-export {
-  o as UvaTheme
-};
-//# sourceMappingURL=index.js.map
+import { UvaTheme as e } from "./UvaTheme.js";
+export { e as UvaTheme };

package/dist/components/RteEditor/helpers.js

@@ -1,41 +1,34 @@
-import { E as s } from "../../LexicalLink.prod-DAVbKER8.js";
-import { u as i, s as n } from "../../LexicalList.prod-C6cknPBV.js";
-import { ao as a, l as c } from "../../Lexical.prod-o6Eq_uLx.js";
-import { K as m } from "../../LexicalTable.prod-upbwOtcE.js";
-import "react";
-import { CourseCatalogueNode as u } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
-const A = (t) => {
-  let r = t.replace(/<b><strong>/gi, "<strong>");
-  return r = r.replace(/<\/strong><\/b>/gi, "</strong>"), r;
-}, y = (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 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;
-}, C = /* @__PURE__ */ new Map([
-  [a, l],
-  [c, l],
-  [i, l],
-  [n, l],
-  [m, l],
-  [s, l],
-  [u, l]
-]), S = (t) => {
-  document.querySelectorAll("*").forEach((e) => {
-    e.scrollHeight > e.clientHeight && e.addEventListener("scroll", t);
-  });
-}, E = (t) => {
-  document.querySelectorAll("*").forEach((e) => {
-    e.scrollHeight > e.clientHeight && e.removeEventListener("scroll", t);
-  });
+import { an as e, ht as t } from "../../Lexical.prod-DCGjHGxG.js";
+import { c as n, l as r } from "../../LexicalList.prod-D9R0L7cu.js";
+import { n as i } from "../../LexicalLink.prod-Dy1gE75H.js";
+import { l as a } from "../../LexicalTable.prod-C2FP47Lm.js";
+import { CourseCatalogueNode as o } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
+//#region src/components/RteEditor/helpers.ts
+var s = (e) => {
+	let t = e.replace(/<b><strong>/gi, "<strong>");
+	return t = t.replace(/<\/strong><\/b>/gi, "</strong>"), t;
+}, c = (e) => e.replace(/<div[^>]*>\s*(<table[\s\S]*?<\/table>)\s*<\/div>/gi, "$1"), l = (e, t) => {
+	let n = t.exportDOM(e);
+	if (n && n.element instanceof HTMLElement) for (let e of [n.element, ...n.element.querySelectorAll("[style],[class],[dir=\"ltr\"]")]) e.removeAttribute("class"), e.getAttribute("style") && (e.setAttribute("style", ""), e.removeAttribute("style")), e.getAttribute("dir") === "ltr" && e.removeAttribute("dir");
+	return n;
+}, u = new Map([
+	[t, l],
+	[e, l],
+	[r, l],
+	[n, l],
+	[a, l],
+	[i, l],
+	[o, l]
+]), d = (e) => {
+	document.querySelectorAll("*").forEach((t) => {
+		t.scrollHeight > t.clientHeight && t.addEventListener("scroll", e);
+	});
+}, f = (e) => {
+	document.querySelectorAll("*").forEach((t) => {
+		t.scrollHeight > t.clientHeight && t.removeEventListener("scroll", e);
+	});
 };
-export {
-  y as cleanUpTable,
-  C as exportMap,
-  A as mergeBoldStrongTags,
-  E as removeScrollableContainers,
-  l as removeStylesExportDOM,
-  S as setScrollableContainers
-};
-//# sourceMappingURL=helpers.js.map
+//#endregion
+export { c as cleanUpTable, u as exportMap, s as mergeBoldStrongTags, f as removeScrollableContainers, l as removeStylesExportDOM, d as setScrollableContainers };
+
+//# sourceMappingURL=helpers.js.map