@uva-glass/component-library 1.59.3 → 1.61.0

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

@@ -1 +1 @@
-{"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  onAction: (action: Actions) => void;\n}\n\nexport const TableCellContextMenu = ({ position, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0 });\n  const menuRef = useRef<HTMLUListElement>(null);\n  const [scrollTopPosition, setScrollTopPosition] = useState(0);\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    setIsOpen(false);\n    setScrollTopPosition(window.scrollY);\n  }, [position]);\n\n  return (\n    <div\n      className={styles['context-menu__wrapper']}\n      style={{\n        transform: `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos + scrollTopPosition}px)`,\n      }}\n    >\n      <button onClick={() => setIsOpen((prev) => !prev)} className={styles['context-menu__button']}>\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button onClick={() => handleAction('insertRowAbove')} className={styles['context-menu__item']}>\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button onClick={() => handleAction('insertRowBelow')} className={styles['context-menu__item']}>\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button onClick={() => handleAction('deleteRow')} className={styles['context-menu__item']}>\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button onClick={() => handleAction('insertColumnLeft')} className={styles['context-menu__item']}>\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button onClick={() => handleAction('insertColumnRight')} className={styles['context-menu__item']}>\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button onClick={() => handleAction('deleteColumn')} className={styles['context-menu__item']}>\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button onClick={() => handleAction('deleteTable')} className={styles['context-menu__item']}>\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"names":["TableCellContextMenu","position","onAction","t","useTranslation","isOpen","setIsOpen","useState","localPosition","setLocalPosition","menuRef","useRef","scrollTopPosition","setScrollTopPosition","handleAction","action","useEffect","jsxs","styles","jsx","prev","Icon","clsx"],"mappings":";;;;;;;;;;;;GAuBaA,IAAuB,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAA0C;AACzF,QAAMC,IAAIC,KACJ,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAeC,CAAgB,IAAIF,EAAmB,EAAE,MAAM,GAAG,MAAM,EAAA,CAAG,GAC3EG,IAAUC,EAAyB,IAAI,GACvC,CAACC,GAAmBC,CAAoB,IAAIN,EAAS,CAAC,GAEtDO,IAAe,CAACC,MAAoB;AACxC,IAAAb,EAASa,CAAM,GACfT,EAAU,EAAK;AAAA,EAAA;AAGjB,SAAAU,EAAU,MAAM;AACd,IAAAP,EAAiBR,CAAQ,GACzBK,EAAU,EAAK,GACfO,EAAqB,OAAO,OAAO;AAAA,EAAA,GAClC,CAACZ,CAAQ,CAAC,GAGX,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO,uBAAuB;AAAA,MACzC,OAAO;AAAA,QACL,WAAW,eAAcV,KAAA,gBAAAA,EAAe,SAAQ,MAAME,EAAQ,UAAUA,EAAQ,QAAQ,wBAAwB,QAAQ,EAAE,OAAOF,EAAc,OAAOI,CAAiB;AAAA,MACzK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAO,EAAC,YAAO,SAAS,MAAMb,EAAU,CAACc,MAAS,CAACA,CAAI,GAAG,WAAWF,EAAO,sBAAsB,GACzF,UAAC,gBAAAC,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,GAAI,CAAA,GACtC;AAAA,QACC,gBAAAJ,EAAA,MAAA,EAAG,KAAKP,GAAS,WAAWY,EAAKJ,EAAO,cAAc,GAAGb,KAAUa,EAAO,oBAAoB,CAAC,GAC9F,UAAA;AAAA,UAAA,gBAAAC,EAAC,MACC,EAAA,UAAA,gBAAAA,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,gBAAgB,GAAG,WAAWI,EAAO,oBAAoB,GAC1F,UAAEf,EAAA,MAAM,eACX,CAAA,GACF;AAAA,4BACC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,gBAAgB,GAAG,WAAWI,EAAO,oBAAoB,GAC1F,UAAEf,EAAA,MAAM,eACX,CAAA,GACF;AAAA,UACA,gBAAAgB,EAAC,QAAG,WAAWD,EAAO,4BAA4B,GAChD,UAAA,gBAAAC,EAAC,YAAO,SAAS,MAAML,EAAa,WAAW,GAAG,WAAWI,EAAO,oBAAoB,GACrF,UAAEf,EAAA,MAAM,UACX,CAAA,GACF;AAAA,4BAEC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,kBAAkB,GAAG,WAAWI,EAAO,oBAAoB,GAC5F,UAAEf,EAAA,MAAM,iBACX,CAAA,GACF;AAAA,4BACC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,mBAAmB,GAAG,WAAWI,EAAO,oBAAoB,GAC7F,UAAEf,EAAA,MAAM,kBACX,CAAA,GACF;AAAA,UACA,gBAAAgB,EAAC,QAAG,WAAWD,EAAO,4BAA4B,GAChD,UAAA,gBAAAC,EAAC,YAAO,SAAS,MAAML,EAAa,cAAc,GAAG,WAAWI,EAAO,oBAAoB,GACxF,UAAEf,EAAA,MAAM,aACX,CAAA,GACF;AAAA,4BAEC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,aAAa,GAAG,WAAWI,EAAO,oBAAoB,GACvF,UAAEf,EAAA,MAAM,YACX,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  parentScrollPosition: number;\n  onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst mesureElement = (srcElement: HTMLElement) => {\n  const mesureElement = srcElement.cloneNode(true) as HTMLElement;\n  mesureElement.style.height = 'auto';\n  mesureElement.style.left = '-3000px';\n  document.body.appendChild(mesureElement);\n  const height = mesureElement.getBoundingClientRect().height;\n  document.body.removeChild(mesureElement);\n  return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHidden, setIsHidden] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n  const [menuHeight, setMenuHeight] = useState(0);\n  const startScrollPosition = useRef(0);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [editor] = useLexicalComposerContext();\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  const flipMenuIfNotInViewpoort = () => {\n    const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n    if (containerRef.current && menuRef.current && buttonRef.current) {\n      if (localPosition.xPos < menuWidth && containerRef.current) {\n        containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n        buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n      } else {\n        containerRef.current.style.left = '0px';\n        buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n      }\n\n      if (!menuHeight) {\n        setMenuHeight(mesureElement(menuRef.current));\n      }\n\n      if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n        containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n        buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n        buttonRef.current.style.transform = 'rotate(180deg)';\n      } else {\n        containerRef.current.style.top = '0px';\n        buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n        buttonRef.current.style.transform = 'none';\n      }\n    }\n  };\n\n  const setMenuPosition = () => {\n    flipMenuIfNotInViewpoort();\n    return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    if (position) {\n      startScrollPosition.current = parentScrollPosition;\n    }\n    setIsOpen(false);\n    setIsHidden(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [position]);\n\n  useEffect(() => {\n    if (buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const rootElement = editor.getRootElement();\n      if (!rootElement) return;\n      if (\n        rect.top - rootElement.getBoundingClientRect().top <= 0 ||\n        rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n      ) {\n        setIsHidden(true);\n      } else {\n        setIsHidden(false);\n      }\n      flipMenuIfNotInViewpoort();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  return (\n    <div\n      className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n      style={{\n        transform: `${setMenuPosition()}`,\n      }}\n      ref={containerRef}\n    >\n      <button onClick={() => setIsOpen((prev) => !prev)} className={styles['context-menu__button']} ref={buttonRef}>\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button\n            onClick={() => handleAction('insertRowAbove')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowAbove}\n          >\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button\n            onClick={() => handleAction('insertRowBelow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowBelow}\n          >\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            onClick={() => handleAction('deleteRow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteRow}\n          >\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button\n            onClick={() => handleAction('insertColumnLeft')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnLeft}\n          >\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button\n            onClick={() => handleAction('insertColumnRight')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnRight}\n          >\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            onClick={() => handleAction('deleteColumn')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteColumn}\n          >\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button\n            onClick={() => handleAction('deleteTable')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteTable}\n          >\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"names":["CONTEXT_MENU_OFFSET","WHITE_SPACE","BUTTON_SHIFT","BUTTON_RESET","mesureElement","srcElement","height","TableCellContextMenu","position","parentScrollPosition","onAction","useTranslation","isOpen","setIsOpen","useState","isHidden","setIsHidden","localPosition","setLocalPosition","menuHeight","setMenuHeight","startScrollPosition","useRef","menuRef","containerRef","buttonRef","editor","useLexicalComposerContext","handleAction","action","flipMenuIfNotInViewpoort","menuWidth","setMenuPosition","useEffect","rect","rootElement","jsxs","clsx","styles","jsx","prev","Icon"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../helpers-CaU5T9i-.js";
-import "../../../../Lexical.prod-BhH9TCLN.js";
+import "../../../../helpers-D9T1Tgkj.js";
+import "../../../../Lexical.prod-qM_1BY0u.js";
 import "react";
-import { T as A } from "../../../../TablePlugin-deK-rcE1.js";
+import { T as B } from "../../../../TablePlugin-CLPV2OjO.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -19,13 +19,14 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../RteEditor.module-Dz9a8vaK.js";
+import "../../../../RteEditor.module-Cku3JY-0.js";
+import "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
 export {
-  A as TablePlugin
+  B as TablePlugin
 };
 //# sourceMappingURL=TablePlugin.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-CaU5T9i-.js";
+import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-D9T1Tgkj.js";
 export {
   s as createTable,
   l as deleteColumn,

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

@@ -1,4 +1,4 @@
-import { T as o } from "../../../../TablePlugin-deK-rcE1.js";
+import { T as o } from "../../../../TablePlugin-CLPV2OjO.js";
 import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
 export {
   t as TableCellContextMenu,

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

@@ -1,11 +1,10 @@
-export type TargetType = '_blank' | '_self';
-export interface LinkType {
-    active: boolean;
-    url: string;
-    target: TargetType | string;
-}
 export type Position = {
     xPos: number;
     yPos: number;
+    height: number;
 };
-export declare const ToolBarPlugin: () => JSX.Element;
+interface ToolBarProps {
+    editorScrollPosition: number;
+}
+export declare const ToolBarPlugin: ({ editorScrollPosition }: ToolBarProps) => JSX.Element;
+export {};

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

@@ -1,57 +1,53 @@
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { u as N } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { A, x as C } from "../../../../Lexical.prod-BhH9TCLN.js";
-import { useState as o, useRef as R, useCallback as v, useEffect as F } from "react";
-import { o as S } from "../../../../helpers-CaU5T9i-.js";
-import { g as m } from "../../../../helpers-BRIyyVa6.js";
-import { BlockFormatPlugin as U } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { ListPlugin as _ } from "../ListPlugin/ListPlugin.js";
-import { LinkPlugin as j } from "../LinkPlugin/LinkPlugin.js";
-import { HistoryPlugin as E } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as K } from "../../../../TablePlugin-deK-rcE1.js";
-import { TableCellContextMenu as M } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as O } from "../../../../RteEditor.module-Dz9a8vaK.js";
-const w = (s, n) => {
-  let e = s;
-  for (; e !== null; ) {
-    if (S(e) && n) {
-      const r = n.getElementByKey(e.getKey());
-      if (r) {
-        const a = r.getBoundingClientRect();
-        return { xPos: a.right, yPos: a.bottom };
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { A as d, x as b } from "../../../../Lexical.prod-qM_1BY0u.js";
+import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
+import { g as A } from "../../../../helpers-D9T1Tgkj.js";
+import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { L as C } from "../../../../ListPlugin-Bhkh3IBK.js";
+import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
+import { T as k } from "../../../../TablePlugin-CLPV2OjO.js";
+import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { s as v } from "../../../../RteEditor.module-Cku3JY-0.js";
+const D = ({ editorScrollPosition: u }) => {
+  const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
+    const o = d();
+    if (b(o)) {
+      const g = o.anchor.getNode(), m = A(g);
+      if (m) {
+        const c = e.getElementByKey(m.getKey()), n = c ? c.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
+        s({ xPos: n.right, yPos: n.bottom, height: n.height });
       } else
-        return null;
+        s(null);
     }
-    e = e.getParent();
-  }
-  return null;
-}, tt = () => {
-  const [s] = N(), [n, e] = o(!1), [r, a] = o(!1), [d, p] = o(!1), [b, h] = o(!1), [L, P] = o({ active: !1, url: "", target: "_self" }), [T, I] = o(!1), [f, x] = o(null), u = R(null), g = v(() => {
-    const t = A();
-    if (C(t)) {
-      const l = t.anchor, c = l.getNode(), k = t.focus;
-      e(t.hasFormat("bold")), a(t.hasFormat("italic")), p(m(c, "ul")), h(m(c, "ol")), I(Math.abs(l.offset - k.offset) !== 0), P(m(c, "a")), x(w(c, s));
-    }
-  }, [s]), B = (t) => {
-    var l;
-    (l = u.current) == null || l.mutateTable(t);
+  }, [e]), f = (o) => {
+    var i;
+    (i = l.current) == null || i.mutateTable(o);
   };
-  return F(() => {
-    s.registerUpdateListener(({ editorState: t }) => {
-      t.read(() => {
-        g();
+  return y(() => {
+    e.registerUpdateListener(({ editorState: o }) => {
+      o.read(() => {
+        a();
       });
     });
-  }, [s, g]), /* @__PURE__ */ y("div", { className: O.editor__toolbar, children: [
-    /* @__PURE__ */ i(U, { isBold: n, isItalic: r }),
-    /* @__PURE__ */ i(_, { isUList: d, isOList: b }),
-    /* @__PURE__ */ i(K, { isActive: !!f, ref: u }),
-    f && /* @__PURE__ */ i(M, { position: f, onAction: B }),
-    /* @__PURE__ */ i(j, { isLink: L, isLinkable: T }),
-    /* @__PURE__ */ i(E, {})
+  }, [e, a]), /* @__PURE__ */ p("div", { className: v.editor__toolbar, children: [
+    /* @__PURE__ */ t(B, {}),
+    /* @__PURE__ */ t(C, {}),
+    /* @__PURE__ */ t(k, { isActive: !!r, ref: l }),
+    r && /* @__PURE__ */ t(
+      j,
+      {
+        position: r,
+        parentScrollPosition: u,
+        onAction: f
+      }
+    ),
+    /* @__PURE__ */ t(L, {}),
+    /* @__PURE__ */ t(N, {})
   ] });
 };
 export {
-  tt as ToolBarPlugin
+  D as ToolBarPlugin
 };
 //# sourceMappingURL=ToolbarPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $isTableCellNode } from '@lexical/table';\n\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport { getNodeTag } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nexport type TargetType = '_blank' | '_self';\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  target: TargetType | string;\n}\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n};\n\nconst getTableCell = (\n  anchorNode: ElementNode | TextNode,\n  editor: ReturnType<typeof useLexicalComposerContext>[0]\n): Position | null => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode !== null) {\n    if ($isTableCellNode(currentNode) && editor) {\n      const domNode = editor.getElementByKey(currentNode.getKey());\n      if (domNode) {\n        const rect = domNode.getBoundingClientRect();\n        return { xPos: rect.right, yPos: rect.bottom };\n      } else {\n        return null;\n      }\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const ToolBarPlugin = (): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', target: '_self' });\n  const [isSelectedRange, setIsSelectedRange] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n      const focus = selection.focus;\n\n      setIsBold(selection.hasFormat('bold'));\n      setIsItalic(selection.hasFormat('italic'));\n      setIsUList(getNodeTag(anchorNode, 'ul') as boolean);\n      setIsOList(getNodeTag(anchorNode, 'ol') as boolean);\n\n      setIsSelectedRange(Math.abs(anchor.offset - focus.offset) !== 0);\n      setIsLink(getNodeTag(anchorNode, 'a') as LinkType);\n\n      setPosition(getTableCell(anchorNode, editor));\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin isBold={isBold} isItalic={isItalic} />\n      <ListPlugin isUList={isUList} isOList={isOList} />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && <TableCellContextMenu position={position} onAction={handleTableAction} />}\n      <LinkPlugin isLink={isLink} isLinkable={isSelectedRange} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["getTableCell","anchorNode","editor","currentNode","$isTableCellNode","domNode","rect","ToolBarPlugin","useLexicalComposerContext","isBold","setIsBold","useState","isItalic","setIsItalic","isUList","setIsUList","isOList","setIsOList","isLink","setIsLink","isSelectedRange","setIsSelectedRange","position","setPosition","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchor","focus","getNodeTag","handleTableAction","action","_a","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;;AAgCA,MAAMA,IAAe,CACnBC,GACAC,MACoB;AACpB,MAAIC,IAA6CF;AAEjD,SAAOE,MAAgB,QAAM;AACvB,QAAAC,EAAiBD,CAAW,KAAKD,GAAQ;AAC3C,YAAMG,IAAUH,EAAO,gBAAgBC,EAAY,OAAQ,CAAA;AAC3D,UAAIE,GAAS;AACL,cAAAC,IAAOD,EAAQ;AACrB,eAAO,EAAE,MAAMC,EAAK,OAAO,MAAMA,EAAK;MAAO;AAEtC,eAAA;AAAA,IAEX;AACA,IAAAH,IAAcA,EAAY;EAC5B;AAEO,SAAA;AACT,GAEaI,KAAgB,MAAmB;AACxC,QAAA,CAACL,CAAM,IAAIM,KACX,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAASC,CAAU,IAAIJ,EAAkB,EAAK,GAC/C,CAACK,GAASC,CAAU,IAAIN,EAAkB,EAAK,GAC/C,CAACO,GAAQC,CAAS,IAAIR,EAAmB,EAAE,QAAQ,IAAO,KAAK,IAAI,QAAQ,QAAS,CAAA,GACpF,CAACS,GAAiBC,CAAkB,IAAIV,EAAS,EAAK,GACtD,CAACW,GAAUC,CAAW,IAAIZ,EAA0B,IAAI,GACxDa,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AAChC,YAAMG,IAASH,EAAU,QACnB3B,IAAa8B,EAAO,WACpBC,IAAQJ,EAAU;AAEd,MAAAlB,EAAAkB,EAAU,UAAU,MAAM,CAAC,GACzBf,EAAAe,EAAU,UAAU,QAAQ,CAAC,GAC9Bb,EAAAkB,EAAWhC,GAAY,IAAI,CAAY,GACvCgB,EAAAgB,EAAWhC,GAAY,IAAI,CAAY,GAElDoB,EAAmB,KAAK,IAAIU,EAAO,SAASC,EAAM,MAAM,MAAM,CAAC,GACrDb,EAAAc,EAAWhC,GAAY,GAAG,CAAa,GAErCsB,EAAAvB,EAAaC,GAAYC,CAAM,CAAC;AAAA,IAC9C;AAAA,EAAA,GACC,CAACA,CAAM,CAAC,GAELgC,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAZ,EAAA,YAAA,QAAAY,EAAS,YAAYD;AAAA,EAAM;AAGtC,SAAAE,EAAU,MAAM;AACd,IAAAnC,EAAO,uBAAuB,CAAC,EAAE,aAAAoC,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAZ;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACxB,GAAQwB,CAAa,CAAC,GAGvB,gBAAAa,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAkB,QAAAjC,GAAgB,UAAAG,EAAoB,CAAA;AAAA,IACvD,gBAAA6B,EAACE,GAAW,EAAA,SAAA7B,GAAkB,SAAAE,EAAkB,CAAA;AAAA,sBAC/C4B,GAAY,EAAA,UAAU,EAAQtB,GAAW,KAAKE,GAAU;AAAA,IACxDF,KAAY,gBAAAmB,EAACI,GAAqB,EAAA,UAAAvB,GAAoB,UAAUY,GAAmB;AAAA,IACnF,gBAAAO,EAAAK,GAAA,EAAW,QAAA5B,GAAgB,YAAYE,EAAiB,CAAA;AAAA,sBACxD2B,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n  height: number;\n};\n\ninterface ToolBarProps {\n  editorScrollPosition: number;\n}\n\nexport const ToolBarPlugin = ({ editorScrollPosition }: ToolBarProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n\n      const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n      if (tableCell) {\n        const domNode = editor.getElementByKey(tableCell.getKey());\n        const position = domNode ? domNode.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };\n        setPosition({ xPos: position.right, yPos: position.bottom, height: position.height });\n      } else {\n        setPosition(null);\n      }\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin />\n      <ListPlugin />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && (\n        <TableCellContextMenu\n          position={position}\n          parentScrollPosition={editorScrollPosition}\n          onAction={handleTableAction}\n        />\n      )}\n      <LinkPlugin />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editorScrollPosition","editor","useLexicalComposerContext","position","setPosition","useState","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","tableCell","$getTableCellNodeFromLexicalNode","domNode","handleTableAction","action","_a","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;AA4BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AAC9E,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AAE1B,YAAAG,IADSH,EAAU,OACC,WAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,OAAQ,CAAA,GACnDX,IAAWa,IAAUA,EAAQ,sBAAsB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAE;AAClF,QAAAZ,EAAA,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAQ,CAAA;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAEpB;AAAA,EAAA,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,YAAYD;AAAA,EAAM;AAGtC,SAAAE,EAAU,MAAM;AACd,IAAAnB,EAAO,uBAAuB,CAAC,EAAE,aAAAoB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAb;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAGvB,gBAAAc,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAW,EAAA;AAAA,sBACXC,GAAY,EAAA,UAAU,EAAQxB,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAAqB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAzB;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IACZ;AAAA,sBAEDY,GAAW,EAAA;AAAA,sBACXC,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}

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

@@ -1,17 +1,18 @@
 import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
-import { BlockFormatPlugin as t } from "./BlockFormatPlugin/BlockFormatPlugin.js";
-import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
-import { LinkPlugin as x } from "./LinkPlugin/LinkPlugin.js";
-import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as g } from "../../../TablePlugin-deK-rcE1.js";
-import { TableCellContextMenu as a } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
+import { L as n } from "../../../ListPlugin-Bhkh3IBK.js";
+import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
+import { T as u } from "../../../TablePlugin-CLPV2OjO.js";
+import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
-  t as BlockFormatPlugin,
-  p as HistoryPlugin,
-  x as LinkPlugin,
+  l as BlockFormatPlugin,
+  f as HistoryPlugin,
+  m as LinkPlugin,
   n as ListPlugin,
-  a as TableCellContextMenu,
-  g as TablePlugin,
-  e as ToolBarPlugin
+  T as TableCellContextMenu,
+  u as TablePlugin,
+  e as ToolBarPlugin,
+  x as getLinkNodeTag
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,15 +1,24 @@
 export interface RteEditorProps {
-    namespace?: string;
+    /** current language setting for the editor labels NOT title ans label*/
     currentLanguage?: 'NL' | 'EN';
+    /** imported content to edit */
     initialValue?: string;
+    /** placeholder text in current Language */
     placeholder?: string;
+    /** label/title of the RTE in current Language */
     label?: string;
+    /** explanation of the text to be filled in, in current Language */
     info?: string;
+    /** 'true' the rte field mandetory */
     required?: boolean;
+    /** max number of words 'allowed' but not enforced */
     maxWords?: number;
-    /** error text to display if set */
+    /** max height in rem default = 20rem*/
+    maxHeightInRem?: `${number}rem`;
+    /** error text to display if required and field is empthy */
     notValidatedText?: string;
+    /** updated output */
     onChange: (content: string) => void;
 }
-export declare const Rte: ({ namespace, currentLanguage, initialValue, placeholder, label, info, required, notValidatedText, maxWords, onChange, }: RteEditorProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RteEditor: ({ namespace, currentLanguage, initialValue, placeholder, label, info, required, notValidatedText, maxWords, onChange, }: RteEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Rte: ({ currentLanguage, initialValue, placeholder, label, info, required, notValidatedText, maxHeightInRem, maxWords, onChange, }: RteEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RteEditor: ({ currentLanguage, initialValue, placeholder, label, info, required, notValidatedText, maxWords, onChange, }: RteEditorProps) => import("react/jsx-runtime").JSX.Element;