@uva-glass/component-library 3.57.2 → 3.57.4

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

@@ -1,2 +1,2 @@
-import { s as e } from "../../../../components-KU0q76JR.js";
+import { s as e } from "../../../../components-CgBF6db6.js";
 export { e as LinkPlugin };

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

@@ -1,9 +1,9 @@
 import { t as e } from "../../../../clsx-C67XSbzZ.js";
 import { Icon as t } from "../../../Icon/Icon.js";
-import { t as n } from "../../../../LexicalComposerContext.prod-DumMmRBt.js";
-import { Qn as r, gt as i, n as a, nr as o } from "../../../../Lexical.prod-nAj5fF96.js";
-import { l as s } from "../../../../LexicalUtils.prod-7S6iuu9A.js";
-import { a as c, i as l, l as u, o as d, r as f, s as p, t as m } from "../../../../LexicalList.prod-THQt9B32.js";
+import { t as n } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
+import { K as r, Kt as i, cn as a, gn as o } from "../../../../Lexical.prod-Dy5aDppc.js";
+import { l as s } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../../LexicalList.prod-icY8mpm6.js";
 import { t as h } from "../../../../RteEditor.module-pWBasED2.js";
 import { useTranslation as g } from "../../hooks/useTranslation.js";
 import { useEffect as _, useState as v } from "react";
@@ -14,10 +14,10 @@ var b = {
 	number: "NumberedList"
 }, x = ["bullet", "number"], S = () => {
 	let S = g(), [C] = n(), [w, T] = v(null), [E, D] = v(!1), [O, k] = v(!1), A = (e) => {
-		e === "number" && w !== "number" ? (C.dispatchCommand(d, void 0), T("number")) : e === "bullet" && w !== "bullet" ? (C.dispatchCommand(m, void 0), T("bullet")) : (C.dispatchCommand(l, void 0), T(null));
+		e === "number" && w !== "number" ? (C.dispatchCommand(u, void 0), T("number")) : e === "bullet" && w !== "bullet" ? (C.dispatchCommand(c, void 0), T("bullet")) : (C.dispatchCommand(f, void 0), T(null));
 	};
 	return _(() => {
-		let e = C.registerCommand(a, (e) => e.ctrlKey && e.shiftKey && e.code === "Digit7" ? (e.preventDefault(), O ? C.dispatchCommand(l, void 0) : C.dispatchCommand(d, void 0), !0) : e.ctrlKey && e.shiftKey && e.code === "Digit8" ? (e.preventDefault(), E ? C.dispatchCommand(l, void 0) : C.dispatchCommand(m, void 0), !0) : !1, 4);
+		let e = C.registerCommand(i, (e) => e.ctrlKey && e.shiftKey && e.code === "Digit7" ? (e.preventDefault(), O ? C.dispatchCommand(f, void 0) : C.dispatchCommand(u, void 0), !0) : e.ctrlKey && e.shiftKey && e.code === "Digit8" ? (e.preventDefault(), E ? C.dispatchCommand(f, void 0) : C.dispatchCommand(c, void 0), !0) : !1, 4);
 		return () => {
 			e();
 		};
@@ -26,20 +26,20 @@ var b = {
 		O,
 		E
 	]), _(() => {
-		let e = C.registerCommand(o, (e) => (e.preventDefault(), C.update(() => {
-			let e = i();
-			if (!r(e)) return;
+		let e = C.registerCommand(a, (e) => (e.preventDefault(), C.update(() => {
+			let e = r();
+			if (!o(e)) return;
 			let t = e.anchor.getNode(), n = t.getParent();
-			if (!u(n)) return;
-			let a = n.getParent();
-			if (c(a)) {
-				let e = f(c(a) ? a.getListType() : "bullet");
+			if (!d(n)) return;
+			let i = n.getParent();
+			if (l(i)) {
+				let e = m(l(i) ? i.getListType() : "bullet");
 				n.append(e), e.append(t);
 			}
 		}), !0), 1), t = C.registerUpdateListener(({ editorState: e }) => {
 			e.read(() => {
-				let e = i();
-				if (r(e)) {
+				let e = r();
+				if (o(e)) {
 					let t = s(e.anchor.getNode(), p);
 					if (t) {
 						let e = t.getTag();

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-DyTXcFsj.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
 export { e as PasteHandlerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-DyTXcFsj.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
 export { e as PasteHandlerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Dn8Ks2Lm.js";
+import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
 export { e as TableCellResizerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Dn8Ks2Lm.js";
+import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
 export { e as TableCellResizerPlugin };

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js

@@ -1,2 +1,2 @@
-import { a as e } from "../../../../components-KU0q76JR.js";
+import { a as e } from "../../../../components-CgBF6db6.js";
 export { e as AddTableForm };

package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../TableCellContextMenu--4IdoKAU.js";
+import { t as e } from "../../../../../TableCellContextMenu-Cu5iXYSJ.js";
 export { e as TableCellContextMenu };

package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../TableCellContextMenu--4IdoKAU.js";
+import { t as e } from "../../../../../TableCellContextMenu-Cu5iXYSJ.js";
 export { e as TableCellContextMenu };

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

@@ -1,2 +1,2 @@
-import { i as e } from "../../../../components-KU0q76JR.js";
+import { i as e } from "../../../../components-CgBF6db6.js";
 export { e as TablePlugin };

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

@@ -1,18 +1,18 @@
-import { Z as e } from "../../../../Lexical.prod-nAj5fF96.js";
-import { C as t, T as n, _ as r, a as i, b as a, d as o, f as s, g as c, i as l, m as u, n as d, w as f } from "../../../../LexicalTable.prod-BpHQYpBM.js";
+import { gr as e } from "../../../../Lexical.prod-Dy5aDppc.js";
+import { C as t, a as n, b as r, f as i, g as a, i as o, m as s, o as c, u as l, v as u, w as d, y as f } from "../../../../LexicalTable.prod-Bf0is-op.js";
 import { TableWrapperNode as p } from "../../nodes/TableWrapperNode/TableWrapperNode.js";
 //#region src/components/RteEditor/Plugins/TablePlugin/helpers.ts
-var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (n, r) => {
-	let o = t(0, 0, !1);
-	for (let t = 0; t < n; t++) {
-		let t = a();
-		for (let n = 0; n < r; n++) {
-			let n = i(0, void 0, void 0);
+var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (t, n) => {
+	let a = i(0, 0, !1);
+	for (let i = 0; i < t; i++) {
+		let t = r();
+		for (let r = 0; r < n; r++) {
+			let n = d(0, void 0, void 0);
 			n.append(e()), t.append(n);
 		}
-		o.append(t);
+		a.append(t);
 	}
-	return o;
+	return a;
 }, b = (e) => {
 	let t = f(e), n = t.getNextSibling() || t.getPreviousSibling(), r = t.getParentOrThrow();
 	if (r.getChildrenSize() > 1 ? t.remove() : r.remove(), n !== null) {
@@ -20,31 +20,31 @@ var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (n, r) => {
 		e && e.select();
 	}
 }, x = (e) => {
-	let t = l(e);
+	let t = n(e);
 	if (!t) throw Error("Selected node is not a TableCellNode");
-	let n = t.getParent();
-	n instanceof p ? n.remove() : t.remove();
-}, S = (e, t) => {
-	if (!d(e)) throw Error("Selected node is not a TableCellNode");
-	let n = a();
-	c(t === "insertRowBelow");
-	let r = n.getFirstDescendant();
-	r && r.select();
-}, C = (e, t) => {
-	if (!d(e)) throw Error("Selected node is not a TableCellNode");
-	let n = r(e), i = s(e), a = n.getChildren(), c = u(e), l = o(t === "insertColumnLeft");
-	if (!l) return;
-	let f = s(l);
+	let r = t.getParent();
+	r instanceof p ? r.remove() : t.remove();
+}, S = (e, n) => {
+	if (!t(e)) throw Error("Selected node is not a TableCellNode");
+	let i = r();
+	l(n === "insertRowBelow");
+	let a = i.getFirstDescendant();
+	a && a.select();
+}, C = (e, n) => {
+	if (!t(e)) throw Error("Selected node is not a TableCellNode");
+	let r = s(e), i = u(e), c = r.getChildren(), l = a(e), d = o(n === "insertColumnLeft");
+	if (!d) return;
+	let f = u(d);
 	if (f === -1) return;
-	let p = n.getColWidths();
+	let p = r.getColWidths();
 	if (!p) return;
 	let m = p.map((e, t) => t === f ? 48 : e - Math.ceil(48 / (p.length - 1)));
-	n.setColWidths(m), i = t === "insertColumnLeft" ? i : i + 1;
-	let h = a[c].getChildren()[i];
+	r.setColWidths(m), i = n === "insertColumnLeft" ? i : i + 1;
+	let h = c[l].getChildren()[i];
 	h && h.select();
 }, w = (e) => {
-	if (!d(e)) throw Error("Selected node is not a TableCellNode");
-	(r(e).getFirstChild()?.getChildrenSize() || 0) === 1 ? x(e) : n();
+	if (!t(e)) throw Error("Selected node is not a TableCellNode");
+	(s(e).getFirstChild()?.getChildrenSize() || 0) === 1 ? x(e) : c();
 }, T = (e) => {
 	let t = e.getRootElement();
 	if (!t || typeof window > "u") return 0;
@@ -57,10 +57,10 @@ var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (n, r) => {
 	let i = window.getComputedStyle(r);
 	return parseInt(i.width) - t * 1 - 1;
 }, D = (e) => {
-	let t = e.getChildren();
-	for (let e of t) {
-		let t = e.getChildren();
-		for (let e of t) if (d(e) && e.getTextContent().trim().length > 0) return !0;
+	let n = e.getChildren();
+	for (let e of n) {
+		let n = e.getChildren();
+		for (let e of n) if (t(e) && e.getTextContent().trim().length > 0) return !0;
 	}
 	return !1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumnAtSelection,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n  $insertTableColumnAtSelection,\n  $insertTableRowAtSelection,\n  $findTableNode,\n} from '@lexical/table';\nimport { $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode, TableNode, TableRowNode } from '@lexical/table';\nimport type { TextNode, ElementNode, LexicalEditor } from 'lexical';\n\nimport { TableWrapperNode } from 'components/RteEditor/nodes';\n\nexport const MIN_COLUMN_WIDTH = 32;\nexport const DEFAULT_COL_WIDTH = 48;\nexport const BORDER_WIDTHS = 1;\nexport const PREVENT_OPEN_DELAY = 200;\nexport const DEFAULT_EDITOR_WIDTH = 320;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, undefined);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  const tableNode = $findTableNode(selectedNode);\n  if (!tableNode) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n\n  const wrapperNode = tableNode.getParent();\n  if (wrapperNode instanceof TableWrapperNode) {\n    wrapperNode.remove();\n  } else {\n    tableNode.remove();\n  }\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const newRow = $createTableRowNode();\n\n  $insertTableRowAtSelection(position === 'insertRowBelow');\n\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable: TableCellNode[] = currentTable.getChildren();\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const insertedCellNode = $insertTableColumnAtSelection(position === 'insertColumnLeft');\n\n  if (!insertedCellNode) return;\n  const insertedColumnIndex = $getTableColumnIndexFromTableCellNode(insertedCellNode);\n\n  if (insertedColumnIndex === -1) return;\n  const colWidths = currentTable.getColWidths();\n\n  if (!colWidths) return;\n  const newColWidths = colWidths.map((width, index) =>\n    index === insertedColumnIndex ? DEFAULT_COL_WIDTH : width - Math.ceil(DEFAULT_COL_WIDTH / (colWidths.length - 1))\n  );\n\n  currentTable.setColWidths(newColWidths);\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumnAtSelection();\n  }\n};\n\nexport const getEditorContentWidth = (editor: LexicalEditor): number => {\n  const rootEl = editor.getRootElement();\n  if (!rootEl || typeof window === 'undefined') return 0;\n  const rect = rootEl.getBoundingClientRect();\n  const styles = window.getComputedStyle(rootEl);\n  const insertX = parseFloat(styles.paddingLeft || '0') + parseFloat(styles.paddingRight || '0') + DEFAULT_COL_WIDTH;\n  return Math.max(0, rect.width - insertX);\n};\n\nexport const getEditorParrentCellWidth = (\n  node: TableCellNode | null,\n  nrOfColumns: number,\n  editor: LexicalEditor\n): number => {\n  if (!node) return 0;\n\n  const cell = editor.getElementByKey(node.getKey());\n  if (!cell) return 0;\n\n  const computedStyles = window.getComputedStyle(cell);\n  return parseInt(computedStyles.width) - nrOfColumns * BORDER_WIDTHS - 1;\n};\n\nexport const tableHasContent = (tableNode: TableNode): boolean => {\n  const rows = tableNode.getChildren();\n  for (const row of rows) {\n    const cells = (row as TableRowNode).getChildren();\n    for (const cell of cells) {\n      if ($isTableCellNode(cell)) {\n        const cellText = cell.getTextContent().trim();\n        if (cellText.length > 0) {\n          return true;\n        }\n      }\n    }\n  }\n  return false;\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumnAtSelection,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n  $insertTableColumnAtSelection,\n  $insertTableRowAtSelection,\n  $findTableNode,\n} from '@lexical/table';\nimport { $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode, TableNode, TableRowNode } from '@lexical/table';\nimport type { TextNode, ElementNode, LexicalEditor } from 'lexical';\n\nimport { TableWrapperNode } from 'components/RteEditor/nodes';\n\nexport const MIN_COLUMN_WIDTH = 32;\nexport const DEFAULT_COL_WIDTH = 48;\nexport const BORDER_WIDTHS = 1;\nexport const PREVENT_OPEN_DELAY = 200;\nexport const DEFAULT_EDITOR_WIDTH = 320;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, undefined);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  const tableNode = $findTableNode(selectedNode);\n  if (!tableNode) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n\n  const wrapperNode = tableNode.getParent();\n  if (wrapperNode instanceof TableWrapperNode) {\n    wrapperNode.remove();\n  } else {\n    tableNode.remove();\n  }\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const newRow = $createTableRowNode();\n\n  $insertTableRowAtSelection(position === 'insertRowBelow');\n\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable = currentTable.getChildren<TableRowNode>();\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const insertedCellNode = $insertTableColumnAtSelection(position === 'insertColumnLeft');\n\n  if (!insertedCellNode) return;\n  const insertedColumnIndex = $getTableColumnIndexFromTableCellNode(insertedCellNode);\n\n  if (insertedColumnIndex === -1) return;\n  const colWidths = currentTable.getColWidths();\n\n  if (!colWidths) return;\n  const newColWidths = colWidths.map((width, index) =>\n    index === insertedColumnIndex ? DEFAULT_COL_WIDTH : width - Math.ceil(DEFAULT_COL_WIDTH / (colWidths.length - 1))\n  );\n\n  currentTable.setColWidths(newColWidths);\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumnAtSelection();\n  }\n};\n\nexport const getEditorContentWidth = (editor: LexicalEditor): number => {\n  const rootEl = editor.getRootElement();\n  if (!rootEl || typeof window === 'undefined') return 0;\n  const rect = rootEl.getBoundingClientRect();\n  const styles = window.getComputedStyle(rootEl);\n  const insertX = parseFloat(styles.paddingLeft || '0') + parseFloat(styles.paddingRight || '0') + DEFAULT_COL_WIDTH;\n  return Math.max(0, rect.width - insertX);\n};\n\nexport const getEditorParrentCellWidth = (\n  node: TableCellNode | null,\n  nrOfColumns: number,\n  editor: LexicalEditor\n): number => {\n  if (!node) return 0;\n\n  const cell = editor.getElementByKey(node.getKey());\n  if (!cell) return 0;\n\n  const computedStyles = window.getComputedStyle(cell);\n  return parseInt(computedStyles.width) - nrOfColumns * BORDER_WIDTHS - 1;\n};\n\nexport const tableHasContent = (tableNode: TableNode): boolean => {\n  const rows = tableNode.getChildren();\n  for (const row of rows) {\n    const cells = (row as TableRowNode).getChildren();\n    for (const cell of cells) {\n      if ($isTableCellNode(cell)) {\n        const cellText = cell.getTextContent().trim();\n        if (cellText.length > 0) {\n          return true;\n        }\n      }\n    }\n  }\n  return false;\n};\n"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-import { i as e } from "../../../../components-KU0q76JR.js";
-import { t } from "../../../../TableCellContextMenu--4IdoKAU.js";
+import { i as e } from "../../../../components-CgBF6db6.js";
+import { t } from "../../../../TableCellContextMenu-Cu5iXYSJ.js";
 export { t as TableCellContextMenu, e as TablePlugin };

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

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-KU0q76JR.js";
+import { l as e } from "../../../../components-CgBF6db6.js";
 export { e as ToolBarPlugin };

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

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-KU0q76JR.js";
+import { l as e } from "../../../../components-CgBF6db6.js";
 export { e as ToolBarPlugin };

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

@@ -1,7 +1,7 @@
-import { i as e, l as t, o as n, s as r } from "../../../components-KU0q76JR.js";
-import { t as i } from "../../../TableCellResizerPlugin-Dn8Ks2Lm.js";
+import { i as e, l as t, o as n, s as r } from "../../../components-CgBF6db6.js";
+import { t as i } from "../../../TableCellResizerPlugin-Bb2blXnq.js";
 import { BlockFormatPlugin as a } from "./BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as o } from "./ListPlugin/ListPlugin.js";
-import { t as s } from "../../../TableCellContextMenu--4IdoKAU.js";
-import { t as c } from "../../../PasteHandlerPlugin-DyTXcFsj.js";
+import { t as s } from "../../../TableCellContextMenu-Cu5iXYSJ.js";
+import { t as c } from "../../../PasteHandlerPlugin-CSo_lOE8.js";
 export { a as BlockFormatPlugin, n as HistoryPlugin, r as LinkPlugin, o as ListPlugin, c as PasteHandlerPlugin, s as TableCellContextMenu, i as TableCellResizerPlugin, e as TablePlugin, t as ToolBarPlugin };

package/dist/components/RteEditor/RteEditor.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-KU0q76JR.js";
+import { n as e, t } from "../../components-CgBF6db6.js";
 export { t as Rte, e as RteEditor };

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../components-KU0q76JR.js";
+import { n as e } from "../../components-CgBF6db6.js";
 import { t } from "../../Container-DOcrVe7u.js";
 import "../../storyComponents/Container/index.js";
 import { MOCK_RTE_CONTENT as n } from "./mockRteContent.js";

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

@@ -1 +1 @@
-{"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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"}
+{"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/helpers.js

@@ -1,7 +1,7 @@
-import { lt as e, mr as t } from "../../Lexical.prod-nAj5fF96.js";
-import { s as n, u as r } from "../../LexicalList.prod-THQt9B32.js";
-import { c as i } from "../../LexicalLink.prod-BcBNTFEb.js";
-import { l as a } from "../../LexicalTable.prod-BpHQYpBM.js";
+import { mt as e, nr as t } from "../../Lexical.prod-Dy5aDppc.js";
+import { a as n, t as r } from "../../LexicalList.prod-icY8mpm6.js";
+import { c as i } from "../../LexicalLink.prod-DzgwWhQM.js";
+import { c as a } from "../../LexicalTable.prod-Bf0is-op.js";
 import { CourseCatalogueNode as o } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
 //#region src/components/RteEditor/helpers.ts
 var s = (e) => {
@@ -11,11 +11,11 @@ var s = (e) => {
 	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],
+}, u = /* @__PURE__ */ new Map([
 	[e, l],
-	[n, l],
+	[t, l],
 	[r, l],
+	[n, l],
 	[a, l],
 	[i, l],
 	[o, l]

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;;;;;AASA,IAAa,KAAuB,MAAyB;CAC3D,IAAI,IAAa,EAAK,QAAQ,iBAAiB,UAAU;CAEzD,OADA,IAAa,EAAW,QAAQ,qBAAqB,WAAW,GACzD;AACT,GAEa,KAAgB,MAC3B,EAAK,QAAQ,sDAAsD,IAAI,GAE5D,KAAyB,GAAuB,MAAyC;CACpG,IAAM,IAAS,EAAO,UAAU,CAAM;CACtC,IAAI,KAAU,EAAO,mBAAmB,aACtC,KAAK,IAAM,KAAM,CAAC,EAAO,SAAS,GAAG,EAAO,QAAQ,iBAAiB,+BAA6B,CAAC,GAMjG,AALA,EAAG,gBAAgB,OAAO,GACtB,EAAG,aAAa,OAAO,MACzB,EAAG,aAAa,SAAS,EAAE,GAC3B,EAAG,gBAAgB,OAAO,IAExB,EAAG,aAAa,KAAK,MAAM,SAC7B,EAAG,gBAAgB,KAAK;CAI9B,OAAO;AACT,GAEa,IAAY,IAAI,IAAyF;CACpH,CAAC,GAAe,CAAqB;CACrC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAc,CAAqB;CACpC,CAAC,GAAe,CAAqB;CACrC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAqB,CAAqB;AAC7C,CAAC,GAEY,KAA2B,MAA+B;CAErE,SADsC,iBAAiB,GACvD,EAAqB,SAAS,MAAc;EAC1C,AAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,iBAAiB,UAAU,CAAE;CAE3C,CAAC;AACH,GAEa,KAA8B,MAA+B;CAExE,SADsC,iBAAiB,GACvD,EAAqB,SAAS,MAAc;EAC1C,AAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,oBAAoB,UAAU,CAAE;CAE9C,CAAC;AACH"}
+{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;;;;;AASA,IAAa,KAAuB,MAAyB;CAC3D,IAAI,IAAa,EAAK,QAAQ,iBAAiB,UAAU;CAEzD,OADA,IAAa,EAAW,QAAQ,qBAAqB,WAAW,GACzD;AACT,GAEa,KAAgB,MAC3B,EAAK,QAAQ,sDAAsD,IAAI,GAE5D,KAAyB,GAAuB,MAAyC;CACpG,IAAM,IAAS,EAAO,UAAU,CAAM;CACtC,IAAI,KAAU,EAAO,mBAAmB,aACtC,KAAK,IAAM,KAAM,CAAC,EAAO,SAAS,GAAG,EAAO,QAAQ,iBAAiB,+BAA6B,CAAC,GAMjG,AALA,EAAG,gBAAgB,OAAO,GACtB,EAAG,aAAa,OAAO,MACzB,EAAG,aAAa,SAAS,EAAE,GAC3B,EAAG,gBAAgB,OAAO,IAExB,EAAG,aAAa,KAAK,MAAM,SAC7B,EAAG,gBAAgB,KAAK;CAI9B,OAAO;AACT,GAEa,oBAAY,IAAI,IAAyF;CACpH,CAAC,GAAe,CAAqB;CACrC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAc,CAAqB;CACpC,CAAC,GAAe,CAAqB;CACrC,CAAC,GAAU,CAAqB;CAChC,CAAC,GAAqB,CAAqB;AAC7C,CAAC,GAEY,KAA2B,MAA+B;CAErE,SADsC,iBAAiB,GACvD,CAAA,CAAqB,SAAS,MAAc;EAC1C,AAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,iBAAiB,UAAU,CAAE;CAE3C,CAAC;AACH,GAEa,KAA8B,MAA+B;CAExE,SADsC,iBAAiB,GACvD,CAAA,CAAqB,SAAS,MAAc;EAC1C,AAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,oBAAoB,UAAU,CAAE;CAE9C,CAAC;AACH"}

package/dist/components/RteEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-KU0q76JR.js";
+import { n as e, t } from "../../components-CgBF6db6.js";
 export { t as Rte, e as RteEditor };

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../../LexicalComposerContext.prod-DumMmRBt.js";
-import { Gn as t, O as n, Qn as r, bn as i, dn as a, gt as o, tt as s } from "../../../../Lexical.prod-nAj5fF96.js";
-import { l as c } from "../../../../LexicalUtils.prod-7S6iuu9A.js";
+import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
+import { K as t, L as n, ar as r, gn as i, lt as a, wn as o, x as s } from "../../../../Lexical.prod-Dy5aDppc.js";
+import { l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx
 var u = class e extends a {
@@ -72,29 +72,29 @@ function f(e) {
 function p(e) {
 	return f(e) ? e.__linkType : null;
 }
-var m = i("insertCourseCatalogueLink"), h = i("removeCourseCatalogueLink");
+var m = s("insertCourseCatalogueLink"), h = s("removeCourseCatalogueLink");
 function g() {
-	let [i] = e();
-	if (!i.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
+	let [a] = e();
+	if (!a.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
 	return l(() => {
-		let e = i.registerCommand(m, (e) => {
-			let n = d(e.linkType, e.code, e.label), r = t(e.label);
-			return n.append(r), s([n]), !0;
-		}, 2), a = i.registerCommand(h, () => {
-			let e = o();
-			if (r(e)) {
-				let r = e.anchor.getNode(), i = e.anchor.offset, a = c(r, u);
-				if (n(r) && i === r.getTextContentSize() && r.getNextSibling() instanceof u && (a = r.getNextSibling()), a) {
-					let e = a.getParent();
-					a.remove(), e && e.append(t(" "));
+		let e = a.registerCommand(m, (e) => {
+			let t = d(e.linkType, e.code, e.label), i = r(e.label);
+			return t.append(i), n([t]), !0;
+		}, 2), s = a.registerCommand(h, () => {
+			let e = t();
+			if (i(e)) {
+				let t = e.anchor.getNode(), n = e.anchor.offset, i = c(t, u);
+				if (o(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof u && (i = t.getNextSibling()), i) {
+					let e = i.getParent();
+					i.remove(), e && e.append(r(" "));
 				}
 			}
 			return !0;
 		}, 2);
 		return () => {
-			e(), a();
+			e(), s();
 		};
-	}, [i]), null;
+	}, [a]), null;
 }
 //#endregion
 export { d as $createCourseCatalogueNode, p as $getLinkTypeFromNode, f as $isCourseCatalogueNode, g as CourseCatalogueLinkPlugin, u as CourseCatalogueNode, m as INSERT_COURSE_CATALOGUE_LINK, h as REMOVE_COURSE_CATALOGUE_LINK };

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CourseCatalogueNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n  $insertNodes,\r\n  $createTextNode,\r\n  $isRangeSelection,\r\n  $getSelection,\r\n  $isTextNode,\r\n} from 'lexical';\r\nimport { useEffect } from 'react';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';\r\n\r\nexport type SerializedCourseCatalogueNode = Spread<\r\n  {\r\n    linkType: 'course' | 'programme';\r\n    code: string;\r\n    label: string;\r\n  },\r\n  SerializedElementNode\r\n>;\r\n\r\nexport class CourseCatalogueNode extends ElementNode {\r\n  __linkType: 'course' | 'programme';\r\n  __code: string;\r\n  __label: string;\r\n\r\n  constructor(linkType: 'course' | 'programme', code: string, label: string, key?: NodeKey) {\r\n    super(key);\r\n    this.__linkType = linkType;\r\n    this.__code = code;\r\n    this.__label = label;\r\n  }\r\n\r\n  isInline(): boolean {\r\n    return true;\r\n  }\r\n\r\n  canBeEmpty(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextBefore(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextAfter(): boolean {\r\n    return true;\r\n  }\r\n\r\n  static clone(node: CourseCatalogueNode): CourseCatalogueNode {\r\n    return new CourseCatalogueNode(node.__linkType, node.__code, node.__label, node.__key);\r\n  }\r\n\r\n  static getType(): string {\r\n    return 'courseCatalogueLink';\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('a');\r\n    element.className = config.theme.courseCatalogueLink;\r\n    // eslint-disable-next-line no-script-url\r\n    element.href = 'javascript:void(0);';\r\n    element.setAttribute('data-linktype', this.__linkType);\r\n    element.setAttribute('data-code', this.__code);\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap<HTMLAnchorElement> | null {\r\n    return {\r\n      // eslint-disable-next-line id-length\r\n      a: (domNode: HTMLAnchorElement) => {\r\n        const linkTypeAttr = domNode.getAttribute('data-linktype');\r\n        if (linkTypeAttr !== 'course' && linkTypeAttr !== 'programme') {\r\n          return null;\r\n        }\r\n        const linkType = linkTypeAttr;\r\n        const code = domNode.getAttribute('data-code');\r\n        if (!code) {\r\n          return null;\r\n        }\r\n        const label = domNode.textContent || '';\r\n        if (!label) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: () => {\r\n            const node = $createCourseCatalogueNode(linkType, code, label);\r\n            return { node };\r\n          },\r\n          priority: 2,\r\n        };\r\n      },\r\n    };\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedCourseCatalogueNode): CourseCatalogueNode {\r\n    const catalogueNode = $createCourseCatalogueNode(\r\n      serializedNode.linkType,\r\n      serializedNode.code,\r\n      serializedNode.label\r\n    );\r\n    catalogueNode.setFormat(serializedNode.format);\r\n    return catalogueNode;\r\n  }\r\n\r\n  exportJSON(): SerializedCourseCatalogueNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: 'courseCatalogueLink',\r\n      version: 1,\r\n      linkType: this.__linkType,\r\n      code: this.__code,\r\n      label: this.__label,\r\n    };\r\n  }\r\n}\r\n\r\nexport function $createCourseCatalogueNode(\r\n  linkType: 'course' | 'programme',\r\n  code: string,\r\n  label: string = ''\r\n): CourseCatalogueNode {\r\n  return new CourseCatalogueNode(linkType, code, label);\r\n}\r\n\r\nexport function $isCourseCatalogueNode(node: LexicalNode): node is CourseCatalogueNode {\r\n  return node instanceof CourseCatalogueNode;\r\n}\r\n\r\nexport function $getLinkTypeFromNode(node: LexicalNode): 'course' | 'programme' | null {\r\n  if ($isCourseCatalogueNode(node)) {\r\n    return node.__linkType;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const INSERT_COURSE_CATALOGUE_LINK = createCommand('insertCourseCatalogueLink');\r\n\r\nexport const REMOVE_COURSE_CATALOGUE_LINK = createCommand('removeCourseCatalogueLink');\r\n\r\nexport function CourseCatalogueLinkPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([CourseCatalogueNode])) {\r\n    throw new Error('CourseCataloguePlugin: CourseCatalogueNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertCourseCatalogueLink = editor.registerCommand(\r\n      INSERT_COURSE_CATALOGUE_LINK,\r\n      (payload: { linkType: 'course' | 'programme'; code: string; label: string }) => {\r\n        const courseCatalogueNode = $createCourseCatalogueNode(payload.linkType, payload.code, payload.label);\r\n        const textNode = $createTextNode(payload.label);\r\n        courseCatalogueNode.append(textNode);\r\n        $insertNodes([courseCatalogueNode]);\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n    const removeCourseCatalogueLink = editor.registerCommand(\r\n      REMOVE_COURSE_CATALOGUE_LINK,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueNode = $getNearestNodeOfType(node, CourseCatalogueNode);\r\n\r\n          if (\r\n            $isTextNode(node) &&\r\n            offset === node.getTextContentSize() &&\r\n            node.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            courseCatalogueNode = node.getNextSibling();\r\n          }\r\n\r\n          if (courseCatalogueNode) {\r\n            const parent = courseCatalogueNode.getParent();\r\n            courseCatalogueNode.remove();\r\n            if (parent) {\r\n              parent.append($createTextNode(' '));\r\n            }\r\n          }\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertCourseCatalogueLink();\r\n      removeCourseCatalogueLink();\r\n    };\r\n  }, [editor]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"CourseCatalogueNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n  $insertNodes,\r\n  $createTextNode,\r\n  $isRangeSelection,\r\n  $getSelection,\r\n  $isTextNode,\r\n} from 'lexical';\r\nimport { useEffect } from 'react';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';\r\n\r\nexport type SerializedCourseCatalogueNode = Spread<\r\n  {\r\n    linkType: 'course' | 'programme';\r\n    code: string;\r\n    label: string;\r\n  },\r\n  SerializedElementNode\r\n>;\r\n\r\nexport class CourseCatalogueNode extends ElementNode {\r\n  __linkType: 'course' | 'programme';\r\n  __code: string;\r\n  __label: string;\r\n\r\n  constructor(linkType: 'course' | 'programme', code: string, label: string, key?: NodeKey) {\r\n    super(key);\r\n    this.__linkType = linkType;\r\n    this.__code = code;\r\n    this.__label = label;\r\n  }\r\n\r\n  isInline(): boolean {\r\n    return true;\r\n  }\r\n\r\n  canBeEmpty(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextBefore(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextAfter(): boolean {\r\n    return true;\r\n  }\r\n\r\n  static clone(node: CourseCatalogueNode): CourseCatalogueNode {\r\n    return new CourseCatalogueNode(node.__linkType, node.__code, node.__label, node.__key);\r\n  }\r\n\r\n  static getType(): string {\r\n    return 'courseCatalogueLink';\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('a');\r\n    element.className = config.theme.courseCatalogueLink;\r\n    // eslint-disable-next-line no-script-url\r\n    element.href = 'javascript:void(0);';\r\n    element.setAttribute('data-linktype', this.__linkType);\r\n    element.setAttribute('data-code', this.__code);\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap<HTMLAnchorElement> | null {\r\n    return {\r\n      // eslint-disable-next-line id-length\r\n      a: (domNode: HTMLAnchorElement) => {\r\n        const linkTypeAttr = domNode.getAttribute('data-linktype');\r\n        if (linkTypeAttr !== 'course' && linkTypeAttr !== 'programme') {\r\n          return null;\r\n        }\r\n        const linkType = linkTypeAttr;\r\n        const code = domNode.getAttribute('data-code');\r\n        if (!code) {\r\n          return null;\r\n        }\r\n        const label = domNode.textContent || '';\r\n        if (!label) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: () => {\r\n            const node = $createCourseCatalogueNode(linkType, code, label);\r\n            return { node };\r\n          },\r\n          priority: 2,\r\n        };\r\n      },\r\n    };\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedCourseCatalogueNode): CourseCatalogueNode {\r\n    const catalogueNode = $createCourseCatalogueNode(\r\n      serializedNode.linkType,\r\n      serializedNode.code,\r\n      serializedNode.label\r\n    );\r\n    catalogueNode.setFormat(serializedNode.format);\r\n    return catalogueNode;\r\n  }\r\n\r\n  exportJSON(): SerializedCourseCatalogueNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: 'courseCatalogueLink',\r\n      version: 1,\r\n      linkType: this.__linkType,\r\n      code: this.__code,\r\n      label: this.__label,\r\n    };\r\n  }\r\n}\r\n\r\nexport function $createCourseCatalogueNode(\r\n  linkType: 'course' | 'programme',\r\n  code: string,\r\n  label: string = ''\r\n): CourseCatalogueNode {\r\n  return new CourseCatalogueNode(linkType, code, label);\r\n}\r\n\r\nexport function $isCourseCatalogueNode(node: LexicalNode): node is CourseCatalogueNode {\r\n  return node instanceof CourseCatalogueNode;\r\n}\r\n\r\nexport function $getLinkTypeFromNode(node: LexicalNode): 'course' | 'programme' | null {\r\n  if ($isCourseCatalogueNode(node)) {\r\n    return node.__linkType;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const INSERT_COURSE_CATALOGUE_LINK = createCommand('insertCourseCatalogueLink');\r\n\r\nexport const REMOVE_COURSE_CATALOGUE_LINK = createCommand('removeCourseCatalogueLink');\r\n\r\nexport function CourseCatalogueLinkPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([CourseCatalogueNode])) {\r\n    throw new Error('CourseCataloguePlugin: CourseCatalogueNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertCourseCatalogueLink = editor.registerCommand(\r\n      INSERT_COURSE_CATALOGUE_LINK,\r\n      (payload: { linkType: 'course' | 'programme'; code: string; label: string }) => {\r\n        const courseCatalogueNode = $createCourseCatalogueNode(payload.linkType, payload.code, payload.label);\r\n        const textNode = $createTextNode(payload.label);\r\n        courseCatalogueNode.append(textNode);\r\n        $insertNodes([courseCatalogueNode]);\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n    const removeCourseCatalogueLink = editor.registerCommand(\r\n      REMOVE_COURSE_CATALOGUE_LINK,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueNode = $getNearestNodeOfType(node, CourseCatalogueNode);\r\n\r\n          if (\r\n            $isTextNode(node) &&\r\n            offset === node.getTextContentSize() &&\r\n            node.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            courseCatalogueNode = node.getNextSibling() as CourseCatalogueNode;\r\n          }\r\n\r\n          if (courseCatalogueNode) {\r\n            const parent = courseCatalogueNode.getParent();\r\n            courseCatalogueNode.remove();\r\n            if (parent) {\r\n              parent.append($createTextNode(' '));\r\n            }\r\n          }\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertCourseCatalogueLink();\r\n      removeCourseCatalogueLink();\r\n    };\r\n  }, [editor]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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"}

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,9 +1,9 @@
-import { t as e } from "../../../../LexicalComposerContext.prod-DumMmRBt.js";
-import { Qn as t, Z as n, bn as r, dn as i, gt as a, zt as o } from "../../../../Lexical.prod-nAj5fF96.js";
-import { h as s, l as c } from "../../../../LexicalUtils.prod-7S6iuu9A.js";
+import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
+import { K as t, g as n, gn as r, gr as i, lt as a, x as o } from "../../../../Lexical.prod-Dy5aDppc.js";
+import { f as s, l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx
-var u = class e extends i {
+var u = class e extends a {
 	static getType() {
 		return "tableWrapper";
 	}
@@ -18,8 +18,8 @@ var u = class e extends i {
 		return !1;
 	}
 	insertNewAfter(e, t) {
-		let r = n(), i = this.getDirection();
-		return r.setDirection(i), this.insertAfter(r, t), r;
+		let n = i(), r = this.getDirection();
+		return n.setDirection(r), this.insertAfter(n, t), n;
 	}
 };
 function d() {
@@ -28,32 +28,32 @@ function d() {
 function f(e) {
 	return e instanceof u;
 }
-var p = r("insertTableWrapperNode"), m = r("removeTableWrapperNode");
+var p = o("insertTableWrapperNode"), m = o("removeTableWrapperNode");
 function h() {
-	let [r] = e();
-	if (!r.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
+	let [a] = e();
+	if (!a.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
 	return l(() => {
-		let e = r.registerCommand(p, () => {
-			let e = a();
-			return t(e) && s(e, d), !0;
-		}, 2), i = r.registerCommand(m, () => {
-			let e = a();
-			if (t(e)) {
+		let e = a.registerCommand(p, () => {
+			let e = t();
+			return r(e) && s(e, d), !0;
+		}, 2), o = a.registerCommand(m, () => {
+			let e = t();
+			if (r(e)) {
 				let t = e.anchor.getNode();
-				if (!o(t)) return !1;
+				if (!n(t)) return !1;
 				let r = c(t, u);
 				if (!r) return !1;
-				let i = r?.getChildren();
-				if (!i) return !1;
-				let a = n();
-				i.forEach((e) => a.append(e)), r.replace(a);
+				let a = r?.getChildren();
+				if (!a) return !1;
+				let o = i();
+				a.forEach((e) => o.append(e)), r.replace(o);
 			}
 			return !0;
 		}, 2);
 		return () => {
-			e(), i();
+			e(), o();
 		};
-	}, [r]), null;
+	}, [a]), null;
 }
 //#endregion
 export { d as $createTableWrapperNode, f as $isTableWrapperNode, p as INSERT_TABLE_WRAPPER, m as REMOVE_TABLE_WRAPPER, u as TableWrapperNode, h as TableWrapperPlugin };