@uva-glass/component-library 1.62.1 → 1.62.2

package/dist/{TablePlugin-BvwAKpcu.js → TablePlugin-BuP29PqZ.js}

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as t, Fragment as X } from "react/jsx-runtime";
 import { u as Z } from "./LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as D } from "./clsx-OuTLNxxd.js";
-import { g as ee, o as te, d as le, a as re, i as oe, b as ne, c as ae, e as ie } from "./helpers-D9T1Tgkj.js";
+import { g as ee, o as te, d as le, a as oe, i as re, b as ne, c as ae, e as ie } from "./helpers-D9T1Tgkj.js";
 import { _ as se, L as ce, A as $, x as U, w as me } from "./Lexical.prod-qM_1BY0u.js";
-import { forwardRef as M, useState as C, useRef as y, useId as I, useImperativeHandle as O, useEffect as A } from "react";
+import { forwardRef as P, useState as C, useRef as y, useId as I, useImperativeHandle as M, useEffect as A } from "react";
 import { Button as N } from "./components/Buttons/Button.js";
 import "./components/Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -23,7 +23,7 @@ import "./components/RteEditor/Providers/LanguageProvider.js";
 import { e as de, v as fe } from "./helpers-BB6Byf50.js";
 import { Icon as H } from "./components/Icon/Icon.js";
 import { FeedbackBox as B } from "./components/FeedbackBox/FeedbackBox.js";
-import { useTranslation as P } from "./components/RteEditor/hooks/useTranslation.js";
+import { useTranslation as O } from "./components/RteEditor/hooks/useTranslation.js";
 import "./components/RteEditor/hooks/components/Flyout.js";
 import { useFlyout as _e } from "./components/RteEditor/hooks/useFlyout.js";
 import { s as R } from "./RteEditor.module-BwAtWRHo.js";
@@ -37,7 +37,7 @@ import './assets/TablePlugin.css';function be({ label: d, clearTrigger: u, onCle
     u && /* @__PURE__ */ t(N, { variant: "blank", onClick: s, children: u })
   ] });
 }
-const K = ({ scrollable: d = !0, noBorder: u, header: s, children: r }) => /* @__PURE__ */ c(X, { children: [
+const K = ({ scrollable: d = !0, noBorder: u, header: s, children: o }) => /* @__PURE__ */ c(X, { children: [
   s,
   /* @__PURE__ */ t(
     "div",
@@ -52,7 +52,7 @@ const K = ({ scrollable: d = !0, noBorder: u, header: s, children: r }) => /* @_
             [x["multi-select__list--scrollable"]]: d
           }),
           id: "multi-select-list",
-          children: r
+          children: o
         }
       )
     }
@@ -67,21 +67,21 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
   "linkform__input-url-wrapper": "_linkform__input-url-wrapper_x5q7m_19",
   "linkform__open-url-button": "_linkform__open-url-button_x5q7m_31",
   "editor__toolbar-button": "_editor__toolbar-button_x5q7m_55"
-}, tt = M(
+}, tt = P(
   ({
     onCloseHandler: d,
     onSaveHandler: u,
     onRemoveHandler: s,
-    isLink: r = { active: !1, url: "", linktext: "" }
+    isLink: o = { active: !1, url: "", linktext: "" }
   }, f) => {
-    const o = P(), [n, _] = C(r.url || ""), [m, v] = C(r.linktext || ""), [b, p] = C(null), [F, h] = C(null), l = y(null), e = `link_${I()}`, k = `text_${I()}`, a = () => {
+    const r = O(), [n, _] = C(o.url || ""), [m, v] = C(o.linktext || ""), [b, p] = C(null), [F, h] = C(null), l = y(null), e = `link_${I()}`, k = `text_${I()}`, a = () => {
       window.open(de(n), "_blank");
     }, g = (i) => {
       _(i.target.value);
     }, V = (i) => {
       v(i.target.value);
-    }, j = (i) => fe(i) === !1 || i.trim() === "" ? (p(o.errortext.urlNotValid), !1) : (p(null), !0), z = (i) => i.trim() === "" ? (h(o.errortext.linkTextNotValid), !1) : (h(null), !0), W = () => {
-      if (r.url !== "" && n === "" && typeof s == "function") {
+    }, j = (i) => fe(i) === !1 || i.trim() === "" ? (p(r.errortext.urlNotValid), !1) : (p(null), !0), z = (i) => i.trim() === "" ? (h(r.errortext.linkTextNotValid), !1) : (h(null), !0), W = () => {
+      if (o.url !== "" && n === "" && typeof s == "function") {
         s();
         return;
       }
@@ -95,24 +95,24 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
     }, J = () => {
       l.current && l.current.focus();
     };
-    return O(f, () => ({
+    return M(f, () => ({
       clearForm: q,
       focusFirstField: J,
       setDefaults: G
     })), /* @__PURE__ */ c("div", { className: w.linkform, children: [
       /* @__PURE__ */ c(L, { className: w["linkform__input-field"], children: [
-        /* @__PURE__ */ t(T, { htmlFor: e, children: o.links.linkLabel }),
+        /* @__PURE__ */ t(T, { htmlFor: e, children: r.links.linkLabel }),
         /* @__PURE__ */ c("div", { className: w["linkform__input-url-wrapper"], children: [
           /* @__PURE__ */ t(
             S,
             {
               id: e,
-              placeholder: o.links.linkPlaceholder,
+              placeholder: r.links.linkPlaceholder,
               value: n,
               onChange: (i) => g(i),
               onFocus: () => p(null),
               ref: l,
-              "aria-label": o.aria.labels.linkField
+              "aria-label": r.aria.labels.linkField
             }
           ),
           n && /* @__PURE__ */ t("button", { type: "button", onClick: a, className: w["linkform__open-url-button"], children: /* @__PURE__ */ t(H, { name: "ArrowTopRightOnSquare", size: 20 }) })
@@ -120,7 +120,7 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
         b && /* @__PURE__ */ t(B, { level: "error", feedback: b })
       ] }),
       /* @__PURE__ */ c(L, { className: w["linkform__input-field"], children: [
-        /* @__PURE__ */ t(T, { htmlFor: k, children: o.links.linkText }),
+        /* @__PURE__ */ t(T, { htmlFor: k, children: r.links.linkText }),
         /* @__PURE__ */ t(
           S,
           {
@@ -128,14 +128,14 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
             value: m,
             onChange: (i) => V(i),
             onFocus: () => h(null),
-            "aria-label": o.aria.labels.linkTextfield
+            "aria-label": r.aria.labels.linkTextfield
           }
         ),
         F && /* @__PURE__ */ t(B, { level: "error", feedback: F })
       ] }),
       /* @__PURE__ */ c("div", { className: w.linkform__footer, children: [
-        /* @__PURE__ */ t(N, { variant: "secondary", onClick: Y, "aria-label": o.common.cancel, type: "button", children: o.common.cancel }),
-        /* @__PURE__ */ t(N, { variant: "primary", onClick: W, "aria-label": o.aria.labels.linkOkButton, type: "button", children: o.links.addLink })
+        /* @__PURE__ */ t(N, { variant: "secondary", onClick: Y, "aria-label": r.common.cancel, type: "button", children: r.common.cancel }),
+        /* @__PURE__ */ t(N, { variant: "primary", onClick: W, "aria-label": r.aria.labels.linkOkButton, type: "button", children: r.links.addLink })
       ] })
     ] });
   }
@@ -143,18 +143,18 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
   tableform: ke,
   "tableform__input-field": "_tableform__input-field_t5fpq_5",
   tableform__footer: ve
-}, Fe = M(({ onCloseHandler: d, onSaveHandler: u }, s) => {
-  const r = P(), [f, o] = C(), [n, _] = C(), m = y(null), v = `row_${I()}`, b = `column_${I()}`, p = (e, k) => {
+}, Fe = P(({ onCloseHandler: d, onSaveHandler: u }, s) => {
+  const o = O(), [f, r] = C(), [n, _] = C(), m = y(null), v = `row_${I()}`, b = `column_${I()}`, p = (e, k) => {
     const a = e.target.value;
-    k === "row" ? o(parseInt(a)) : _(parseInt(a));
+    k === "row" ? r(parseInt(a)) : _(parseInt(a));
   }, F = () => {
     f !== void 0 && n !== void 0 && (u(f, n), l());
   }, h = () => {
     d(), l();
   }, l = () => {
-    o(void 0), _(void 0);
+    r(void 0), _(void 0);
   };
-  return O(s, () => ({
+  return M(s, () => ({
     clearForm: l,
     focusFirstField: () => {
       var e;
@@ -162,56 +162,56 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
     }
   })), /* @__PURE__ */ c("div", { className: E.tableform, children: [
     /* @__PURE__ */ c(L, { className: E["tableform__input-field"], children: [
-      /* @__PURE__ */ t(T, { htmlFor: v, children: r.table.nrofRows }),
+      /* @__PURE__ */ t(T, { htmlFor: v, children: o.table.nrofRows }),
       /* @__PURE__ */ t(
         S,
         {
           id: v,
-          placeholder: r.table.nrofRowsPlaceholder,
+          placeholder: o.table.nrofRowsPlaceholder,
           value: f || "",
           onChange: (e) => p(e, "row"),
-          "aria-label": r.aria.labels.tableRowfield,
+          "aria-label": o.aria.labels.tableRowfield,
           ref: m
         }
       )
     ] }),
     /* @__PURE__ */ c(L, { className: E["tableform__input-field"], children: [
-      /* @__PURE__ */ t(T, { htmlFor: b, children: r.table.nrofColumns }),
+      /* @__PURE__ */ t(T, { htmlFor: b, children: o.table.nrofColumns }),
       /* @__PURE__ */ t(
         S,
         {
           id: b,
-          placeholder: r.table.nrofColumnsPlaceholder,
+          placeholder: o.table.nrofColumnsPlaceholder,
           value: n || "",
           onChange: (e) => p(e, "column"),
-          "aria-label": r.aria.labels.tableColumnfield
+          "aria-label": o.aria.labels.tableColumnfield
         }
       )
     ] }),
     /* @__PURE__ */ c("div", { className: E.tableform__footer, children: [
-      /* @__PURE__ */ t(N, { variant: "secondary", onClick: h, "aria-label": r.common.cancel, children: r.common.cancel }),
+      /* @__PURE__ */ t(N, { variant: "secondary", onClick: h, "aria-label": o.common.cancel, children: o.common.cancel }),
       /* @__PURE__ */ t(
         N,
         {
           variant: "primary",
           onClick: F,
           disabled: !f || !n,
-          "aria-label": r.aria.labels.tableOkButton,
-          children: r.common.add
+          "aria-label": o.aria.labels.tableOkButton,
+          children: o.common.add
         }
       )
     ] })
   ] });
-}), we = 200, lt = M(({ isActive: d }, u) => {
-  const s = P(), [r] = Z(), { flyout: f, showFlyout: o, closeFlyout: n, isVisible: _ } = _e(), m = y(), v = y(null), b = y(!1), p = (l, e) => {
-    r.update(() => {
+}), we = 200, lt = P(({ isActive: d }, u) => {
+  const s = O(), [o] = Z(), { flyout: f, showFlyout: r, closeFlyout: n, isVisible: _ } = _e(), m = y(), v = y(null), b = y(!1), p = (l, e) => {
+    o.update(() => {
       const k = $(), a = ie(l, e);
       U(k) ? k.insertNodes([a]) : me().append(a);
       const g = a.getFirstDescendant();
       g && g.select();
     }), n();
   }, F = (l) => {
-    r.update(() => {
+    o.update(() => {
       const e = $();
       if (U(e)) {
         const k = e.anchor.getNode(), a = ee(k);
@@ -226,10 +226,10 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
               break;
             case "insertColumnLeft":
             case "insertColumnRight":
-              oe(a, l);
+              re(a, l);
               break;
             case "deleteColumn":
-              re(a);
+              oe(a);
               break;
             case "deleteTable":
               le(a);
@@ -251,28 +251,28 @@ const pe = "_linkform_x5q7m_1", he = "_linkform__footer_x5q7m_12", w = {
     var l, e;
     _ ? (b.current = !0, (e = m.current) == null || e.focusFirstField()) : ((l = m.current) == null || l.clearForm(), setTimeout(() => b.current = !1, we));
   }, [m, _]), A(() => {
-    const l = r.registerCommand(
+    const l = o.registerCommand(
       se,
-      (e) => e.ctrlKey && e.shiftKey && e.code === "Digit9" ? (e.preventDefault(), o(h), !0) : !1,
+      (e) => e.ctrlKey && e.shiftKey && e.code === "Digit9" ? (e.preventDefault(), r(h), !0) : !1,
       ce
     );
     return () => {
       l();
     };
-  }, [r]), A(() => {
+  }, [o]), A(() => {
     const l = (e) => {
-      e.key === "Escape" && (e.preventDefault(), n());
+      e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), n());
     };
     return document.addEventListener("keydown", l), () => {
       document.removeEventListener("keydown", l);
     };
-  }, []), O(u, () => ({
+  }, []), M(u, () => ({
     mutateTable: F
   })), /* @__PURE__ */ t("div", { className: R["editor__toolbar-button-group"], children: /* @__PURE__ */ c("div", { className: R["editor__toolbar-button-flyoutwrapper"], children: [
     /* @__PURE__ */ t(
       "button",
       {
-        onClick: () => !b.current && o(h),
+        onClick: () => !b.current && r(h),
         title: s.table.tableTooltip,
         className: D(R["editor__toolbar-button"], d && R["editor__toolbar-button--active"]),
         "aria-label": s.aria.labels.table,
@@ -292,4 +292,4 @@ export {
   be as a,
   Fe as b
 };
-//# sourceMappingURL=TablePlugin-BvwAKpcu.js.map
+//# sourceMappingURL=TablePlugin-BuP29PqZ.js.map

package/dist/{TablePlugin-BvwAKpcu.js.map → TablePlugin-BuP29PqZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin-BvwAKpcu.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n  /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n  scrollable?: boolean;\n  /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n  noBorder?: boolean;\n  /** The header contents. */\n  header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport { ensureHttps, validateUrlWithProtocol } from './helpers';\nimport styles from './AddLinkForm.module.css';\n\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (url: string, linktext: string) => void;\n  onRemoveHandler?: () => void;\n  isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n  clearForm: () => void;\n  focusFirstField: () => void;\n  setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n  (\n    {\n      onCloseHandler,\n      onSaveHandler,\n      onRemoveHandler,\n      isLink = { active: false, url: '', linktext: '' },\n    }: AddLinkFormProps,\n    ref\n  ): JSX.Element => {\n    const t = useTranslation();\n    const [url, setUrl] = useState<string>(isLink.url || '');\n    const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n    const [urlError, setUrlError] = useState<string | null>(null);\n    const [linkTextError, setLinkTextError] = useState<string | null>(null);\n    const firstField = useRef<HTMLInputElement>(null);\n    const linkId = `link_${useId()}`;\n    const textId = `text_${useId()}`;\n\n    const handleOpenUrl = () => {\n      window.open(ensureHttps(url), '_blank');\n    };\n\n    const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n      setUrl(event.target.value);\n    };\n\n    const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n      setLinkText(event.target.value);\n    };\n\n    const validateUrl = (url: string): boolean => {\n      if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n        setUrlError(t.errortext.urlNotValid);\n        return false;\n      }\n      setUrlError(null);\n      return true;\n    };\n\n    const validateLinkText = (linkText: string): boolean => {\n      if (linkText.trim() === '') {\n        setLinkTextError(t.errortext.linkTextNotValid);\n        return false;\n      }\n      setLinkTextError(null);\n      return true;\n    };\n\n    const handleSave = () => {\n      if (isLink.url !== '' && url === '' && typeof onRemoveHandler === 'function') {\n        onRemoveHandler();\n        return;\n      }\n\n      if (!validateUrl(url) || !validateLinkText(linkText)) {\n        return;\n      }\n\n      onSaveHandler(url, linkText);\n      resetForm();\n    };\n\n    const handleClose = () => {\n      onCloseHandler();\n      resetForm();\n    };\n\n    const resetForm = () => {\n      setUrl('');\n      setLinkText('');\n      setUrlError(null);\n      setLinkTextError(null);\n    };\n\n    const setDefaults = (url: string, linktext: string) => {\n      setUrl(url);\n      setLinkText(linktext);\n    };\n\n    const focusFirstField = () => {\n      if (firstField.current) {\n        firstField.current.focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({\n      clearForm: resetForm,\n      focusFirstField,\n      setDefaults,\n    }));\n\n    return (\n      <div className={styles['linkform']}>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={linkId}>{t.links.linkLabel}</Label>\n          <div className={styles['linkform__input-url-wrapper']}>\n            <InputField\n              id={linkId}\n              placeholder={t.links.linkPlaceholder}\n              value={url}\n              onChange={(event) => handleUrl(event)}\n              onFocus={() => setUrlError(null)}\n              ref={firstField}\n              aria-label={t.aria.labels.linkField}\n            />\n            {url && (\n              <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n                <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n              </button>\n            )}\n          </div>\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={textId}>{t.links.linkText}</Label>\n          <InputField\n            id={textId}\n            value={linkText}\n            onChange={(event) => handleLinkText(event)}\n            onFocus={() => setLinkTextError(null)}\n            aria-label={t.aria.labels.linkTextfield}\n          />\n          {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n        </FormField>\n        <div className={styles['linkform__footer']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddTableFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n  clearForm: () => void;\n  focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n  const t = useTranslation();\n  const [rowCount, setRowCount] = useState<number>();\n  const [columnCount, setColumnCount] = useState<number>();\n  const firstField = useRef<HTMLInputElement>(null);\n  const rowId = `row_${useId()}`;\n  const columnId = `column_${useId()}`;\n\n  const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n    const value = event.target.value;\n    type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n  };\n\n  const handleSave = () => {\n    if (rowCount !== undefined && columnCount !== undefined) {\n      onSaveHandler(rowCount, columnCount);\n      resetForm();\n    }\n  };\n\n  const handleClose = () => {\n    onCloseHandler();\n    resetForm();\n  };\n\n  const resetForm = () => {\n    setRowCount(undefined);\n    setColumnCount(undefined);\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: resetForm,\n    focusFirstField: () => firstField.current?.focus(),\n  }));\n\n  return (\n    <div className={styles['tableform']}>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n        <InputField\n          id={rowId}\n          placeholder={t.table.nrofRowsPlaceholder}\n          value={rowCount ? rowCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'row')}\n          aria-label={t.aria.labels.tableRowfield}\n          ref={firstField}\n        />\n      </FormField>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n        <InputField\n          id={columnId}\n          placeholder={t.table.nrofColumnsPlaceholder}\n          value={columnCount ? columnCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'column')}\n          aria-label={t.aria.labels.tableColumnfield}\n        />\n      </FormField>\n      <div className={styles['tableform__footer']}>\n        <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n          {t.common.cancel}\n        </Button>\n        <Button\n          variant={'primary'}\n          onClick={handleSave}\n          disabled={!rowCount || !columnCount}\n          aria-label={t.aria.labels.tableOkButton}\n        >\n          {t.common.add}\n        </Button>\n      </div>\n    </div>\n  );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { TextNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n  isActive: boolean;\n}\n\nexport interface TableMutation {\n  mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addTableForm = useRef<addTableForm>();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const preventOpen = useRef(false);\n\n  const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      const tableNode = createTable(nrOfRows, nrOfColumns);\n      if ($isRangeSelection(selection)) {\n        selection.insertNodes([tableNode]);\n      } else {\n        $getRoot().append(tableNode);\n      }\n      const firstDescendant = tableNode.getFirstDescendant();\n      if (firstDescendant) {\n        (firstDescendant as TextNode).select();\n      }\n    });\n\n    closeFlyout();\n  };\n\n  const mutateTable = (action: Actions) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const anchorNode = selection.anchor.getNode();\n        const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\n        if ($isTableCellNode(currentNode)) {\n          switch (action) {\n            case 'insertRowAbove':\n            case 'insertRowBelow':\n              insertRow(currentNode, action);\n              break;\n            case 'deleteRow':\n              deleteRow(currentNode);\n              break;\n            case 'insertColumnLeft':\n            case 'insertColumnRight':\n              insertColumn(currentNode, action);\n              break;\n            case 'deleteColumn':\n              deleteColumn(currentNode);\n              break;\n            case 'deleteTable':\n              deleteTable(currentNode);\n              break;\n          }\n        }\n      }\n    });\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddTableForm\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n        ref={addTableForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addTableForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addTableForm.current?.focusFirstField();\n    }\n  }, [addTableForm, isVisible]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n          event.preventDefault();\n          showFlyout(flyoutOptions);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown);\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    mutateTable,\n  }));\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n          title={t.table.tableTooltip}\n          className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n          aria-label={t.aria.labels.table}\n          aria-keyshortcuts={t.aria.keyshortcuts.table}\n          ref={buttonRef}\n          type=\"button\"\n        >\n          <Icon name=\"Table\" size={24} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","onRemoveHandler","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","flyoutOptions","rows","columns","useEffect","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}
+{"version":3,"file":"TablePlugin-BuP29PqZ.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n  /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n  scrollable?: boolean;\n  /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n  noBorder?: boolean;\n  /** The header contents. */\n  header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport { ensureHttps, validateUrlWithProtocol } from './helpers';\nimport styles from './AddLinkForm.module.css';\n\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (url: string, linktext: string) => void;\n  onRemoveHandler?: () => void;\n  isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n  clearForm: () => void;\n  focusFirstField: () => void;\n  setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n  (\n    {\n      onCloseHandler,\n      onSaveHandler,\n      onRemoveHandler,\n      isLink = { active: false, url: '', linktext: '' },\n    }: AddLinkFormProps,\n    ref\n  ): JSX.Element => {\n    const t = useTranslation();\n    const [url, setUrl] = useState<string>(isLink.url || '');\n    const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n    const [urlError, setUrlError] = useState<string | null>(null);\n    const [linkTextError, setLinkTextError] = useState<string | null>(null);\n    const firstField = useRef<HTMLInputElement>(null);\n    const linkId = `link_${useId()}`;\n    const textId = `text_${useId()}`;\n\n    const handleOpenUrl = () => {\n      window.open(ensureHttps(url), '_blank');\n    };\n\n    const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n      setUrl(event.target.value);\n    };\n\n    const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n      setLinkText(event.target.value);\n    };\n\n    const validateUrl = (url: string): boolean => {\n      if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n        setUrlError(t.errortext.urlNotValid);\n        return false;\n      }\n      setUrlError(null);\n      return true;\n    };\n\n    const validateLinkText = (linkText: string): boolean => {\n      if (linkText.trim() === '') {\n        setLinkTextError(t.errortext.linkTextNotValid);\n        return false;\n      }\n      setLinkTextError(null);\n      return true;\n    };\n\n    const handleSave = () => {\n      if (isLink.url !== '' && url === '' && typeof onRemoveHandler === 'function') {\n        onRemoveHandler();\n        return;\n      }\n\n      if (!validateUrl(url) || !validateLinkText(linkText)) {\n        return;\n      }\n\n      onSaveHandler(url, linkText);\n      resetForm();\n    };\n\n    const handleClose = () => {\n      onCloseHandler();\n      resetForm();\n    };\n\n    const resetForm = () => {\n      setUrl('');\n      setLinkText('');\n      setUrlError(null);\n      setLinkTextError(null);\n    };\n\n    const setDefaults = (url: string, linktext: string) => {\n      setUrl(url);\n      setLinkText(linktext);\n    };\n\n    const focusFirstField = () => {\n      if (firstField.current) {\n        firstField.current.focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({\n      clearForm: resetForm,\n      focusFirstField,\n      setDefaults,\n    }));\n\n    return (\n      <div className={styles['linkform']}>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={linkId}>{t.links.linkLabel}</Label>\n          <div className={styles['linkform__input-url-wrapper']}>\n            <InputField\n              id={linkId}\n              placeholder={t.links.linkPlaceholder}\n              value={url}\n              onChange={(event) => handleUrl(event)}\n              onFocus={() => setUrlError(null)}\n              ref={firstField}\n              aria-label={t.aria.labels.linkField}\n            />\n            {url && (\n              <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n                <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n              </button>\n            )}\n          </div>\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={textId}>{t.links.linkText}</Label>\n          <InputField\n            id={textId}\n            value={linkText}\n            onChange={(event) => handleLinkText(event)}\n            onFocus={() => setLinkTextError(null)}\n            aria-label={t.aria.labels.linkTextfield}\n          />\n          {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n        </FormField>\n        <div className={styles['linkform__footer']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddTableFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n  clearForm: () => void;\n  focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n  const t = useTranslation();\n  const [rowCount, setRowCount] = useState<number>();\n  const [columnCount, setColumnCount] = useState<number>();\n  const firstField = useRef<HTMLInputElement>(null);\n  const rowId = `row_${useId()}`;\n  const columnId = `column_${useId()}`;\n\n  const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n    const value = event.target.value;\n    type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n  };\n\n  const handleSave = () => {\n    if (rowCount !== undefined && columnCount !== undefined) {\n      onSaveHandler(rowCount, columnCount);\n      resetForm();\n    }\n  };\n\n  const handleClose = () => {\n    onCloseHandler();\n    resetForm();\n  };\n\n  const resetForm = () => {\n    setRowCount(undefined);\n    setColumnCount(undefined);\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: resetForm,\n    focusFirstField: () => firstField.current?.focus(),\n  }));\n\n  return (\n    <div className={styles['tableform']}>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n        <InputField\n          id={rowId}\n          placeholder={t.table.nrofRowsPlaceholder}\n          value={rowCount ? rowCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'row')}\n          aria-label={t.aria.labels.tableRowfield}\n          ref={firstField}\n        />\n      </FormField>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n        <InputField\n          id={columnId}\n          placeholder={t.table.nrofColumnsPlaceholder}\n          value={columnCount ? columnCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'column')}\n          aria-label={t.aria.labels.tableColumnfield}\n        />\n      </FormField>\n      <div className={styles['tableform__footer']}>\n        <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n          {t.common.cancel}\n        </Button>\n        <Button\n          variant={'primary'}\n          onClick={handleSave}\n          disabled={!rowCount || !columnCount}\n          aria-label={t.aria.labels.tableOkButton}\n        >\n          {t.common.add}\n        </Button>\n      </div>\n    </div>\n  );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { TextNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n  isActive: boolean;\n}\n\nexport interface TableMutation {\n  mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addTableForm = useRef<addTableForm>();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const preventOpen = useRef(false);\n\n  const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      const tableNode = createTable(nrOfRows, nrOfColumns);\n      if ($isRangeSelection(selection)) {\n        selection.insertNodes([tableNode]);\n      } else {\n        $getRoot().append(tableNode);\n      }\n      const firstDescendant = tableNode.getFirstDescendant();\n      if (firstDescendant) {\n        (firstDescendant as TextNode).select();\n      }\n    });\n\n    closeFlyout();\n  };\n\n  const mutateTable = (action: Actions) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const anchorNode = selection.anchor.getNode();\n        const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\n        if ($isTableCellNode(currentNode)) {\n          switch (action) {\n            case 'insertRowAbove':\n            case 'insertRowBelow':\n              insertRow(currentNode, action);\n              break;\n            case 'deleteRow':\n              deleteRow(currentNode);\n              break;\n            case 'insertColumnLeft':\n            case 'insertColumnRight':\n              insertColumn(currentNode, action);\n              break;\n            case 'deleteColumn':\n              deleteColumn(currentNode);\n              break;\n            case 'deleteTable':\n              deleteTable(currentNode);\n              break;\n          }\n        }\n      }\n    });\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddTableForm\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n        ref={addTableForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addTableForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addTableForm.current?.focusFirstField();\n    }\n  }, [addTableForm, isVisible]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n          event.preventDefault();\n          showFlyout(flyoutOptions);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown);\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    mutateTable,\n  }));\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n          title={t.table.tableTooltip}\n          className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n          aria-label={t.aria.labels.table}\n          aria-keyshortcuts={t.aria.keyshortcuts.table}\n          ref={buttonRef}\n          type=\"button\"\n        >\n          <Icon name=\"Table\" size={24} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","onRemoveHandler","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","flyoutOptions","rows","columns","useEffect","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-BvwAKpcu.js";
+import "../../TablePlugin-BuP29PqZ.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../SelectListbox/SelectListbox.js";

package/dist/components/FormInput/FormInput.js

@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-BvwAKpcu.js";
+import "../../TablePlugin-BuP29PqZ.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../SelectListbox/SelectListbox.js";

package/dist/components/InputField/InputField.stories.js

@@ -15,7 +15,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router-dom";
-import "../../TablePlugin-BvwAKpcu.js";
+import "../../TablePlugin-BuP29PqZ.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../SelectListbox/SelectListbox.js";

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-D9PxdX43.js";
-import { M as p } from "../../TablePlugin-BvwAKpcu.js";
+import { M as p } from "../../TablePlugin-BuP29PqZ.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
 import { fn as d } from "../../index-C9QoqAAt.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-BvwAKpcu.js";
+import { M as e } from "../../TablePlugin-BuP29PqZ.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -14,7 +14,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { a as q } from "../../../TablePlugin-BvwAKpcu.js";
+import { a as q } from "../../../TablePlugin-BuP29PqZ.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/hooks/components/Flyout.js";
 import "../../SelectListbox/SelectListbox.js";

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-BvwAKpcu.js";
+import { M as l } from "../../TablePlugin-BuP29PqZ.js";
 export {
   l as MultiSelect
 };

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -16,7 +16,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-BvwAKpcu.js";
+import "../../TablePlugin-BuP29PqZ.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/RteEditor/EditorHeader/EditorHeader.js

@@ -13,7 +13,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../TablePlugin-BvwAKpcu.js";
+import "../../../TablePlugin-BuP29PqZ.js";
 import "../Providers/LanguageProvider.js";
 import "../hooks/components/Flyout.js";
 import "../../SelectListbox/SelectListbox.js";

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

@@ -16,7 +16,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../TablePlugin-BvwAKpcu.js";
+import "../../../../TablePlugin-BuP29PqZ.js";
 import { s as r } from "../../../../RteEditor.module-BwAtWRHo.js";
 import { useTranslation as g } from "../../hooks/useTranslation.js";
 import "../../hooks/components/Flyout.js";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../helpers-BB6Byf50.js";
-import { A as z } from "../../../../TablePlugin-BvwAKpcu.js";
+import { A as z } from "../../../../TablePlugin-BuP29PqZ.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";

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

@@ -4,7 +4,7 @@ import { c as H } from "../../../../clsx-OuTLNxxd.js";
 import { g as P, m as I, e as K, U as O } from "../../../../helpers-BB6Byf50.js";
 import { useRef as L, useState as j, useEffect as y } from "react";
 import { e as V, A as f, r as z, x, _ as W, L as Y, l as q } from "../../../../Lexical.prod-qM_1BY0u.js";
-import { A as B } from "../../../../TablePlugin-BvwAKpcu.js";
+import { A as B } from "../../../../TablePlugin-BuP29PqZ.js";
 import { useFlyout as G } from "../../hooks/useFlyout.js";
 import { Icon as J } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -165,7 +165,7 @@ const Q = 200, C = (u) => {
     };
   }, [t]), y(() => {
     const o = (r) => {
-      r.key === "Escape" && (r.preventDefault(), g());
+      r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), g());
     };
     return document.addEventListener("keydown", o), () => {
       document.removeEventListener("keydown", o);

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_EDITOR,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n  let currentNode: TextNode | ElementNode | null = node;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return currentNode;\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return {\n        active: true,\n        url: currentNode.getURL(),\n        linktext: currentNode.getTextContent(),\n      };\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const LinkPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n\n  const openFlyout = () => {\n    if (!preventOpen.current) {\n      showFlyout(flyoutOptions);\n      if (selectedText.current !== '') {\n        setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n      }\n    }\n  };\n\n  const insertLink = (url: string, linktext: string) => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const node = anchor.getNode() as ElementNode;\n        const linkNode = getLinkNode(node);\n\n        if (linktext && linktext !== '') {\n          if (linkNode) {\n            const newTextNode = $createTextNode(linktext);\n            linkNode.replace(newTextNode);\n            newTextNode.select();\n          }\n          if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n            const { anchor, focus } = selection;\n            selection.insertText(linktext);\n            anchor.offset -= linktext.length;\n            focus.offset = anchor.offset + linktext.length;\n          }\n        }\n        $toggleLink(ensureHttps(url), { target: '_blank' });\n      }\n\n      closeFlyout();\n    });\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    closeFlyout();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n        onRemoveHandler={removeLink}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      previousLinkText.current = selectedText.current = '';\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  useEffect(() => {\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        return false;\n      },\n      0\n    );\n\n    const unregister = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n            showFlyout(flyoutOptions);\n            previousLinkText.current = node.linktext;\n            setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n            return true;\n          } else if (selection.getTextContent() !== '') {\n            selectedText.current = selection.getTextContent();\n            return true;\n          }\n        }\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregister();\n      unregisterSelect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n          const selection = $getSelection();\n\n          if (!$isRangeSelection(selection)) {\n            return false;\n          }\n\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          const openFlyoutWithDefaults = (url = '', linkText = '') => {\n            showFlyout(flyoutOptions);\n            setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n          };\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            previousLinkText.current = node.linktext;\n            openFlyoutWithDefaults(node.url, node.linktext);\n\n            return true;\n          }\n\n          const selectedTextContent = selection.getTextContent();\n          if (selectedTextContent !== '') {\n            selectedText.current = selectedTextContent;\n            openFlyoutWithDefaults('', selectedText.current);\n\n            return true;\n          }\n\n          showFlyout(flyoutOptions);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      setIsLink(\n        editorState.read(() => {\n          const selection = $getSelection();\n\n          if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode() as ElementNode;\n            const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n            if (linkNode) {\n              return {\n                active: true,\n                url: linkNode.getURL(),\n                linktext: linkNode.getTextContent(),\n              };\n            }\n          }\n\n          return {\n            active: false,\n            url: '',\n            linktext: '',\n          };\n        })\n      );\n    });\n\n    return () => {\n      removeKeyboardShortcut();\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown);\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.links.linkTooltip}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.link}\n          type=\"button\"\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_EDITOR,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n  let currentNode: TextNode | ElementNode | null = node;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return currentNode;\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return {\n        active: true,\n        url: currentNode.getURL(),\n        linktext: currentNode.getTextContent(),\n      };\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const LinkPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n\n  const openFlyout = () => {\n    if (!preventOpen.current) {\n      showFlyout(flyoutOptions);\n      if (selectedText.current !== '') {\n        setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n      }\n    }\n  };\n\n  const insertLink = (url: string, linktext: string) => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const node = anchor.getNode() as ElementNode;\n        const linkNode = getLinkNode(node);\n\n        if (linktext && linktext !== '') {\n          if (linkNode) {\n            const newTextNode = $createTextNode(linktext);\n            linkNode.replace(newTextNode);\n            newTextNode.select();\n          }\n          if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n            const { anchor, focus } = selection;\n            selection.insertText(linktext);\n            anchor.offset -= linktext.length;\n            focus.offset = anchor.offset + linktext.length;\n          }\n        }\n        $toggleLink(ensureHttps(url), { target: '_blank' });\n      }\n\n      closeFlyout();\n    });\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    closeFlyout();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n        onRemoveHandler={removeLink}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      previousLinkText.current = selectedText.current = '';\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  useEffect(() => {\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        return false;\n      },\n      0\n    );\n\n    const unregister = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n            showFlyout(flyoutOptions);\n            previousLinkText.current = node.linktext;\n            setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n            return true;\n          } else if (selection.getTextContent() !== '') {\n            selectedText.current = selection.getTextContent();\n            return true;\n          }\n        }\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregister();\n      unregisterSelect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n          const selection = $getSelection();\n\n          if (!$isRangeSelection(selection)) {\n            return false;\n          }\n\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          const openFlyoutWithDefaults = (url = '', linkText = '') => {\n            showFlyout(flyoutOptions);\n            setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n          };\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            previousLinkText.current = node.linktext;\n            openFlyoutWithDefaults(node.url, node.linktext);\n\n            return true;\n          }\n\n          const selectedTextContent = selection.getTextContent();\n          if (selectedTextContent !== '') {\n            selectedText.current = selectedTextContent;\n            openFlyoutWithDefaults('', selectedText.current);\n\n            return true;\n          }\n\n          showFlyout(flyoutOptions);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      setIsLink(\n        editorState.read(() => {\n          const selection = $getSelection();\n\n          if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode() as ElementNode;\n            const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n            if (linkNode) {\n              return {\n                active: true,\n                url: linkNode.getURL(),\n                linktext: linkNode.getTextContent(),\n              };\n            }\n          }\n\n          return {\n            active: false,\n            url: '',\n            linktext: '',\n          };\n        })\n      );\n    });\n\n    return () => {\n      removeKeyboardShortcut();\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown);\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.links.linkTooltip}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.link}\n          type=\"button\"\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as v } from "../../../../TablePlugin-BvwAKpcu.js";
+import { b as v } from "../../../../TablePlugin-BuP29PqZ.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";

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

@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
 import "../../../../helpers-D9T1Tgkj.js";
 import "../../../../Lexical.prod-qM_1BY0u.js";
 import "react";
-import { T as B } from "../../../../TablePlugin-BvwAKpcu.js";
+import { T as B } from "../../../../TablePlugin-BuP29PqZ.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";

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

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

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

@@ -7,7 +7,7 @@ import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.j
 import { L as C } from "../../../../ListPlugin-D-Ki_zib.js";
 import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as k } from "../../../../TablePlugin-BvwAKpcu.js";
+import { T as k } from "../../../../TablePlugin-BuP29PqZ.js";
 import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 import { s as v } from "../../../../RteEditor.module-BwAtWRHo.js";
 const D = ({ editorScrollPosition: u }) => {

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

@@ -3,7 +3,7 @@ import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { L as n } from "../../../ListPlugin-D-Ki_zib.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-BvwAKpcu.js";
+import { T as u } from "../../../TablePlugin-BuP29PqZ.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,

package/dist/components/RteEditor/RteEditor.js

@@ -13,7 +13,7 @@ import { s as T } from "../../RteEditor.module-BwAtWRHo.js";
 import { ToolBarPlugin as sn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { Icon as an } from "../Icon/Icon.js";
 import { useTranslation as ln } from "./hooks/useTranslation.js";
-import "../../TablePlugin-BvwAKpcu.js";
+import "../../TablePlugin-BuP29PqZ.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/index.js

@@ -30,7 +30,7 @@ import { Label as po } from "./Label/Label.js";
 import { MenuLink as mo } from "./MenuLink/MenuLink.js";
 import { MetaDataList as io } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as no } from "./ModalDialog/ModalDialog.js";
-import { M as uo } from "../TablePlugin-BvwAKpcu.js";
+import { M as uo } from "../TablePlugin-BuP29PqZ.js";
 import { OverlayCloseButton as so } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { PageOverlay as So } from "./PageOverlay/PageOverlay.js";
 import { Periods as ko } from "./Periods/Periods.js";

package/dist/index.js

@@ -30,7 +30,7 @@ import { Label as po } from "./components/Label/Label.js";
 import { MenuLink as mo } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as io } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as no } from "./components/ModalDialog/ModalDialog.js";
-import { M as uo } from "./TablePlugin-BvwAKpcu.js";
+import { M as uo } from "./TablePlugin-BuP29PqZ.js";
 import { OverlayCloseButton as so } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { PageOverlay as So } from "./components/PageOverlay/PageOverlay.js";
 import { Periods as ko } from "./components/Periods/Periods.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.62.1",
+  "version": "1.62.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",